分享10個前端框架

　　vue.js react.js angular.js 三款JavaScript 框架想必大家都耳熟能詳而且網上的介紹也比較多，但是作為一個好的前端開發工程師，只會js開發框架是遠遠不夠的，同樣，前端ui框架也很重要，畢竟我們們前端工程師是最接近使用者的程式設計師，做出來的東西必須保證美觀性，如果自己從頭寫元件的話那工作量海了去了，而且效率也不高。那麼如何保證既美觀又有效率呢?今天web前端控就給大家介紹10款2019年最流行的前端ui框架，讓你的介面美觀性提升一個檔次。

　　 Ant Design

　　螞蟻金服出品，非常著名的框架。目前很多公司都在用，已經很成熟。也是我目前用的最多的ui框架，react + ant design + dva + umi 個人認為是比較好的實踐。

　 　Bootstrap

　　Bootstrap 是 Twitter 推出的一個用於前端開發的開源工具包，是一個 CSS/HTML 框架，目前世界上的很多網站開發都使用了這個。其中的柵格理論、響應式解決方案都變成了業界的參考規範。

　 　Taro UI

　　Taro UI，一套基於 Taro 框架開發的多端UI元件庫，可以在微信小程式/H5/ReactNative 等多端適配執行。京東使用者體驗設計部的凹凸實驗室出品。

　　現在一個產品要求在 iOS、安卓、小程式、h5 等多端執行，針對不同的客戶端開發不同的程式碼會產生巨大的成本，這時候只編寫一套程式碼就能夠適配到多端的能力就顯得極為需要。

　　使用 Taro，就可以只寫一套程式碼，再透過 Taro 的編譯工具，將原始碼分別編譯出可以在不同端(微信小程式、H5、RN等)執行的程式碼，節約成本。

　 　iView

　　一套基於 Vue.js 的高質量 UI元件庫。Vue.js 是一個 JavaScriptMVVM 庫，是一套構建使用者介面的漸進式框架。

　　在網站中可以看到數量眾多的 UI元件和對應程式碼，本質上和我們製作 UI規範是一樣的。

　 　LuLu UI

　　LuLu UI，是一個基於 jQuery，針對 PC 網站，相容 ie8、ie7 的前端 UI 框架，包含很多靜態或動態 UI 元件。對設計師非常友好，只需要簡單的 html、css 知識就能快速上手使用。

　　區別於 Ant design 面向中後臺開發，LuLu UI 非常適合面向外部使用者的網站開發。會簡單的 HTML 和 jQuery 就可以上手了，不像一些流行框架，需要較多的學習成本。

　　 QMUI

　　QMUI，騰訊出品，分為 Web、iOS、安卓三個端，都有相應的 dome 下載安裝，設計師可以下載安卓和 iOS 應用，經常看看裡面的元件，熟悉後，和技術的協作會更有效率。

　 　Element

　　餓了麼出品，一套為開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端元件庫，很適合開發後臺產品。有意思的是裡面的預設圖文資料很多都是食物……

　 　Fusion Design

　　阿里推出的一個適合設計、技術共同使用的設計規範框架。基本目的也是為了讓設計師在一個標準框架內設計介面，同時也提供了 Sketch 外掛，讓設計的元件直接轉化為程式碼，技術直接呼叫。

　　WeUI

　　WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信內網頁和微信小程式量身設計，令使用者的使用感知更加統一。

　　這個小巧的框架提供了微信頁面常用的元件，我們在設計微信風格的專案時，可以參考使用。

　　 Framework 7

　　一個簡單、免費的 HTML 框架，主要用來構建移動端 web 應用，分為 iOS 和安卓兩種風格。

　　其本身的結構非常簡單，使用了最基礎的 html、css 和 js 構建，很容易上手使用。也可以用來作為原型開發工具，迅速建立一個應用的原型。