基于鸿蒙ArkUI开发社区APP系列三之登录界面的输入有效性检查和用户名密码验证

基于harmonyOS arkUI的登录界面实现

一、闲扯淡以前的登录功能都是输入帐号密码，然后登录，这种方式让用户吃尽了苦头，因为用户需要自己记住登录的密码，一个app还好，要是十几个app的密码都需要用户自己记住，那用户就要崩溃了，每次都得试好几个密码，有人说，都设置一个密码不就行了吗？这种方式可以，但是很危险，一旦你的密码泄露一个，想象一下你的其他app是不是就一起芭比Q了（完了），所以后面出现了验证码登录功能，即用户输入自己的手机号，通过

在Vue3中，将Vue2.0的option API 制作成hook函数，比如`watch,compute`方法等，在Vue3中新增的`setup()`方法中，可以以函数的形式去使用Vue2.0的`watch，compute`等属性，`setup`函数的调用时机是创建组件实例，然后初始化`props`,紧接着是调用`setup`函数，从生命周期的角度来看，它会在`beforeCreate`之前调用，

Docker需要运行在64位的Windows10 系统上，通过启动一个独立的引擎运行docker环境，并且需要启用 Windows 操作系统中的 Hyper-V 和容器特性。Windows版本是一个社区版本，不是为生产环境设计的，所以Windows版本的docker主要用于开发测试使用。也就是做一些测试环境的搭建使用。

当我们的UI界面显示出来后，需要和用户进行交互，即用户点击某个控件，比如是一个按钮，需要跳转到另一个界面的时候，如果直接跳转到另一个界面，功能是实现了，但是未免有些生硬，因为用户体验不是很好，这时就需要动画的润色了，添加一个好的转场动画能让用户使用起来拥有更好的体验，并且动画还可以让一些耗时的任务看起来不那么“耗时”，比如当用户下载一个文件时，假如没有动画，系统一直卡在下载当那个页面（其实系统没有

插槽可以传递dom元素，在子组件中通过接收使用父组件传递过来的dom元素，我的理解就是在定义一个组件时，有些dom是动态显示的，即子组件现在不清楚调用它的组件需要咋显示，是显示button还是div，所以使用slot先占一个位置，父组件确定要显示的dom后再显示。

在Vue3中，当我们需要渲染一个数组中的数据到dom元素上时，就需要使用循环渲染。循环渲染可以节约我们大量重复冗余的工作，比如我们去渲染一个下拉菜单的时候，如果不使用循环渲染，那么我们需要手动一项一项的添加下拉菜单里面的内容，当下拉菜单中的内容比较少的时候我们还可以接受，但是当下拉菜单中的内容达到几百条的时候，我们就得一遍又一遍的添加选项，非常麻烦。但是使用循环渲染可以很好的结局这个问题，首先我们

在Android的传统View中，当我们需要展示大量的数据时，一般都会使用ListView或者是更高级的RecyclerView。在Compose中我们可以通过Column来实现这一需求，并且还可以让列表实现滚动，懒加载，快速定位到具体位置等功能。非常灵活，下文就是使用Column来实现列表的内容

我们都知道ConstraintLayout在构建嵌套层级复杂的视图界面时可以有效降低视图树的高度，使视图树扁平化，约束布局在测量布局耗时上比传统的相对布局具有更好的性能，并且约束布局可以根据百分比自适应各种尺寸的终端设备。因为约束布局确实很好用，所以，官方也为我们将约束布局迁移到了Compose平台。本文就是介绍约束布局在Compose中的使用。