實際app項目中，比較常用、成熟的針對html5的UI框架是哪些，優(yōu)缺點如何？

2019-11-09 17:02:55

字體：大中小

供稿：網(wǎng)友

作者：天澤鏈接：https://www.zhihu.com/question/21906128/answer/27283656來源：知乎著作權歸作者所有，轉(zhuǎn)載請聯(lián)系作者獲得授權。以下推薦順序不分先后：Ratchet專門針對移動設備優(yōu)化的CSS框架，屬于bootstrap家族之中的一員，速度很快，封裝之后基本感覺不出跟Native APP的差別。提供了一些常見控件的調(diào)用，比如按鈕、iphone上的segmented control,開關鍵，列表視圖。這是我一朋友翻譯的中文版本Ratchet中國-Ratchet中文文檔、手冊、教程、案例MUI 國產(chǎn)的，配合官方的IDE Hbuilder使用，在安卓上使用原生轉(zhuǎn)場動畫以加速，算是目前在低端安卓設備上表現(xiàn)最好的Hybrid框架，UI控件模仿了上面ratchet，上手很快,不過出來沒多久，還不夠成熟，實際用的時候會遇到各種小bug，且需要了解一些基本的Native應用知識。Ionic 一套比較完善的Hybrid App開發(fā)方案，配合Angular JS使用，很強大。官方最近還推出了一個拖拽布局的工具，ionic creator。整體來說，比較成熟的一個方案。Onsen UI跟ionic比較類似，也是最好配合Angular JS使用，官方寫了幾個不錯的patterns，可以拿來就用。以上幾個框架，MUI是封裝了HTML5+ API，其余的一般都是配合cordova使用的。如果寫iOS應用的話，可以不考慮性能問題，看那個上手快就用那個。寫安卓并且要照顧低端機的話，有兩種方案，可以使用MUI的原生動畫加速，也可以在cordova基礎上整合crosswalk。其中crosswalk就相當于是一個Chrome瀏覽器，性能強悍，跟iOS相比沒差距，整合后就可以隨心所欲了，但是打包后的APK可能要額外增加15M左右的體積，隨便寫點什么功能打包后就20M+了。

上一篇：app和SystemProcess調(diào)試方案

下一篇：weex開發(fā)實戰(zhàn)(7)-在weex頁面實現(xiàn)社交分享