首頁(yè)技術(shù)文章正文

2019年web前端框架排行

更新時(shí)間:2019年04月15日11時(shí)37分來(lái)源:傳智播客web前端培訓(xùn) 瀏覽次數(shù):

　　如果你是前端開(kāi)發(fā)人員，當(dāng)你開(kāi)發(fā)一個(gè)新項(xiàng)目時(shí)，肯定會(huì)有人問(wèn)過(guò)你，關(guān)于你使用什么框架的問(wèn)題。然后就是各種源源不斷的關(guān)于web前端技術(shù)的問(wèn)題討論。然而，對(duì)于新手的前端小白來(lái)說(shuō)，估計(jì)這樣的問(wèn)題會(huì)引發(fā)一系列問(wèn)題:“前端框架是什么?“前端框架有什么用?前端框架都有那些?

　　簡(jiǎn)而言之，前端框架是已經(jīng)建立起來(lái)的網(wǎng)絡(luò)前端的基本結(jié)構(gòu)，封裝了一些功能，如html文檔操作、漂亮的各種控件等。，通常用于簡(jiǎn)化網(wǎng)頁(yè)設(shè)計(jì)。

　　當(dāng)我們選擇一個(gè)前端框架進(jìn)行項(xiàng)目開(kāi)發(fā)時(shí)，我們可以通過(guò)添加我們需要的內(nèi)容來(lái)快速高效地完成網(wǎng)頁(yè)設(shè)計(jì)。今天傳智播客就來(lái)給大家總結(jié)一下web前端框架的排行以及關(guān)于web前端框架的一些介紹。

　　web前端框架排行

　　第一名：AngularJS框架

　　AngularJS誕生于2009年，由Misko Hevery 等人創(chuàng)建，后為Google所收購(gòu)。是一款優(yōu)秀的前端JS框架，已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中。AngularJS有著諸多特性，最為核心的是：MVC（Model–view–controller）、模塊化、自動(dòng)化雙向數(shù)據(jù)綁定、語(yǔ)義化標(biāo)簽、依賴(lài)注入等等。

　　AngularJS 是一個(gè) JavaScript框架。它是一個(gè)以 JavaScript 編寫(xiě)的庫(kù)。它可通過(guò) <script> 標(biāo)簽添加到HTML 頁(yè)面。

　　AngularJS 通過(guò) 指令擴(kuò)展了 HTML，且通過(guò) 表達(dá)式綁定數(shù)據(jù)到 HTML。

　　AngularJS 是以一個(gè) JavaScript 文件形式發(fā)布的，可通過(guò) script 標(biāo)簽添加到網(wǎng)頁(yè)中。

　　AngularJS通過(guò)為開(kāi)發(fā)者呈現(xiàn)一個(gè)更高層次的抽象來(lái)簡(jiǎn)化應(yīng)用的開(kāi)發(fā)。如同其他的抽象技術(shù)一樣，這也會(huì)損失一部分靈活性。換句話(huà)說(shuō)，并不是所有的應(yīng)用都適合用AngularJS來(lái)做。AngularJS主要考慮的是構(gòu)建CRUD應(yīng)用。幸運(yùn)的是，至少90%的WEB應(yīng)用都是CRUD應(yīng)用。但是要了解什么適合用AngularJS構(gòu)建，就得了解什么不適合用AngularJS構(gòu)建。

　　如游戲，圖形界面編輯器，這種DOM操作很頻繁也很復(fù)雜的應(yīng)用，和CRUD應(yīng)用就有很大的不同，它們不適合用AngularJS來(lái)構(gòu)建。像這種情況用一些更輕量、簡(jiǎn)單的技術(shù)如jQuery可能會(huì)更好。

　　第二名：React框架

　　React簡(jiǎn)介：React是一個(gè)用于構(gòu)建用戶(hù)界面的JavaScript庫(kù)，也是Web應(yīng)用程序的視圖層。所有的React應(yīng)用程序的核心是組件（Component）。組件是一個(gè)子包含的模塊，它提供一些輸出。所以，可以將類(lèi)似按鈕或輸入框等元素作為React組件，組件和組件之間可以嵌套組合，組件也可以包含輸入一個(gè)或多個(gè)其他的組件。 React 擁有較高的性能，代碼邏輯非常簡(jiǎn)單，已經(jīng)有越來(lái)越多的人開(kāi)始關(guān)注和使用它。

　　由于 React的設(shè)計(jì)思想極其獨(dú)特，屬于革命性創(chuàng)新，性能出眾，代碼邏輯卻非常簡(jiǎn)單。所以，越來(lái)越多的人開(kāi)始關(guān)注和使用，認(rèn)為它可能是將來(lái) Web 開(kāi)發(fā)的主流工具。

　　這個(gè)項(xiàng)目本身也越滾越大，從最早的UI引擎變成了一整套前后端通吃的 Web App 解決方案。衍生的 React Native 項(xiàng)目，目標(biāo)更是宏偉，希望用寫(xiě) Web App 的方式去寫(xiě) Native App。如果能夠?qū)崿F(xiàn)，整個(gè)互聯(lián)網(wǎng)行業(yè)都會(huì)被顛覆，因?yàn)橥唤M人只需要寫(xiě)一次 UI ，就能同時(shí)運(yùn)行在服務(wù)器、瀏覽器和手機(jī)。

　　React主要用于構(gòu)建UI。你可以在React里傳遞多種類(lèi)型的參數(shù)，如聲明代碼，幫助你渲染出UI、也可以是靜態(tài)的HTML DOM元素、也可以傳遞動(dòng)態(tài)變量、甚至是可交互的應(yīng)用組件。

　　第三名：Vue框架

　　Vue.js簡(jiǎn)介：Vue.js是一套構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的 web 界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue 采用自底向上增量開(kāi)發(fā)的設(shè)計(jì)。Vue 的核心庫(kù)只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其它庫(kù)或已有項(xiàng)目整合。另一方面，Vue 完全有能力驅(qū)動(dòng)采用單文件組件和 Vue 生態(tài)系統(tǒng)支持的庫(kù)開(kāi)發(fā)的復(fù)雜單頁(yè)應(yīng)用。Vue.js 的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。它提供了更加簡(jiǎn)潔、更易于理解的API，使得我們能夠快速地上手并使用Vue.js。