10個最佳的觸控手式的JavaScript框架(轉)

因爲各類緣由移動開發是一項艱難的工做,好比它是很是耗時的、充滿壓力的任務。最重要的是,做爲一個開發人員,你必須保持更新全部最新 的技術和技巧——你必須知道全部最新的趨勢,問題和解決方案等。例如跨瀏覽器支持和兼容性、屏幕分辨率等等曾經是巨大的問題,但儘管已經解決,開發者仍然 面臨着這些被要求學習最新的技術來保持更新。javascript

移動開發是一個快速增加的行業,移動網站正在以驚人的速度佈局。特別是如今使人驚訝的是觸屏智能手機和平板電腦的井噴。所以擁有一個移動版的你的網站是一個必須跟上不斷髮展的科技世界。所以必須推出適應這些設備的應用程序來改善他們的業務。java

全部的這一切均可能是因爲JavaScript 使得觸摸設備很是容易使用。它容許網站應對觸摸手勢,從而使應用觸摸友好和增長你的用戶羣。今天咱們與大家分享10個最好的支持移動觸摸的JavaScript框架。jquery

Hammer.js

hammer

Hammer.js是一個輕量級的JavaScript庫(僅有2kb),能讓你的網站輕鬆實現觸控事件。它依賴於jQuery,用來控制觸摸設備上的多點觸控特性。android

jQuery UI 1.10

jqueryuserinterface

jQueryUI 是一套 jQuery 的頁面 UI 插件,包含不少種經常使用的頁面空間,例如 Tabs(如本站首頁右上角部分) 、拉簾效果(本站首頁左上角)、對話框、拖放效果、日期選擇、顏色選擇、數據排序、窗體大小調整等等很是多的內容。git

FastClick

github

這是一個小型的 JS 庫,可在觸摸操做擺脫300毫秒的延遲,支持 Mobile Safari (on iOS 3 and upwards), Chrome (on iOS 5 and upwards), Chrome (on Android — Ice cream Sandwich), Opera Mobile (11.5 and upwards), Android Browser (since Android 2) and PlayBook (OS 1 and upwards).github

Swipe

swipe

Swipe JS 是一個輕量級的移動滑動組件,支持 1:1 的觸摸移動,阻力以及防滑。Swipe 爲移動的 web 應用帶來了新的交互方式,可讓移動 web 應用展示更多的內容。web

Jo

jo

Jo這個框架可用於開發那支持HTML5的移動設備,如iOS,webOS, Android和Chrome OS等平臺。chrome

Quo JS

Quo JS

Quo.JS 是一個小型、模塊化、面向對象的 JavaScript 庫,用於移動 Web 開發中簡化 HTML 文檔遍歷、事件處理和 Ajax 交互等功能。瀏覽器

FooTable

footable

FooTable 是一個 jQuery 插件,主要的目的是將 HTML 的表格變成支持各類尺寸的設備,特別是在小屏幕設備上顯示也是很棒的效果。而不需擔憂該表格擁有太多的列。app

TinyNav.js

tinynav

顧名思義,TinyNav.js是一個小型jQuery插件,可以對小型屏幕上的下拉菜單導航實現<ul><ol>的轉 換。還能 對當前頁面進行選擇,並對一個項目添加selected=」selected」。它是一個很是有效的插件,提供了一些很是不錯的功能。

JQUERY.PEP.JS

jquery-pep-js

JQUERY.PEP.JS也是一個小型jQuery插件,結合了jQuery動畫和CSS3動畫,在移動和桌面設備上實現Kinetic Drag。JQUERY.PEP.JS支持自定義啓動、中止、休眠及拖拽事件、約束父體或視窗對象。

Pointer.js

pointer.js-architecture

Pointer.js是一個很是酷的工具,可以讓觸摸及鼠標系通通一塊兒來。這是將來的須要,由於在將來,觸摸操做勢必會更加風行,而鼠標的使用將會大幅減低。

來源:http://smashinghub.com/10-best-mobile-touch-javascript-framework.htm

相關文章
相關標籤/搜索