10大支持移動“觸摸操作”的JavaScript框架推薦

轉(zhuǎn)載贊2 收藏評論

舉報(bào) 2014-03-17

掃描,分享朋友圈

為什么說移動開發(fā)是一項(xiàng)非常艱苦的工作？原因很多，比如非常耗時(shí)、壓力無處不在等等。最重要的一點(diǎn)是，作為一名移動開發(fā)者，你必須始終秉承“活到老學(xué)到老”，還要明了最新的發(fā)展趨勢、問題及解決方案等。比如跨瀏覽器的兼容性、屏幕分辨率及有問題的HTML、CSS代碼等這些在過去難以解決，如今卻能得到很好解決的難題。但開發(fā)者卻仍然需要不斷地學(xué)習(xí)新技術(shù)，只有這樣才能保證自己不out，也才能讓自己在競爭激烈的移動開發(fā)行業(yè)屹立不倒。

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

所有這一切，皆因JavaScript，成為可能。因?yàn)镴avaScript能夠使得觸屏設(shè)備更加容易使用。它允許網(wǎng)站對觸摸手勢做出反應(yīng)，從而使得觸摸更加友好，也擴(kuò)大了你的用戶群。JS框架方便處理且輕量級。為此，我們特地整理了10個最佳支持移動觸摸操作的JavaScript框架，絕對讓你一飽眼福、受益匪淺。

Hammer.js

Hammer.js是一個專門用于控制、定制手勢的輕量級JavaScript框架，可以識別出常見的觸摸、拖動、長按、縮放等手勢。支持Android、BlackBerry、iOS及Windows觸屏設(shè)備。

jQuery UI 1.10

jQueryUI是一套jQuery JS庫的頁面UI插件，包含多種常用的頁面空間，比如Tabs、拉簾效果、對話框、拖放效果、日期選擇、顏色選擇、數(shù)據(jù)排序、窗體大小調(diào)整等。能夠讓開發(fā) 者輕而易舉地制作出一個高度交互的Web應(yīng)用。無論是對于開發(fā)者還是設(shè)計(jì)師而言，它都非常實(shí)用。

FastClick

FastClick是一個非常方便的庫，在移動瀏覽器上發(fā)生介于輕敲及點(diǎn)擊之間的指令時(shí)，能夠讓你擺脫300毫秒的延遲。FastClick可以讓你的應(yīng)用程序更加靈敏迅捷。支持各種移動瀏覽器，比如Safari、Chrome、Opera等。

Swipe

Swipe是一個輕量級的移動滑動組件，支持1:1的觸摸移動、阻力及防滑。Swipe為移動版Web應(yīng)用帶來了全新的交互方式，可以讓移動App展現(xiàn)更多的內(nèi)容。

Jo

Jo允許開發(fā)者使用相同代碼開發(fā)出原生移動App或Web應(yīng)用，可以讓你使用CSS快速調(diào)整應(yīng)用，支持iOS、Android、webOS、BlackBerry及Chrome OS等平臺。Jo最大的優(yōu)勢莫過于操作起來方便簡單、開源且又免費(fèi)。

Quo JS

Quo JS是一個輕量級的小型、模塊化、面向?qū)ο蟮腏avaScript庫，用于移動Web開發(fā)中簡化HTML文件遍歷、事件處理及Ajax交互等，可以讓開發(fā) 者輕松編寫出高效的跨瀏覽器代碼。總的來說，Quo JS允許創(chuàng)建復(fù)雜項(xiàng)目及基于瀏覽器的App，是一個非常偉大的觸摸事件管理器。

FooTable

FooTable是一個高級jQuery插件，允許開發(fā)者在觸屏智能手機(jī)及平板電腦等小型設(shè)備上制作數(shù)據(jù)非常驚人的HTML表格。它可以將HTML表轉(zhuǎn)換成可擴(kuò)展的響應(yīng)式表格，且通過單擊某一行即可將該行數(shù)據(jù)隱藏起來。

TinyNav.js

顧名思義，TinyNav.js是一個小型jQuery插件，能夠?qū)π⌒推聊簧系南吕藛螌?dǎo)航實(shí)現(xiàn)的轉(zhuǎn)換。還能對當(dāng)前頁面進(jìn)行選擇，并對一個項(xiàng)目添加selected=”selected”。它是一個非常有效的插件，提供了一些非常不錯的功能。