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

在這里我們來梳理一下目前比較常用的庫。

1. Vue.js

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

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

2. React

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

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

3. Angular

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

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

4. Requirejs

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

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

5. Zepto.js

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

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