JavaScript手势密码核心文件
手势密码的核心逻辑，全靠引入的那几个 JS 文件来撑场面。像 gesture.js 这种文件，功能清晰，逻辑也不绕。你只要把它引进页面，再稍微调下初始化配置，基本就能跑起来。
页面上的手势轨迹啊，节点响应这些，全都封装好了。比如 initGesture() 方法，设置一套 3x3 的解锁点，手势画完后能直接拿到密码数组，后端验证方便得。
你要做的，主要就是监听用户绘制的轨迹，跟你设定的密码比对一下。JS 里自带事件绑定，响应也快，兼容性也还不错，PC、移动都能搞。
哦对了，如果你想看看不同平台的实现方式，下面这些链接还挺值得逛一逛：手势密码解锁讲的是 H5 解法，iOS 和 Android 的源码也都有。
如果你只是想快速集成一个手势解锁组件，建议先把 gesture.min.js 加进去，直接调用它暴露出来的接口，几行代码就能搞定。记得测试下手势顺序识别有没有问题，别到时候用户画得对但提示错误，那就尴尬了。
文件大小：8.34KB
评论区