web前端三大主流框架有三個:1.React,2.Vue,3.Angular,下面讓我們看看這三大主流框架各有哪些特點(diǎn)以及優(yōu)缺點(diǎn)呢。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)建站!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序定制開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了福鼎免費(fèi)建站歡迎大家使用!
一、React
特點(diǎn):1.聲明式設(shè)計,2.高效,3.靈活
優(yōu)點(diǎn):1.速度快,2。跨瀏覽器兼容性,3。模塊化,4。單向數(shù)據(jù)流,5。同構(gòu)與純javascript,6。兼容性好。
缺點(diǎn):React本身只是一個V而已,并不是一個完整的框架,所以如果是大型項目想要一套完整的框架的話,基本都需要加上ReactRouter和Flux才能寫大型應(yīng)用。
二、Vue:
特性:1.輕量級的框架,2.雙向數(shù)據(jù)綁定,3.指令,4.插件化
優(yōu)點(diǎn):
1.簡單:官方文檔很清晰,比Angular簡單易學(xué)。
2.快速:異步批處理方式更新DOM。
3.組合:用解耦的、可復(fù)用的組件組合你的應(yīng)用程序。
4.緊湊:18kbmin+gzip,且無依賴。
5.強(qiáng)大:表達(dá)式無需聲明依賴的可推導(dǎo)屬性(computedproperties)。
6.對模塊友好:不用強(qiáng)制你所有的代碼都要遵循 Angular的各種規(guī)則,也可以通過 NPM、 Bower或者 Duo來安裝,使用場景更加靈活。
缺點(diǎn):
1.新生的:Vue.js是一個新的項目,沒有angular那么成熟。
2.影響度不是很大:有關(guān)于Vue.js多樣性或者說豐富性少于其他一些有名的庫。
3.不支持IE8。
三、Angular:
特性:1.應(yīng)用結(jié)構(gòu)好,2。雙向數(shù)據(jù)綁定,3。說明,4.HTML模板,5。包埋、注射和測試。
優(yōu)點(diǎn):
1.模板功能強(qiáng)大豐富,自帶了極其豐富的angular指令。
2.具有較為完善的前端框架,包括服務(wù)、模板、數(shù)據(jù)雙向綁定、模塊化、路由、過濾器、依賴項注入等全部功能;3.自定義指令,自定義指令之后可以在項目中多次使用。
4.ng模塊化在 Java (依賴注入)中的引入更為大膽,能夠輕松地編寫可復(fù)用的代碼,對敏捷開發(fā)團(tuán)隊非常有幫助。
5.angularjs是互聯(lián)網(wǎng)巨人谷歌開發(fā),這也意味著他有一個堅實(shí)的基礎(chǔ)和社區(qū)支持。
缺點(diǎn):
1.angular入門很容易但深入后概念很多,學(xué)習(xí)中較難理解。
2.文檔的例子非常少,官方文檔基本上只寫api,一個例子也沒有。具體如何使用是google,或者直接詢問misko、angular的作者。
3.與IE6/7的兼容性不是特別好,但是可以用jQuery自己手寫的代碼解決。
4.很少關(guān)于如何應(yīng)用指令的最佳實(shí)踐教程, angular實(shí)際上是非常靈活的,如果不看看一些作者的使用原則,就很容易寫出四不像的代碼,比如 js中的 jQuery或者 dom操作。
現(xiàn)在前端主要流行三大框架。給大家具體分析一下這三個前端框架:
1、Angular
大家眼里比較“叼”的框架,甚至有人說三大框架中只有她能稱的上一個完整的框架,因?yàn)樗臇|西比較完善,包含模板,數(shù)據(jù)雙向綁定,路由,模塊化,服務(wù),過濾器,依賴注入等所有功能。對于剛開始學(xué)習(xí)使用框架的小伙伴們,可以推薦這個框架,學(xué)會之后簡直能顛覆之前你對前端開發(fā)的認(rèn)知。使用 TypeScript能夠提高代碼可維護(hù)性,有利于后期重構(gòu)。雙向數(shù)據(jù)流很方便,但是等業(yè)務(wù)復(fù)雜之后,你可能就搞不清楚數(shù)據(jù)流了。還有令人不開心的臟值檢查,以及directive的封裝并沒有解決視圖與數(shù)據(jù)關(guān)系完全分離,有時候還要用$digist強(qiáng)制觸發(fā)檢測。
2、React
這個框架本身比較容易理解,他的結(jié)構(gòu)很清晰,就是由十幾個API組成,然后異步渲染,我們只需要處理好接口和維護(hù)就好了,但是很多人反映上手還是有一定的的難度的。React是單向數(shù)據(jù)流,代碼寫起來會較雙向數(shù)據(jù)流的多一些,但是同樣的排查問題時思路清晰很多。
3、Vue
號稱是最簡單,最容易上手的框架,同時也是行內(nèi)的大趨勢,還可以用來開發(fā)最火的小程序。畢竟用這神器,代碼碼的飛快,項目也能快速上線。同時他也是雙向數(shù)據(jù)流。有些人認(rèn)為Vue是Angular和React的結(jié)合,既有Angular的模板語法也有React的組件化體系。
當(dāng)你學(xué)會其中某個框架之后,你再轉(zhuǎn)用其他框架的時候,學(xué)會是很容易的,因?yàn)榉椒ǘ际谴笸‘惖?。具體的使用還是得看公司的項目適合或者要求哪個框架。
《同構(gòu)JavaScript應(yīng)用開發(fā)》(Jason Strimpel)電子書網(wǎng)盤下載免費(fèi)在線閱讀
資源鏈接:
鏈接:
提取碼: 3hp6 ?
書名:同構(gòu)JavaScript應(yīng)用開發(fā)
作者:Jason Strimpel
譯者:張俊達(dá)
豆瓣評分:7.3
出版社:人民郵電出版社
出版年份:2017-10-1
頁數(shù):159
作者簡介:
作者:[美]杰森·史特林貝爾(Jason Strimpel)、馬克西姆·納吉姆(Maxime Najim)
譯者:張俊達(dá)
Jason Strimpel,軟件工程師,擁有十余年Web開發(fā)經(jīng)驗(yàn)。目前任職于沃爾瑪實(shí)驗(yàn)室,負(fù)責(zé)支持UI應(yīng)用的軟件開發(fā)。
Maxime Najim,沃爾瑪實(shí)驗(yàn)室軟件架構(gòu)師,全棧Web開發(fā)者。曾任職于Netflix、蘋果和Yahoo!等公司,在創(chuàng)建大型、伸縮性強(qiáng)、可靠的Web應(yīng)用方面具有豐富經(jīng)驗(yàn)。
React:
1.聲明式設(shè)計:React采用聲明范式,可以輕松描述應(yīng)用。
2.高效:React通過對DOM的模擬,最大限度地減少與DOM的交互。
3.靈活:React可以與已知的庫或框架很好地配合。
優(yōu)點(diǎn):
1.速度快:在UI渲染過程中,React通過在虛擬DOM中的微操作來實(shí)現(xiàn)對實(shí)際DOM的局部更新。
2.跨瀏覽器兼容:虛擬DOM幫助我們解決了跨瀏覽器問題,它為我們提供了標(biāo)準(zhǔn)化的API,甚至在IE8中都是沒問題的。
3.模塊化:為你程序編寫?yīng)毩⒌哪K化UI組件,這樣當(dāng)某個或某些組件出現(xiàn)問題是,可以方便地進(jìn)行隔離。
4.單向數(shù)據(jù)流:Flux是一個用于在JavaScript應(yīng)用中創(chuàng)建單向數(shù)據(jù)層的架構(gòu)。
5.同構(gòu)、純粹的javascript:因?yàn)樗阉饕娴呐老x程序依賴的是服務(wù)端響應(yīng)而不是JavaScript的執(zhí)行,預(yù)渲染你的應(yīng)用有助于搜索引擎優(yōu)化。6.兼容性好:比如使用RequireJS來加載和打包,而Browserify和Webpack適用于構(gòu)建大型應(yīng)用。它們使得那些艱難的任務(wù)不再讓人望而生畏。
缺點(diǎn):
React本身只是一個V而已,并不是一個完整的框架,所以如果是大型項目想要一套完整的框架的話,基本都需要加上ReactRouter和Flux才能寫大型應(yīng)用。
以上就是青藤小編關(guān)于Web前端主流框架:React的優(yōu)缺點(diǎn)分析的相關(guān)分享,希望對大家有所幫助,想要了解更多相關(guān)內(nèi)容,歡迎大家及時關(guān)注哦!
本文名稱:同構(gòu)javascript的簡單介紹
轉(zhuǎn)載來于:http://jinyejixie.com/article44/dssejhe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、響應(yīng)式網(wǎng)站、網(wǎng)頁設(shè)計公司、軟件開發(fā)、外貿(mào)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)