10大支援移動“觸摸操作”的JavaScript架構

標籤：

摘要：移動開發行業的發展速度讓人目不暇接，也在此大勢之下，推出移動網站App成為開發人員必經之路，如何讓觸屏裝置 更易使用？如何讓網站對觸摸手勢做出反應並使觸摸更友好？所有這一切，皆因JavaScript變得輕而易舉。本文介紹了Hammer.js等10個極佳 的支援移動觸摸操作的JavaScript架構。

為什麼說移動開發是一項非常艱苦的工作？原因很多，比如非常耗時、壓力無處不在等等。最重要的一點是，作為一名移動開發人員，你必須始終秉承“活到老 學到老”，還要明了最新的發展趨勢、問題及解決方案等。比如跨瀏覽器的相容性、螢幕解析度及有問題的HTML、CSS代碼等這些在過去難以解決，如今卻能 得到很好解決的難題。但開發人員卻仍然需要不斷地學習新技術，只有這樣才能保證自己不out，也才能讓自己在競爭激烈的移動開發行業屹立不倒。

移動開發行業的發展速度太為迅捷，甚至有點讓人目不暇接，在許多問題都已得到解決的同時，也有諸多新問題蹦出。而就觸摸相容及建立在架構之上的移動 網站而言，讓其在觸屏智能手機、平板電腦上運行起來非常驚奇，移動網站正在以驚人的速度布局。如此一來，僅擁有一個Web網站早已不夠，推出移動版網站才 是王道。而如今，推出同類網站的App也已成為開發人員改善業務的一大趨勢。

所有這一切，皆因JavaScript，成為可能。因為JavaScript能夠使得觸屏裝置更加容易使用。它允許網站對觸摸手勢做出反應，從而使 得觸摸更加友好，也擴大了你的使用者群。JS架構方便處理且輕量級。為此，我們特地整理了10個最佳支援移動觸摸操作的JavaScript架構，絕對讓你 一飽眼福、受益匪淺。

Hammer.js

Hammer.js是一個專門用於控制、定製手勢的輕量級JavaScript架構，可以識別出常見的觸摸、拖動、長按、縮放等手勢。支援Android、BlackBerry、iOS及Windows觸屏裝置。

jQuery UI 1.10

jQueryUI是一套jQuery JS庫的頁面UI外掛程式，包含多種常用的頁面空間，比如Tabs、拉簾效果、對話方塊、拖放效果、日期選擇、顏色選擇、資料排序、表單大小調整等。能夠讓開發 者輕而易舉地製作出一個高度互動的Web應用。無論是對於開發人員還是設計師而言，它都非常實用。

FastClick

FastClick是一個非常方便的庫，在行動瀏覽器上發生介於輕敲及點擊之間的指令時，能夠讓你擺脫300毫秒的延遲。FastClick可以讓你的應用程式更加靈敏迅捷。支援各種行動瀏覽器，比如Safari、Chrome、Opera等。

Swipe

Swipe是一個輕量級的移動滑動組件，支援1:1的觸摸移動、阻力及防滑。Swipe為移動版Web應用帶來了全新的互動方式，可以讓移動App展現更多的內容。

Jo

Jo允許開發人員使用相同代碼開發出原生移動App或Web應用，可以讓你使用CSS快速調整應用，支援iOS、Android、webOS、BlackBerry及Chrome OS等平台。Jo最大的優勢莫過於操作起來方便簡單、開源且又免費。

Quo JS

Quo JS是一個輕量級的小型、模組化、物件導向的JavaScript庫，用於移動Web開發中簡化HTML檔案遍曆、事件處理及Ajax互動等，可以讓開發 者輕鬆編寫出高效的跨瀏覽器代碼。總的來說，Quo JS允許建立複雜項目及基於瀏覽器的App，是一個非常偉大的觸摸事件管理器。

FooTable

FooTable是一個進階jQuery外掛程式，允許開發人員在觸屏智能手機及平板電腦等小型裝置上製作資料非常驚人的HTML表格。它可以將HTML錶轉換成可擴充的響應式表格，且通過單擊某一行即可將該行資料隱藏起來。

TinyNav.js

顧名思義，TinyNav.js是一個小型jQuery外掛程式，能夠對小型螢幕上的下拉式功能表導航實現

的轉 換。還能對當前頁面進行選擇，並對一個項目添加selected=”selected”。它是一個非常有效外掛程式，提供了一些非常不錯的功能。

 

JQUERY.PEP.JS

JQUERY.PEP.JS也是一個小型jQuery外掛程式，結合了jQuery動畫和CSS3動畫，在移動和電腦裝置上實現Kinetic Drag。JQUERY.PEP.JS支援自訂啟動、停止、休眠及拖拽事件、約束父體或視窗對象。

Pointer.js

Pointer.js是一個非常酷的工具，能夠讓觸摸及滑鼠系統統一起來。這是未來的需要，因為在未來，觸摸操作勢必會更加風行，而滑鼠的使用將會大幅減低。

10大支援移動“觸摸操作”的JavaScript架構