前端框架對比

React、Vue和Angular

React

React起源于Facebook的內(nèi)部項目肮韧,用來架設(shè)Instagram 的網(wǎng)站鱼鼓,于2013年5月開源,并于2017年9月27發(fā)布v16.0版本弥鹦,遵循MIT許可,即完全開源爷辙。

  • 特點(diǎn):
    1. 聲明式設(shè)計:React采用聲明范式彬坏,可以輕松描述應(yīng)用。
    2. 高效:React通過對虛擬DOM技術(shù)犬钢,最大限度地減少與DOM的交互苍鲜。
    3. 靈活:React可以與已知的庫或框架很好地配合。
  • 優(yōu)點(diǎn):
    1. 速度快:在UI渲染過程中玷犹,React通過在虛擬DOM中的微操作來實現(xiàn)對實際DOM的局部更新混滔。
    2. 跨瀏覽器兼容:虛擬DOM幫助我們解決了跨瀏覽器問題,它為我們提供了標(biāo)準(zhǔn)化的API歹颓,甚至在IE8中都是沒問題的坯屿。
    3. 單向數(shù)據(jù)流:Flux是一個用于在JavaScript應(yīng)用中創(chuàng)建單向數(shù)據(jù)層的架構(gòu),它隨著React視圖庫的開發(fā)而被Facebook概念化巍扛。
    4. 有龐大而活躍的社區(qū)领跛。
    5. 相關(guān)的開發(fā)工具功能豐富。
    6. React Native使得Web應(yīng)用的邏輯可以復(fù)用于移動客戶端
  • 缺點(diǎn):
    1. React使用一種新的語法JSX撤奸,需要額外學(xué)習(xí)成本吠昭。
    2. React實際上只操作了view層,需要配合react-route和redux構(gòu)建大型應(yīng)用胧瓜。
  • 使用React技術(shù)棧的公司:阿里巴巴矢棚、美團(tuán)內(nèi)部系統(tǒng)、去哪兒等府喳。
  • 優(yōu)秀的組件庫:Ant Design(螞蟻金服)

Vue

Vue.js的作者為Evan You(尤雨溪)蒲肋,任職于Google Creative Lab。Vue.js由個人項目發(fā)展成為開源項目,現(xiàn)為最流行的前端框架之一兜粘,目前更新到Vue2.0版本申窘。

  • 特點(diǎn)
    1. 輕量級的框架。
    2. 支持雙向的數(shù)據(jù)綁定孔轴。
    3. 通過指令擴(kuò)展了HTML剃法。
  • 優(yōu)點(diǎn):
    1. 簡單:官方文檔很清晰,簡單易學(xué)距糖。
    2. 靈活:不斷繁榮的生態(tài)系統(tǒng)玄窝,可以在一個庫和一套完整框架之間自如伸縮。
    3. 高效:20kB min+gzip 運(yùn)行大小悍引,超快虛擬 DOM,最省心的優(yōu)化 帽氓。
    4. 吸收了angular和react的優(yōu)點(diǎn)趣斤。
  • 缺點(diǎn):
    1. vue是新的框架,相對來說沒angular成熟黎休。
    2. 同樣有很多額外的模塊浓领,如路由器和狀態(tài)管理工具。
    3. 默認(rèn)不支持IE9以下瀏覽器势腮。
  • 使用Vue技術(shù)棧的公司:
    餓了么联贩、稀土掘金(內(nèi)容分享網(wǎng)站)、美團(tuán)等捎拯。
  • 優(yōu)秀的組件庫:
    Element UI

Angular

AngularJs是Google開源的一款JavaScript MVVM框架泪幌,彌補(bǔ)了HTML在構(gòu)建應(yīng)用方面上的不足,通過指令擴(kuò)展HTML詞匯署照,使開發(fā)者可以動態(tài)聲明HTML內(nèi)容祸泪,目前已更新到angular4.0版本。

  • 特點(diǎn)
    1. 良好的應(yīng)用程序結(jié)構(gòu)建芙。
    2. 雙向數(shù)據(jù)綁定没隘。
    3. 通過指令擴(kuò)展HTML詞匯。
    4. 以HTML為中心禁荸。
  • 優(yōu)點(diǎn):
    1. 模板功能強(qiáng)大豐富右蒲,自帶了極其豐富的angular指令。
    2. 是一個比較完善的前端框架赶熟,包含服務(wù)瑰妄,模板,數(shù)據(jù)雙向綁定钧大,模塊化翰撑,路由,過濾器,依賴注入等所有功能眶诈;
    3. 自定義指令涨醋,自定義指令后可以在項目中多次使用。
    4. angularjs是由谷歌開發(fā)逝撬,這也意味著他有一個堅實的基礎(chǔ)和社區(qū)支持浴骂。
  • 缺點(diǎn):
    1. 陡峭的學(xué)習(xí)曲線,深入后概念很多宪潮。
    2. 對于數(shù)據(jù)量龐大的應(yīng)用會有性能問題溯警。
    3. 比較笨重。
  • 使用Angular技術(shù)棧的公司:
    錘子科技等狡相。
  • 優(yōu)秀的組件庫:
    Angular Material

總結(jié)

Angular梯轻、React和Vue三者面對的都是web應(yīng)用,其中Angular適應(yīng)領(lǐng)域相對較窄一些尽棕,React可以擴(kuò)展到服務(wù)端喳挑,移動端Native部分,而Vue比較輕量滔悉,可快速搭建業(yè)務(wù)場景比較輕的頁面伊诵。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市回官,隨后出現(xiàn)的幾起案子曹宴,更是在濱河造成了極大的恐慌,老刑警劉巖歉提,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件笛坦,死亡現(xiàn)場離奇詭異,居然都是意外死亡唯袄,警方通過查閱死者的電腦和手機(jī)弯屈,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來恋拷,“玉大人资厉,你說我怎么就攤上這事∈吖耍” “怎么了宴偿?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長诀豁。 經(jīng)常有香客問我窄刘,道長,這世上最難降的妖魔是什么舷胜? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任娩践,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘翻伺。我一直安慰自己材泄,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布吨岭。 她就那樣靜靜地躺著拉宗,像睡著了一般。 火紅的嫁衣襯著肌膚如雪辣辫。 梳的紋絲不亂的頭發(fā)上旦事,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天,我揣著相機(jī)與錄音急灭,去河邊找鬼姐浮。 笑死,一個胖子當(dāng)著我的面吹牛化戳,可吹牛的內(nèi)容都是我干的单料。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼点楼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了白对?” 一聲冷哼從身側(cè)響起掠廓,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎甩恼,沒想到半個月后蟀瞧,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡条摸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年悦污,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片钉蒲。...
    茶點(diǎn)故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡切端,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出顷啼,到底是詐尸還是另有隱情踏枣,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布钙蒙,位于F島的核電站茵瀑,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏躬厌。R本人自食惡果不足惜马昨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧鸿捧,春花似錦屹篓、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至饥脑,卻和暖如春恳邀,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背灶轰。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工谣沸, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人笋颤。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓乳附,卻偏偏與公主長得像,于是被迫代替她去往敵國和親伴澄。 傳聞我的和親對象是個殘疾皇子赋除,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容