本demo仅供学习参考
微信小程序拼图驗证 demo旨在解决微信小程序,滑动卡顿问题
滑动卡顿的根本原因是,view层和app service层通信过快
解决方案:减少通信,利用wxs语法让view和app service 层只在滑动結束(touchEnd)进行通信
本demo 提供两种滑块方式
生成图片时候 需要记录x,y坐标后面验证时候需要。
这种方式是迫不得已才采用的方法
1.由于微信小程序canvas属于原生组件层级问题(可优化)
这种是完美的方案。在pc和移动端的h5中没有任何问题。
但是在微信小程序上由于wx.canvasPutImageData方法大概率失效,故只能放弃
1.image在微信小程序没有层级问题
3.imgage 更好操控,灵活度高市面上的网易云盾等都是采用image方式。