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

2019年web前端框架排行

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

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

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

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

　　web前端框架排行

　　第一名：AngularJS框架

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

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

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

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

　　AngularJS通過為開發(fā)者呈現(xiàn)一個(gè)更高層次的抽象來簡化應(yīng)用的開發(fā)。如同其他的抽象技術(shù)一樣，這也會(huì)損失一部分靈活性。換句話說，并不是所有的應(yīng)用都適合用AngularJS來做。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來構(gòu)建。像這種情況用一些更輕量、簡單的技術(shù)如jQuery可能會(huì)更好。

　　第二名：React框架

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

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

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

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

　　第三名：Vue框架

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