H5移动端手势密码组件

   项目简介


 

     最近参加了2017年360前端星计划,完成了一个有趣的UI组件开发大作业,借机和大家分享一下移动端开发的技术啦~~

    本项目采用原生JS和Canvas实现移动端手势密码组件,支持手势密码设置和验证。

    先加星后看,年薪百万!欢迎大家关注我的github,互相学习~~

     demo演示地址:http://tangzhirong.github.io/lock/example/demo.html

     项目github地址:https://github.com/tangzhirong/mobile-lock

     我的github地址:https://github.com/tangzhirong

 

  效果


 

 

  特点


 

  • 移动端不同尺寸设备适配:采用css media query和rem设置字体大小
  • 支持自定义参数:手势区大小、标题等
  • 解决部分安卓手机touch事件兼容性问题

   推荐文章


 

    想要了解如何做H5移动端开发的朋友,推荐两篇我认为写的不错的文章,以供参考:

    H5移动端适配相关文章http://www.mamicode.com/info-detail-864013.html

    H5移动端兼容性相关文章http://www.cnblogs.com/shenjp/p/6517525.html

posted @ 2017-04-07 00:34  呆呆流云  阅读(2981)  评论(0编辑  收藏  举报