H5前端框架總結

H5前端框架總結
一：Bootstrap 優點 
1．Bootstrap 最大的優勢就是它非常流行，流行就代表你有問題就有很多人幫你解決問題，還有就是界面比較和諧，容易上手，最新 V4 版也開始支持 FlexBox 

佈局，這是非常好的升級體驗。  

2．bootstrap發佈已經5個年頭了，相對來說是比較成熟的框架，在大量項目中充分地使用和測試中,

體現出一個字：穩。 

 3．bootstrap擁有完善的文檔，這樣可以加快學習的進程，減少學習成本，而且它的

學習成本也不算很高，只需要有一些html,css,js基礎就可，這對於公司培養新人是非常重要的一個參考點。  

缺點  1．框架非常的詳細，大量的組件樣式，這既是優點也是缺點，因爲定製化很高，你可以直接拿過來就用。 

2．如果有自己特殊的需求，就需要重新定製樣式，如果一個網站中有大量的非bootstrap“風格”的樣式存在，那麼你就需要做大量的css重寫，因此也就失去了使用框架的意義。在很多情況下，最好的就是選擇一個有最少樣式的框架，因爲這樣的話比較容易自定義。添加新的css規則要比複寫現有的樣式規則方便多了，而且如果你在現有的樣式
上添加新的樣式，這肯定會增加css文件的大小。 
3．class 命名不夠語義化，並且各種縮寫，最近開始整混合 APP，選框架的時候首選
就是它，但之前搞 PC 一直沒注意，後來搞混合右鍵屬性看它的時候，瞬間一陣涼風襲來，Bootstrap 好小，小到我只好選擇別的框架。  

二：WeUI  WeUI

 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊爲微信內網頁開發量身設計，可以令用戶的使用感知更加統一。  優點  1．視覺效果，令所有微信用戶都能更容易地使用。

2．便捷獲取快速使用，降低開發和設計成本, 清晰明確，簡潔大方。
 3．微信設計團隊精心打造，清晰明確，簡潔大方。
  缺點
 框架本身沒有考慮到非微信場景下的使用。

三：AUI  

AUI2.0的重新架構充分站在項目開發的角度上，以解決佈局樣式爲重點，組件模塊化爲輔助進行全面優化調整，可以說2.0版本的AUI更合適項目的開發。我們從細節入手，讓AUI做出來的APP達到像素及應用的標準，遵循Google Material設計規範，讓行裏行間的代碼發揮她的極致效果。

  優點 
1．遵循Google Material設計規範，使用MIT開源協議。  更加嚴謹和簡潔的代碼規範
, rem的使用，完美適應不同分辨率的移動設備。  2．
自定義主題皮膚樣式，快速定製適合你的主題方案、搭建夜間主題模式及控制主題切換時間等。 
3．簡單的列表佈局確保羅萬象，組合式運用、模塊化組裝、響應式佈局，快速完成APP佈局樣式。 

4．全新架構方式，採用容器+佈局+組件的方式進行拼裝，方便開發者快速上手。  

5．全新的iconfont圖標庫, 

完美兼容IOS 5.1+ 

、 Android4.2+  。 

四：Amaze UI 優點 

1．Amaze UI 以移動優先（Mobile first）爲理念，從小屏逐步擴展到大屏，最終實現所有屏幕適配，適應移動互聯潮流，而且針對移動平臺做了性能和體積方面的優化，大幅度提升用戶體驗。 
2．Amaze UI 含近 20 個 CSS 組件、20 
餘 JS 組件，更有多個包含不同主題的 Web 組件，可快速構建界面出色、體驗優秀的跨屏頁面，大幅提升開發效率。  3．相比國外框架，Amaze UI 關注中文排版，根據用戶代理調整字體，實現更好的中文排版效果，扁平化風格好看，動畫效果比bootstrap豐富。
4．Amaze UI 面向 HTML5 開發，使用
 CSS3 來做動畫交互，平滑、高效，更適合移動設備，讓

 Web 應用更快速載入。  缺點  不支持IE8... 

 五：Frozen UI 

Frozen UI是一個開源的簡單易用，輕量快捷的移動端UI框架。基於手Q
樣式規範，選取最常用的組件，做成手
Q公用離線包減少請求，升級方式友好，文檔完善，目前全面應用在騰訊手Q增值業務中。
  優點  1．Web頁面，而針對非手Q規範的頁面，可通過修改變量定製界面主題。 2．可以按需選擇需要的組件，也可以採用cdn和combo
的方式按需加載。 3
．使用iconfont展示圖標，包含了按鈕，列表，表單，提示，彈窗等常用組件，新增文本，佈局，1px，文字截斷，佔位，兩端留白，兩端對齊等解決方案，同時解決了移動端屏幕適配問題。
  4．CSS使用模塊化的樣式命名和組織規範，使用sass編寫css代碼。 
5．FrozenJS 是針對移動端開發的 js 組件庫，其依賴 zepto.js 和 FrozenUI。
 6．FrozenJS 包括： basicFrozenJS 的一些基礎功能，包括模板引擎、

tap 支持等。 7．包含了常用的 UI 組件，dialog 等。

 六：SUI  

“SUI” 是一套基於bootstrap

開發的前端組件庫，同時它它也是一套設計規範。通過SUI，可以非常方便的設計和實現精美的頁面。 

 七：MUI 優點

  1．GPS很給力，完全實現了秒定。  2．電話中有“便籤”和“錄音機”功能，特別是便籤，很方便，如果別人電話中告訴你一個。