Web App 框架選擇之百度&騰訊

百度的GMU

GMU（Global Mobile UI）是百度前端通用組開發的移動端組件庫，GMU是基于zepto的mobile UI組件庫，提供webapp、pad端簡單易用的UI組件。具有代碼體積小、簡單、易用等特點，組件內部處理了很多移動端的bug，覆蓋機型廣，能大大減少開發交互型組件的工作量，非常適合移動端網站項目。相比其他框架，百度的UI庫更接地氣，配合百度強大的用戶群，在各種山寨機和山寨瀏覽器上也可以取得不錯的體驗。

其主要特點：

1. 簡單易用。jQuery UI 使用風格，鏈式調用，只需要在頁面上書寫簡單的html， 就可以生成豐富易用的UI組件。
2. 輕量級。基于zepto的mobile UI組件庫，GMU組件在輕量級的zepto上開發，組件根據功能再劃分顆粒化的插件，css將骨架與皮膚拆解，可以最小化按需加載。
3. 文檔豐富。GMU API文檔中詳細描述各組件參數、事件、方法，每個組件的demo豐富易用。
4. 專業穩定。百度專業QA團隊持續跟進，上千自動化測試用例支持。開設論壇、QQ群等，支持iOS4+ /android2.1+, 支持默認/UC/QQ/Chrome等瀏覽器。
5. 豐富實用UI組件。基于移動端交互的豐富易用UI組件，GMU組件包括suggestion, dialog, navigator, tabs, toolbar等14個通用組件。
6. 開源免費。開源基于BSD協議，支持商業和非商業用戶的免費使用和任意修改。

官網地址：http://gmu.baidu.com/

文檔地址：http://gmu.baidu.com/doc

源碼地址：https://github.com/gmuteam/GMU

騰訊的Spirit

Spirit并不是一個具體的框架或者工具，但是她是移動端一系列解決方案的整合與聚攏。她是Alloyteam開發團隊在移動開發項目中通過大量實踐、歸納、總結提煉而成，最終沉淀下來的一個體系，真正建立一套移動Web開發的集成解決方案。Spirit主要由5個部分組成：移動Web開發規范、 JM、JMUI、Mobug、Mars。

1、移動Web開發規范：主要是Alloyteam開發者基于日常開發的沉淀，總結了字體、交互、性能等方面的最佳實踐，是移動Web開發的指導標準。能讓開發者避免不必要的彎路。

2、JM(移動Javascript框架)：是一款新一代輕量級高性能移動JavaScript框架，由團隊經實踐項目積累沉淀而成，為擁抱移動互聯網全新設計，專注為移動Web項目。她在設計上更看重性能，代碼力求最精簡，同時解決了大部分的移動Web兼容問題。壓縮后不到36K的框架，但卻能為你避開很多移動開發上遇到的坑，讓你愛不釋手。

3、JMUI（移動UI組件庫）：建立在JM的UI組件庫，基于HTML5與CSS3，涵蓋了目前移動端各類常見的UI組件，可以讓開發者快速創建自己的樣式，方便地投入項目使用。與JMUI結合使用，提供一整套移動方案。簡約的UI組件，讓你的頁面文藝起來。

4、Mobug（移動開發調試工具）：如果你還在苦惱如何在手機端調試移動Web的頁面，那么這款工具將是你的首選，她由Alloyteam成員自研而成。Mobug是一個移動Web調試工具，使用Mobug可以使用Chrome一樣的Inspector調試手機頁面，甚至還能調試App里面的 WebView所打開的頁面，相當強大。

5、Mars（移動Web經驗知識庫）：Mars是一個移動Web前端知識庫，收集與歸納移動Web開發中常見的問題。主要介紹移動端Web解決方案，包括代碼結構規范、字體設置最佳實踐、模擬原生效果實踐、工具類方法匯總、iOS與Android平臺上問題列表、高性能Mobile Web開發、類庫依賴推薦等等，后續還在進一步完善中，如果你也在移動Web遇到了問題，歡迎你積極加入，到Mars項目提交Issue。

Spirit 官網：http://alloyteam.github.io/Spirit/