首頁小程序開(kāi)發(fā) 正文

react小程序開(kāi)發(fā)框架有哪些（react開(kāi)發(fā)項目）

小程序開(kāi)發(fā) 2023-04-08T09:55:07 2389

本篇文章給大家談談react小程序開(kāi)發(fā)框架有哪些，以及react開(kāi)發(fā)項目對(duì)應的知識點，希望對(duì)各位有所幫助，不要忘了收藏本站喔。本文目錄一覽： 1、前端常用的框架有哪些？

本篇文章給大家談談react小程序開(kāi)發(fā)框架有哪些，以及react開(kāi)發(fā)項目對(duì)應的知識點，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

前端常用的框架有哪些？

前端三大框架，是Angular、React、Vue，這(zhè)三個框架現在是最爲流行也是最多人用的框架。

React：

1.聲明式設計：React采用聲明範式，可以輕松描述應用。

2.高效：React通過(guò)對(duì)DOM的模拟，最大限度地減少與DOM的交互。

3.靈活：React可以與已知的庫或框架很好(hǎo)地配合。

優點：

1.速度快：在UI渲染過(guò)程中，React通過(guò)在虛拟DOM中的微操作來實現對(duì)實際DOM的局部更新。

2.跨浏覽器兼容：虛拟DOM幫助我們解決了跨浏覽器問題，它爲我們提供了标準化的API，甚至在IE8中都(dōu)是沒(méi)問題的。

3.模塊化：爲你程序編寫獨立的模塊化UI組件，這(zhè)樣(yàng)當某個或某些組件出現問題是，可以方便地進(jìn)行隔離。

4.單向(xiàng)數據流：Flux是一個用于在JavaScript應用中創建單向(xiàng)數據層的架構5.同構、純粹的javascript：因爲搜索引擎的爬蟲程序依賴的是服務端響應而不是JavaScript的執行，預渲染你的應用有助于搜索引擎優化。6.兼容性好(hǎo)：比如使用RequireJS來加載和打包，而Browserify和Webpack适用于構建大型應用。它們使得那些艱難的任務不再讓人望而生畏。缺點：React本身隻是一個V而已，并不是一個完整的框架，所以如果是大型項目想要一套完整的框架的話，基本都(dōu)需要加上ReactRouter和Flux才能(néng)寫大型應用。

Vue：

Vue是尤雨溪編寫的一個構建數據驅動的Web界面(miàn)的庫，準确來說不是一個框架，它聚焦在V（view）視圖層。

它有以下的特性：

1.輕量級的框架

2.雙向(xiàng)數據綁定

3.指令

4.插件化

優點：

1.簡單：官方文檔很清晰，比Angular簡單易學(xué)。

2.快速：異步批處理方式更新DOM。

3.組合：用解耦的、可複用的組件組合你的應用程序。

4.緊湊：~18kbmin+gzip，且無依賴。

5.強大：表達式無需聲明依賴的可推導屬性(computedproperties)。

6.對(duì)模塊友好(hǎo)：可以通過(guò)NPM、Bower或Duo安裝，不強迫你所有的代碼都(dōu)遵循Angular的各種(zhǒng)規定，使用場景更加靈活。

缺點：

1.新生兒：Vue.js是一個新的項目，沒(méi)有angular那麼(me)成(chéng)熟。

2.影響度不是很大：google了一下，有關于Vue.js多樣(yàng)性或者說豐富性少于其他一些有名的庫。

3.不支持IE8。

Angular：

Angular是一款優秀的前端JS框架，已經(jīng)被(bèi)用于Google的多款産品當中。

它有以下的特性：

1.良好(hǎo)的應用程序結構

2.雙向(xiàng)數據綁定

3.指令

4.HTML模闆

5.可嵌入、注入和測試

優點：

1.模闆功能(néng)強大豐富，自帶了極其豐富的angular指令。

2.是一個比較完善的前端框架，包含服務，模闆，數據雙向(xiàng)綁定，模塊化，路由，過(guò)濾器，依賴注入等所有功能(néng)；3.自定義指令，自定義指令後(hòu)可以在項目中多次使用。

4.ng模塊化比較大膽的引入了Java的一些東西（依賴注入），能(néng)夠很容易的寫出可複用的代碼，對(duì)于敏捷開(kāi)發(fā)的團隊來說非常有幫助。

5.angularjs是互聯網巨人谷歌開(kāi)發(fā)，這(zhè)也意味著(zhe)他有一個堅實的基礎和社區支持。

缺點：

1.angular入門很容易但深入後(hòu)概念很多,學(xué)習中較難理解。

2.文檔例子非常少,官方的文檔基本隻寫了api,一個例子都(dōu)沒(méi)有,很多時候具體怎麼(me)用都(dōu)是google來的,或直接問misko,angular的作者。

3.對(duì)IE6/7兼容不算特别好(hǎo),就是可以用jQuery自己手寫代碼解決一些。

4.指令的應用的最佳實踐教程少,angular其實很靈活,如果不看一些作者的使用原則,很容易寫出四不像的代碼,例如js中還(hái)是像jQuery的思想有很多dom操作。

5.DI依賴注入如果代碼壓縮需要顯示聲明。

react小程序開(kāi)發(fā)框架有哪些（react開(kāi)發(fā)項目）

現在主流的前端框架有哪些？

現在前端主要流行三大框架。給大家具體分析一下這(zhè)三個前端框架：

1、Angular

大家眼裡(lǐ)比較“叼”的框架，甚至有人說三大框架中隻有她能(néng)稱的上一個完整的框架，因爲他包含的東西比較完善，包含模闆，數據雙向(xiàng)綁定，路由，模塊化，服務，過(guò)濾器，依賴注入等所有功能(néng)。對(duì)于剛開(kāi)始學(xué)習使用框架的小夥伴們，可以推薦這(zhè)個框架，學(xué)會(huì)之後(hòu)簡直能(néng)颠覆之前你對(duì)前端開(kāi)發(fā)的認知。使用 TypeScript能(néng)夠提高代碼可維護性，有利于後(hòu)期重構。雙向(xiàng)數據流很方便，但是等業務複雜之後(hòu)，你可能(néng)就搞不清楚數據流了。還(hái)有令人不開(kāi)心的髒值檢查，以及directive的封裝并沒(méi)有解決視圖與數據關系完全分離，有時候還(hái)要用$digist強制觸發(fā)檢測。

2、React

這(zhè)個框架本身比較容易理解，他的結構很清晰，就是由十幾個API組成(chéng)，然後(hòu)異步渲染，我們隻需要處理好(hǎo)接口和維護就好(hǎo)了，但是很多人反映上手還(hái)是有一定的的難度的。React是單向(xiàng)數據流，代碼寫起(qǐ)來會(huì)較雙向(xiàng)數據流的多一些，但是同樣(yàng)的排查問題時思路清晰很多。

3、Vue

号稱是最簡單，最容易上手的框架，同時也是行内的大趨勢，還(hái)可以用來開(kāi)發(fā)最火的小程序。畢竟用這(zhè)神器，代碼碼的飛快，項目也能(néng)快速上線。同時他也是雙向(xiàng)數據流。有些人認爲Vue是Angular和React的結合，既有Angular的模闆語法也有React的組件化體系。

當你學(xué)會(huì)其中某個框架之後(hòu)，你再轉用其他框架的時候，學(xué)會(huì)是很容易的，因爲方法都(dōu)是大同小異的。具體的使用還(hái)是得看公司的項目适合或者要求哪個框架。