【W(wǎng)eb前端基礎(chǔ)知識(shí)】Web前端主流框架匯總

Web前端的發(fā)展經(jīng)歷了幾十個(gè)春秋，技術(shù)發(fā)展的速度也是讓很多開(kāi)發(fā)者覺(jué)得有點(diǎn)跟不上腳步。開(kāi)發(fā)者不斷的給前端注入新的生命，各種框架層出不窮，也使得正在學(xué)習(xí)中的前端人員變得更加盲目。而我們要做的事不要盲目追求前沿新技術(shù)，應(yīng)該在滿足自己開(kāi)發(fā)需求的基礎(chǔ)上，對(duì)現(xiàn)在使用的框架進(jìn)行深入學(xué)習(xí)，從里面獲得更多的收獲。

在這里我們來(lái)梳理一下目前比較常用的庫(kù)。

1. Vue.js

網(wǎng)址：http://cn.vuejs.org/

近幾年常用的前端框架當(dāng)屬Vue了，Vue是一個(gè)專注于構(gòu)建用戶界面的漸進(jìn)式框架。盡可能使用簡(jiǎn)單的API來(lái)實(shí)現(xiàn)數(shù)據(jù)的響應(yīng)式。使用過(guò)Vue的程序員曾經(jīng)這樣評(píng)價(jià)過(guò)Vue，Vue兼具Angular和React的優(yōu)點(diǎn)，并剔除了他們的缺點(diǎn)。相比于其他的MVVM框架，Vuejs更加容易上手。

2. React

網(wǎng)址： https://react.docschina.org/

React可以輕松地構(gòu)建用戶界面，為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡(jiǎn)潔的視圖，當(dāng)數(shù)據(jù)改變時(shí)React能有效地更新并正確地渲染組件。React起源于Facebook內(nèi)部項(xiàng)目，由Facebook打造而成且主要用于構(gòu)建高性能及響應(yīng)式用戶界面。React負(fù)責(zé)解決其它javascript框架所面對(duì)的一大常見(jiàn)難題，即對(duì)大規(guī)模數(shù)據(jù)集的處理。能夠使用虛擬DOM并在發(fā)生變更時(shí)利用補(bǔ)丁安裝機(jī)制只對(duì)DOM中的dirty部分進(jìn)行重新渲染，React得以實(shí)現(xiàn)遠(yuǎn)超其它框架的速度表現(xiàn)。

3. Angular

網(wǎng)址： https://angular.cn/

Angular.js是google開(kāi)發(fā)者設(shè)計(jì)和開(kāi)發(fā)的一套前端開(kāi)發(fā)框架，幫助你簡(jiǎn)化前端開(kāi)發(fā)的負(fù)擔(dān)。Angular2相對(duì)于Vue的優(yōu)勢(shì)在Vue2.0之后已經(jīng)削弱很多了。比如SSR(Vue2已經(jīng)原生支持)和全棧式框架(官方推薦Vuex+Vue-Router)，native端也有阿里巴巴的weex。但是Angular2在API設(shè)計(jì)的完整度和覆蓋度上還是Vue所不能及的。

4. Requirejs

網(wǎng)址：https://www.html.cn/doc/requirejs/

RequireJS是一個(gè)JavaScript文件和模塊加載器。它適合在瀏覽器中使用，但它也可以用在其他腳本環(huán)境, 就像 Rhino和 Node使用RequireJS加載模塊化腳本將提高代碼的加載速度和質(zhì)量。RequireJS實(shí)現(xiàn)js文件的異步加載，避免網(wǎng)頁(yè)失去響應(yīng)，有效的管理模塊之間的依賴性，便于代碼的維護(hù)。

5. Zepto.js

網(wǎng)址：https://www.html.cn/doc/zeptojs_api/

Zepto是一個(gè)輕量級(jí)的針對(duì)現(xiàn)代高級(jí)瀏覽器的JavaScript庫(kù)， 它與jquery有著類似的API，如果你會(huì)用jquery，那么你也會(huì)用zepto，Zepto的設(shè)計(jì)目的是提供jQuery的類似的API，但并不是100%覆蓋jQuery，Zepto設(shè)計(jì)的目的是有一個(gè)5-10k的通用庫(kù)、下載并快速執(zhí)行、有一個(gè)熟悉通用的API，所以你能把你主要的精力放到應(yīng)用開(kāi)發(fā)上。