WebApp 開發框架推薦以及優缺點分析

不用盲目的百度和問大神們WebApp 開發使用哪個框架最好？等等問題。在此，小編儘量解答各位的WebApp 問題。根據國內js大神以及有過WebApp 開發經驗的前輩們分析，小編推薦下面6款常用的WebApp 開發框架。

第一款：Sencha Touch

Sencha Touch 是世界上第一個支援 HTML5 和 CSS3 標準的移動應用框架，你可以使用 HTML5 來編寫音訊和視訊元件，還可以使用 LocalStorage Proxy 來儲存離線資料，同時，大量 CSS3 樣式表為你提供了建立健壯樣式層的可能。

優點

•   使用者體驗最接近Native App， 具有整體的UI元件、佈局解決方案；

•   統一的程式設計程式碼結構和要求，良好組織的程式碼易於維護；

•   繼承ExtJS 4的應用程式MVC架構；

•   完善的API文件，示例；活躍的社群，網上有大量的文件書籍幫助學習；

缺點

•   相容性差，僅支援webkit核心的瀏覽器；

•   框架比較重量級，學習成本比較高；

•   商業化使用有版權問題；

Sencha Touch學習的酷站推薦：http://extjs.org.cn/

第二款：jQuery Mobile

jQuery Mobile 是建立移動 web 應用程式的框架。

jQuery Mobile 適用於所有流行的智慧手機和平板電腦。

jQuery Mobile 使用 HTML5 和 CSS3 通過儘可能少的指令碼對頁面進行佈局。

優點

•   跨瀏覽器相容性最好，幾乎相容所有的平臺和瀏覽器；

•   入門簡單，語法簡潔，編碼靈活，一些簡單的應用直接用HTML既可實現，無需Javascript；

•   開源外掛與第三方擴充套件網上資源豐富；

•   完善的API文件，示例；活躍的社群，網上有大量的文件書籍幫助學習；

缺點   

 •   jQuery Mobile對程式碼沒有特定的要求，後期維護難度較大；

第三款：Zepto

Zepto 就是一個 jQuery 的輕量級替代品，幾乎完全一樣的 API，但是專門為 Mobile 或者 HTML5 瀏覽器設計和優化。

優點

•   學習成本低，Zepto保持了與jQuery幾乎一樣的功能，使用gzip壓縮只有5-10k；

缺點

•   Zepto不支援Windows Phone下的IE ；

第四款：Wink Toolkit

優點

•   Wink的核心庫是輕量級的，支援AMD規範的模組化載入，功能介面相比Zepto更豐富；

•   提供很酷的2D、3D效果UI元件；

缺點

•   元件對 Android的支援程度不好，3D元件無法使用 ；

第五款：Ionic：高階的 HTML5 移動APP（Web App）開發框架

Ionic 是一個用HTML, CSS 跟JS 開發的一個用於移動裝置的混合APP 開發框架，採用 Sass與AngularJS 開發。目前，Ionic 仍然處於臨測試狀態（ alpha ）。相信未來會成為開發者開發 HTML5 應用的一個不錯的選擇。

酷站官網：http://ionicframework.com/

第六款：Amaze UI     中國首個開源 HTML5 跨屏前端框架

Amaze UI 是一個移動優先的跨屏前端框架。易學易用。

原文連結：http://toutiao.com/a5349044691/?iid=2940446160&app=news_article&tt_from=mobile_qq&utm_source=mobile_qq&utm_medium=toutiao_ios&utm_campaign=client_share

github主頁：https://github.com/chenyufeng1991  。歡迎大家訪問！