1:GMU:http://cloudajs.org/ui/brand/gmu
GMU是基于zepto的mobile UI組件庫,提供webapp、pad端簡單易用的UI組件!
http://gmu.baidu.com
2:Hammer.js:http://hammerjs.github.io/
Hammer.js是一個開源的,輕量級的javascript庫,它可以在不需要依賴其他東西的情況下識別觸摸,鼠標事件。
多點觸控插件Hammer.js的demo源碼:http://www.jq22.com/jquery-info552
現在已經更新到2.04版本,跟1.0版本有點天壤地別了,畢竟改寫了事件名并新增了許多方法,允許同時監聽多個手勢、自定義識別器,也可以識別滑動方向。
中文文檔:https://www.cnblogs.com/qianduanjingying/p/5812139.html
HammerJS是一個開源的庫,可以識別由 touch, mouse 和 pointerEvents 觸發的系列手勢。它非常小巧,壓縮后僅有3.96kb,并沒有多余的腳本依賴。
3:QuoJS:
QuoJS不僅是一個觸摸事件管理器,還是一個功能豐富的類庫,無需第三方JavaScript庫(例如 jQuery, Prototype, Kendo ...)來創建基于瀏覽器應用程序的復雜項目。是輕量級模塊化、面向對象的JavaScript庫,定義了多種觸摸手勢,可以用于移動Web開發中簡化HTML文件遍歷、事件處理及Ajax交互等,讓開發者輕松編寫出高效的跨瀏覽器代碼。
官方文檔已經失去維護,找了一個官網備份:http://www.360doc.com/content/15/0504/18/11984479_468037372.shtml
github地址:https://github.com/soyjavi/quojs
4:Zepto: 英文文檔http://zeptojs.com/
Zepto.js API 中文版:http://www.css88.com/doc/zeptojs_api/
Zepto是一個輕量級的針對現代高級瀏覽器的JavaScript庫,它與jquery有著類似的api。 如果你會用jquery,那么你也會用zepto。Zepto的設計目的是提供 jQuery 的類似的API,但并不是100%覆蓋 jQuery 。Zepto設計的目的是有一個5-10k的通用庫、下載并快速執行、有一個熟悉通用的API,所以你能把你主要的精力放到應用開發上。
缺點:Zepto 下載的確很快。但是,一旦下載到瀏覽器之后,它并不像 jQuery 一樣執行速度快。并且,很多第三方插件都依賴 jQuery,不支持 Zepto -- 實際上,我們發現某些第三方插件和 Zepto 有沖突。對于我們來講,維護多套代碼很不容易。
5:Swipe:
中文網:http://www.swiper.com.cn/
Swiper(Swiper master)是目前應用較廣泛的移動端網頁觸摸內容滑動js插件。Swiper中文網提供Swiper在線演示、Swiper中文教程、Swiper中文APi、Swiper下載。
支持精確的觸摸移動操作,而且還可以設置自動播放、等比例縮放等等實用性的功能。支持觸摸移動,支持響應式頁面。最近的一個項目中使用到了swipe.js這個插件
感覺非常的好用的,五顆星好評。
GitHub:http://swipejs.com/
6:jQuery Mobile:
英文文檔:http://jquerymobile.com/
中文參考手冊:http://www.runoob.com/
jQueryMobile是創建移動 web 應用程序的框架。jQueryMobile適用于所有流行的智能手機和平板電腦,jQuery Mobile是jQuery框架的一個組件(而非jquery的移動版本)。jQuery Mobile是一款基于HTML5的用戶界面系統,旨在使所有智能手機,平板電腦和桌面設備上都可以訪問的響應網站和應用。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫,而且會發布一個完整統一的jQuery移動UI框架。
7:KendoUI:
中文網:http://www.kendoui.io/
http://www.telerik.com/kendo-ui
kendoui.io 提供KendoUI官方最新示例、文檔的國內鏡像,提供大量實際使用案例,提供開源庫下載地址,KendoUI是一套很棒的HTML5開發控件,它的優點是控件齊全,功能強,易于學習,使用代碼簡練。Kendo UIWeb包含所有創建高速HTML5 web app的必備元素:UI組件、數據源、驗證、一個MVVM框架、主題、模板等
缺點:kendo ui分為開源版和收費版,最近在看KENDO UI,覺得功能很強大,想用于一個WEB項目中,尤其里面的GRID組件,很不錯,但GRID組件現屬于專業版本中的一個組件,而專業版是收費的。專業版都是壓縮的JS、CSS,基本不能閱讀代碼如果到期基本就不可以再免費使用了。
- 前端框架
- 進階攻略:前端最全的框架總結
- 進階攻略:前端完整的學習路線
- 進階攻略:最全的前端開源JS框架和庫
- 常用的六個富文本編輯器
- 移動端手勢的七個事件庫
- Bootstrap相關優質項目學習清單
- 三個Bootstrap免費字體和圖標庫
- jQuery實現多種切換效果的圖片切換的五款插件
- 移動端常用的四個框架
- 七個幫助你處理Web頁面層布局的jQuery插件
- 前端工具
- 八款前端開發人員更輕松的實用在線工具
- 推薦幾款好用的云筆記軟件
- 幾款在線的腦圖制作工具
- 細數那些年我用過的前端開發工具
- 九款優秀的企業項目協作工具推薦
- 細數那些帶打賞功能的平臺
- 干貨|幾個有用的問答平臺
- 前端資源
- web開發快速提高工作效率的一些資源
- 前端工程師們,這些干貨讓你開發效率加倍
- 那些我不得不收藏的技術網站
- 前端學習的幾個網站
- 老司機程序員用到的各種網站整理
- 前端幾個常用簡單的開發手冊拿走不謝
- 2017年度最流行的十大中國開源軟件
- 程序員常用的六大技術博客類
- 提高工作效率的幾個小技巧
- Bootstrap相關優質項目必備網址
- 前端技術棧
- h5調用底層接口的一些知識
- JS數組去重的6種算法實現
- Git安裝及密鑰的生成并上傳本地文件到GitHub上
- JS數組排序技巧匯總(冒泡、sort、快速、希爾等排序)
- 就如何快速免費提高網站排名小結
- 淺談移動端頁面無刷新跳轉問題的解決方案
- 移動端iPhone系列適配問題的一些坑
- HTML5在客戶端存儲數據的新方法——localStorage
- 移動開發之css3實現背景幾種漸變效果
- 前端雜談
- 程序員如何利用空余時間掙零花錢?
- 一個前端妹子的悲歡編程之路
- 【程序員交友】祈澈姑娘:假裝文藝與代碼齊飛的前端妹子
- 初中級前端開發工程師如何提升個人能力?
- 如何打造個人技術影響力
- 程序媛,堅持這幾個好習慣讓你越來越美
- 工作中如何快速成長和學習?
- 我是如何快速積累工作經驗
- 谷歌AI中國中心成立,人工智能勢不可擋?
- 前端面試
- 一份來自前端開發工程師的規范簡歷
- 2017前端精品面試文章總結
- 面試經歷:為即將找工作的你保駕護航
- 我的北漂之路 北漂如飲水,冷暖自知
- 如何在面試中脫穎而出?
- 2017年10大主流編程語言最新排行榜出爐
- 前端面試之前要準備的那些事