HTML5(H5)常用的十大前端框架(二)

語義使用稱為行為的簡單短語來觸發功能。

組件中的任意決策都包含在開發人員可以修改的設置中。

2、 簡化的調試

性能日誌記錄使您可以在不挖掘堆棧跟蹤的情況下跟蹤瓶頸。

總結:接觸這個框架還是因為 Bootstrap,Semantic UI 剛上線 github 就受到大量開發者的關注,以至於很多人拿它倆對比各種挑刺各種誇,是好是壞不能單憑別人三句四句就抬起手指開始贊,用了以後感覺 UI 上跟 Bootstrap 沒太多的區別,不過代碼命名規範上卻相差甚大,本人認為 Semantic UI 是不是就想做的不一樣,它的命名全是採用複合的方式,類名特別的離散,用的時候你得很小心自己擴展或者新增的 class 命名與它的類名衝突。

UiKit 框架

輕量級模塊化前端框架,用於開發快速,強大的Web界面

總結:UIkit是YOOtheme團隊開發的,在許多WordPress主題中都有應用(也就是如果你是個 WordPress 愛好者,那麼這個框架應該比較適合深究),並且框架能夠通過GUI編輯器和手動編輯,所以它提供了一個靈活、強大的自定義機制。框架藉助LESS、jQuery、normalize.css及FontAwesome開源項目的獨有特點,整合成了這麼一款輕量級、模塊化的前端框架。

SUI框架

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

果然還是直接引用官方給的枯燥無味廣告要節省自己的腦細胞,當然了就像廣告說的,如果你之前用過 Bootstrap, 那麼可以輕鬆轉向 SUI,這可能就是淘寶給前端屌絲們的福利了。

總結:淘寶系中的聊天工具,SUI是淘寶商家旺旺UI界面跟千牛UI界面後臺系統的設計規範和前端組件庫。

MUI框架

MUI號稱是最接近原生APP體驗的高性能前端框架。

特點:一、輕量。

追求性能體驗,是我們開始啟動MUI項目的首要目標,輕量必然是重要特徵;MUI不依賴任何第三方JS庫,壓縮後的JS和CSS文件僅有100+K和60+K。

3、 原生UI。

鑑於之前的很多前端框架(特別是響應式佈局的框架),UI控件看起來太像網頁,沒有原生感覺,因此追求原生UI感覺也是我們的重要目標。

MUI以iOS平臺UI為基礎,補充部分Android平臺特有的UI控件。

總結:曾經一直使用 Android 系統的我,後來見到 IOS,果斷移情別戀了,不知道為什麼蘋果每次調整系統我都特別喜歡,後來一段時間因為缺設計我專門模仿 IOS 系統做 UI,但始終不能夠做到很好,無意間就發現了MUI 這個框架,這個框架給我的吸引之處就是它的 UI 是以 IOS 為主體設計的,當然它也補充了android特有UI樣式。並且MUI官方聲稱用來開發深入以後發現拿它做 APP 還能夠提高用戶使用流暢度,然後便試著更深入的瞭解和使用一段時間。

就像之前說的這個框架是以兩大系統為參照來封裝UI組件,框架自身還有一個較為活躍的社區,不太好的地方這也是我特別關注的一點,關於開發應用的流暢度,我當然知道這是 H5 目前的劣勢,但是看到官網給的描述,還是抱著期待的心理試試看能否提升,然而它其實還是需要是藉助 Webview來提升,而不是框架本身。

HTML5(H5)常用的十大前端框架(二)


分享到:


相關文章: