项目总结（关于注册登录，手势登录，指纹登录，密码加密等登录的总结）

现在做的这个项目有密码登录和手势登录，最近又要新增一个指纹登录，所以就想把这一块好好梳理一下，好好总结一下。

1.密码登录：登录用户名为手机号或者邮箱，手机号码按照344分隔，所以就需要用正则表达式去校验一下，（正则表达式(Regular Expression)简写RegExp javascript中的正则表达式用RegExp对象表示）这个时候手机号的验证需要正则表达式为：telReg = /1[0-9][0-9][ ][0-9]{4}[ ][0-9]{4}/; 这个时候输入手机号之后显示的是185 0101 0120 。然后就是密码的校验，密码校验的正则表达式是psdReg = /^[0-9a-zA-Z]{6,30}$/; 这里面的\^的含义是以什么开始，这里的$的含义是以什么结尾，不过\^还有一个用法就是let strings = str.replace(/[^0-9]/g,”“); 这里的\^表示的是非的意思，在[ ]里面是非的意思，在[ ]外面是以什么开头的意思，所以要重视正则表达式。
用户名也就是手机号和密码在发送给后台的时候需要加密一下，然后再发送给后台，这个时候就需要用到加密插件了，此时用的是jsencrypt实现参数的前端加密。以前接触过前端加密这一块，但是没有总结，所以就趁此梳理之际总结一下。
首先看一下在项目中的用法：

 encryptionCode(str) {
 let encrypt = new JSEncrypt();    
 encrypt.setPublicKey('MIGfMAOSSAJHjakjahjdude/sjjdjdshadDHDJHW/DIQIEKahjhaj/HDAJDKHFDJDSjskjdhaKJ'); //这个是与后台共同定义好的
 let encryptCont = encrypt.encrypt(str).replace(/\+/g,“%2B”);
 return encryptCont;
  }

然后直接调用这个方法

let psdReg = /^[0-9a-zA-Z]{6,30}$/;
let teleNormal = this.loginData.tele.replace(/ /g,"");
let tele = this.funs.encryptionCode(teleNormal);
let passwords = this.funcs.encryptionCode(this.loginData.password);

2.手势登录
这个手势登录用的是一个插件H5lock https://github.com/lvming6816077/H5lock，这个对于自己来说又是一个新的东西（猛然间感觉自己平时的梳理和总结还是很有必要的）