uni-app表单⑪

十七、用户登录-登录界面搭建

一、结构样式代码编写

1. uni-forms 插件下载

   下载地址：https://ext.dcloud.net.cn/plugin?id=2773

2. send-code 组件封装

   1. 结构处理

      <template>
        <view class="code-container">
          <view class="vCode-btn" @click="getForm">
            {{runTime? `${time}秒后重新获取`:'获取验证码'}}
          </view>
        </view>
      </template>
      

   2. 定时器创建

   3. 组件销毁时，进行副作用（定时器）清除操作

      // 离开界面时进行定时器的清除操作
        beforeDestroy () {
          clearInterval(this.timeId)
          this.timeId = null
          this.runTime = false
          this.time = 60
        },
      

十八、用户登录-表单验证

一、userRulesMixin 文件使用

1. common 文件夹下创建 userRulesMixin

export default {
  install (Vue) {   // 使用install的形式进行安装mixin
    Vue.mixin({
      data () {
        return {
          a:'hello world'
        }
      },
      methods: {
        test () {

        }
      }
    })
  }
}

2. main.js 中使用 mixin 文件

import userMixin from './common/rulesMixin.js'
Vue.use(userMixin)

3. 组件或页面内直接进行使用

  onLoad: function () {
    console.log(this.test())
  }

二、验证规则编写

  userRules: {
            loginName: {
              rules: [
                { required: true, 'errorMessage': "账户名不能为空" },
                {
                  validateFunction: (rule, val, data, callback) => {
                    switch (true) {
                      case val.length < 6:
                        callback('用户名长度不正确')
                        break;
                      default:
                        return true
                    }
                  }
                }   // 自定义验证规则
              ]
            }
          }

谷歌浏览器的插件：FeHelper

手机号码正则表达式

/^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/

windows 下 CMD 常用命令

一、常用命令
1、进入某个盘

//进入 d 盘
D:
//进入 F 盘
F:

这里我经常弄混，老是用 cd 命令，结果回回进不去。。Linux 和 windows 果然不一样。

2、查看目录文件

//查看当前目录下的文件，类似于 linux 下的 ls
dir

如果是需要查看隐藏文件的或者更多操作的话，可以使用 dir /?来查看其它用法，cmd 这点挺好的。

3、创建目录和删除目录

//创建目录
md 目录名（文件夹）
//删除目录
rd 目录名（文件夹）

echo 新建文件

4、查看本机 ip

ipconfig

5、清除屏幕

cls

类似于 linux 下的 clear

6、复制文件

copy 路径\文件名 路径\文件名 ：把一个文件拷贝到另一个地方。

7、移动文件

move 路径\文件名 路径\文件名 ：把一个文件移动（就是剪切+复制）到另一个地方。

8、删除文件

//这个是专门删除文件的，不能删除文件夹
del 文件名

9、ping

//用来测试网络是否畅通
ping ip(主机名)

以上这些命令是比较简单，也是比较常用的命令，大家都可以记一下，能用得上的。

二、查看 cmd 下的命令
1、使用 help 命令，查看所有的 dos 命令

使用这个命令之后，我们可以看到所有的dos命令，并且后面还有中文的解释。简直不要太赞，这样我们就可以根据自己的需求要找到想要使用的命令。

2、找到命令之后，使用 命令+ /?来查看该命令下的其他属性
例如：cd 命令

这样一来，我们就能找到所有自己想要使用的命令。岂不美哉。

三、另附一些 windows 下的快捷键
win+E 打开文件管器

win+D 显示桌面

win+L 锁计算机

alt+F4 关闭当前程序

ctrl+shift+Esc 打开任务管理器（或者 ctrl+alt+delete）

ctrl+F 在一个文本或者网页里面查找，相当实用（退出一般按 ESC）

ctrl+A 选中所有文本