移动web前端框架一、jQuery Mobile
簡述:jQuery?Mobile是 jQuery發布的針對手機和平板設備、經過觸控優化的Web框架。它基于jQuery,在不同移動設備平臺上可提供統一的用戶界面。該框架基于漸近增強技術,并利用HTML5和CSS3特性。
jQuery UI和jQuery Mobile這幾年已經日漸式微。2017年12月,新的項目負責人Alex Schmitz博客上發表聲明,簡述了這兩個項目面臨的窘境以及后續的計劃。
jQuery UI和jQuery Mobile過去幾年的日子并不好過,因為各種原因,這兩個項目面臨資源和資金短缺的問題,項目貢獻者也在逐步減少。這些問題幾乎讓項目的開發止步不前,為了改變這種現狀,我們決定在開發團隊內做出一些改變。
多年來,Scott Gonzalez一直在領導jQuery UI項目的開發,并為項目做出了卓越的貢獻。盡管他決定不再領導該項目,但仍然會通過各種方式來幫助項目發展。為了優化資源配置,我們決定把這兩個團隊合并成一個,并由Alex Schmitz來領導。Alex是jQuery UI項目的長期貢獻者,同時也是jQuery Mobile項目負責人。合并后的團隊可以更好地開發項目,因為原本兩個項目有著緊密的聯系——jQuery Mobile依賴了jQuery UI。當然,這并不是說兩個項目會變成一個,它們仍然會保持自己的代碼庫。不過,我們希望能夠繼續減少兩個項目的重復代碼和組件,把通用的東西都搬到jQuery UI項目里,jQuery Mobile最終會變成一個應用程序開發框架,而所有的組件都來自jQuery UI。
在過去,如果有人想成為jQuery UI或jQuery Mobile的貢獻者,我們會要求他們維護整個代碼庫。但從現在開始,我們想要改變這一狀況,如果有人只對其中的某一部分代碼感興趣也是可以加入的,這樣他們可以花更少的時間在項目維護上。比如,如果有人對可排序組件感興趣,他們完全可以只參與這一部分組件的維護,不需要花時間在其他部分上。
在過去,我們一直通過IRC進行溝通協作。不過我們發現使用IRC的人數在減少,很多人轉向了Slack,而且也獲得不錯的協作成效。所以,我們也打算使用Slack進行日常的會議和溝通。我們希望這樣能夠給貢獻者帶來方便,同時吸引更多的貢獻者。大家可以通過http://bit.ly/2Btf6pu加入我們的Slack通道。
我們現在非常希望能夠吸引新的貢獻者加入jQuery UI和jQuery Mobile團隊。如果有人感興趣,可以聯系新的項目負責人Alex Schmitz,加入我們的Slack通道,或者仍然可以使用之前的IRC(還在使用當中)。社區的貢獻是jQuery UI和jQuery Mobile前進的動力,如果沒有社區的幫助,項目將止步不前。
查看英文原文:The Future of jQuery UI and jQuery Mobile。
-------------------------------------------------------分割線-------------------------------------------------------
還有很多別的框架,大家可以了解一下。
1.Fries?
Fries是一款穩定的HTML-CSS-JS框架,用于在實際項目和原型設計中創造類似于Android的原生UI界面。該框架包含所有的重要組件,比如Form、工具欄、列表、按鈕、下拉列表及標簽。它還專門針對PhoneGap進行了優化,能容易地轉換為本地應用。
2. Junior?
Junior為前端框架,用來構建基于HTML5的移動Web應用,外觀與行為跟本地應用相似。它采用針對移動性能優化的CSS3轉換,支持旋轉燈箱效果,包含多樣的Ratchet UI組件。整個框架使用Zepto(類似jQuery語法的輕量級移動設備js類庫),且整合了backbone.js的視圖和路由。Junior十分易于使用,且提供詳細的文檔及案例,便于學習。
3. Enyo?
Enyo,為JavaScript開發框架,最初發布于HP TouchPad的webOS之上。現在發布了2.0版本,成為跨平臺框架,不再只針對webOS(1.0版本只針webOS)。新版本的Enyo支持桌面與移動,可工作于所有主流瀏覽器,擁有豐富的跨平臺UI組件,以及構建應用所需的強大的布局庫。
4. Sidetap?
Sidetap是一款簡潔輕量級的移動Web應用開發框架(縮減壓縮后只有2KB)。它專注于提供類似于Facebook移動應用這樣的側導航形式。導航部分解決后,利用它創建簡單的移動Web應用就變得相當簡單了。
5. Mobello?
Mobello是一個開源JavaScript UI框架,目的是簡化移動Web應用的開發過程。利用該框架,可在移動端提供與本地應用相似的體驗。它針對觸控事件進行了優化,并提供20多種廣泛應用的UI組件。它還提供了集成開發環境Mobello Studio,在其中可利用HTML5、CSS和Mobello框架開發移動應用。
6. Moobile?
Moobile是基于MooTools的移動Web應用框架,是一個新項目。它專注于提供類iOS的體驗,并對按鈕、圖片、列表等提供較好的控制。它還支持各種過渡樣式,比如淡入淡出、幻燈片等,并可顯示類本地應用的提示框(alert)。Moobile所創建的界面更具有彈性,可很好地工作于iPhone和iPad上。
7. Spine Mobile?
Spine Mobile是一個構建在SpineJS之上的JavaScript框架,用于構建看起來外觀像本地應用的移動Web應用。該框架帶有專用控制器、面板布局、硬件加速的轉換和觸摸事件。
8. Zoey?
它是一個采用HTML5-CSS3技術實現的框架,用于構建移動應用。它基于Zepto.js構建,輕量,壓縮后只有6kb。Zoey擁有的大量UI控件,比如:導航、列表、按紐、控件分組、表單、表格。這個框架支持iOS和Android,并自帶一個覆蓋所有功能的程序骨架。
9. iUI?
iUI為移動Web框架。該框架包含JavaScript庫、CSS和圖片集,用于開發可觸摸Web應用。它所創建的應用有著iPhone SDK構建的本機應用程序那樣的外觀和感覺,可運行于大部分智能手機和平板電腦上,只要它包含一個符合標準的Web瀏覽器。
10. Lungo.js?
Lungo.jS是一個使用HTML5、CSS3和 JavaScript技術的移動Web開發框架。所創建應用可運行于所有流行平臺之上(iOS、Android、Blackberry和WebOS)。它支持觸控事件,如單擊、雙擊和滑動。無需使用圖片,全部采用向量聲稱。
11. Wink Toolkit?
Wink Toolkit為JavaScript框架,用來創建移動Web應用。該框架的核心提供了開發移動應用應具備的所有基礎功能,從觸摸事件處理到DOM操作和CSS轉換等。此外,它還提供非常多的UI控件來幫助改進Web應用的外觀。?
12. The M Project?
The M Project是一款HTML5 JS框架,可構建跨平臺的移動Web應用(如OS、Android、Palm webOS、BlackBerry平臺)。其JavaScript部分采用 jQuery,并包含所有jQuery UI核心文件,如離線支持、國際化等。The-M-Project并不是獨立的,它需要引入nodeJS和一個稱為Espresso!的構建工具,該工具可使你更容易地結構化代碼、構建并運行在內嵌服務器上。
13. DHTMLX Touch?
DHTMLX Touch為JavaScript庫,基于HTML5,用于創建移動Web應用。它不只是一組UI小工具,而是一個完整的框架,可以針對移動和觸摸設備創建跨平臺的Web應用。它兼容主流的Web瀏覽器,用它創建的應用,可在iPad、iPhone、Android智能手機等上面流暢運行。
14. Zepto.js?
Zepto.js是支持移動WebKit瀏覽器的JavaScript框架,具有與jQuery兼容的語法。輕量級,大小為2-5k的庫,通過不錯的API處理絕大多數的基本工作。
15. Jo?
Jo為基于HTML5的開源移動應用框架。該框架提供豐富的平臺支持,包括webOS、iOS、Android、Symbian、Safari、Chrome甚至是 Mac OS?X Dashboard小部件。Jo也兼容PhoneGap。Jo 的簡單性和輕量級與 PhoneGap的強大功能相結合,最終將生成一個有效的工具,可以針對廣泛的平臺開發豐富的移動本地應用程序。
16. Sencha Touch?
它是一款HTML5移動應用框架。通過它可以創建Web應用,在外觀和感覺上與Apple iOS 和Google Android本地應用十分相像。它利用HTML5發布音頻/視頻,進行本地存儲;利用CSS3提供圓角、背景漸變、陰影等廣泛使用的樣式。
17. WebApp.Net?
WebApp.Net是一款基于Ajax技術的JavaScript框架,用于構建移動Web應用。它提供了一整套組件(開關按鈕、單選按鈕組等),可幫助開發者創建外觀和行為與本地移動應用十分相似的網站。
18. Helios?
Helios為開源框架,為iOS應用提供必要的后臺服務,從數據同步、推送通知,到應用內購買、passbook繼承。它可幫助開發人員在數分鐘的時間內構建出一個包含客戶端和服務器端的應用。
原文鏈接:20 Useful Mobile Frameworks for Developers ?
?
?
總結
以上是生活随笔為你收集整理的移动web前端框架一、jQuery Mobile的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 思维导图 基础篇(01)概述
- 下一篇: SpecificationError: