H5移動端手勢密碼組件

標籤：git   尺寸   mamicode   span   簡介   如何   https   ui組件   作業   

   項目簡介

 

     最近參加了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

H5移動端手勢密碼組件