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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM