隨著前端技術越來越多,給前端工作者的技術選擇越多,就會讓人感覺前端越來越復雜,這是從無到有的復雜。但是當這些知識點被集合成一個框架的時候,前端就變成非常容易的事。
框架一:Vue.js
近幾年最火的前端框架當屬Vue.js了,Vue.js是一個構建數(shù)據(jù)驅動的 Web 界面的漸進式框架。Vue.js 的目標是通過盡可能簡單的 API 實現(xiàn)響應的數(shù)據(jù)綁定和組合的視圖組件。很多使用過vue的程序員這樣評價它,“vue.js兼具angular.js和react.js的優(yōu)點,并剔除了它們的缺點”。授予了這么高的評價的vue.js,也是開源世界華人的驕傲,因為它的作者是位中國人--尤雨溪。
框架二:Bootstrap
Bootstrap是讓你的頁面更簡潔、直觀、強悍、移動設備優(yōu)先的前端開發(fā)框架,讓Web開發(fā)更迅速、更簡單。它還提供了更優(yōu)雅的HTML和CSS規(guī)范,它是由動態(tài)CSS語言Less寫成。有著豐富的網(wǎng)格布局系統(tǒng)以及豐富的可重用組件,還有強大的支持的JavaScript、jQuery插件以及組件定制等。
框架三:Layui
Layui是一款口碑極 佳的Web彈層組件,是一款采用自身模塊規(guī)范編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。Layui首 個版本發(fā)布于2016年秋,它區(qū)別于那些基于 MVVM 底層的 UI 框架,從核心代碼到 API 的每一處細節(jié)都經(jīng)過精心雕琢,非常適合界面的快速開發(fā)。
框架四:Element-UI
Element-Ul是餓了么前端團隊推出的一款基于Vue.js 2.0 的桌面端UI框架,手機端有對應框架是Mint UI 。適合于Vue的UI框架。
框架五:Mint UI
Mint UI 是 由餓了么前端團隊推出的 一個基于 Vue.js 的移動端組件庫,Mint UI 包含豐富的 CSS 和 JS 組件,能夠滿足日常的移動端開發(fā)需要。通過它,可以快速構建出風格統(tǒng)一的頁面,提升開發(fā)效率。
框架六:Angular
AngularJS誕生于2009年,由Misko Hevery 等人創(chuàng)建,后為Google所收購。是一款優(yōu)秀的前端JS框架,已經(jīng)被用于Google的多款產品當中。AngularJS有著諸多特性,最為核心的是MVW(Model-View-Whatever)、模塊化、自動化雙向數(shù)據(jù)綁定、語義化標簽、依賴注入等等。
框架七:React
React 可以非常輕松地創(chuàng)建用戶交互界面。為你應用的每一個狀態(tài)設計簡潔的視圖,在數(shù)據(jù)改變時 React 也可以高效地更新渲染界面。因為該公司對市場上所有 JavaScript MVC 框架,都不滿意,就決定自己寫一套,用來架設Instagram 的網(wǎng)站。做出來以后,發(fā)現(xiàn)這套東西很好用,就在2013年5月開源了。