前端開發框架 前端開發框架Angular生死年

2021-10-12 09:18:39 字數 1981 閱讀 9085

這個標題,並不是說前端開發框架angular明年就會火或者會死去,而是說,今年將會決定它接下來死活的趨勢。

舉例乙個跡象:twitter在2023年轉向react,netflix也有同樣的意向。而這兩家公司,之前都是用ember。

ember框架,和angular非常近似。基本上,就是填了一些坑的另乙個angular。angular對開發來說,有幾個明顯問題:

而ember解決了以上3個問題。

除此以外ember還擁有angular體系的優點:強健、清晰、完善的物件導向 和 元件機制。

聽起來如此美好,即使如此,twitter和netflix還是要把它淘汰掉。可見作為近親的angular多麼生死攸關。

為什麼?根本原因,只有1個:效能。

angular和ember作為同類框架,擁有無法避免的框架太重、效能低下的問題。這個效能體現在3方面:

ember似乎解決不掉效能問題,隨著開發,效能越來越差,現在效能比angular還慢1.5倍。結果就是使用者越來越少。

angular知道效能、輕量化的呼聲有多麼高,選擇了非常痛苦的道路:重新設計lvy引擎

這直接導致,angular落後它自己的時間表整整一年。任何人都應該知道,乙個專案延誤一年,是多麼嚴重的事情。

能輕量化多少?效能能提高多少?就是angular幾年後,是生是死的關鍵。

誰有可能代替angular?twitter 和 netflix已經告訴你了,react。

為什麼不是vue?

vue3.x不好說,但目前的vue就是個坑。

有經驗的開發人員,以及有過伺服器端開發經驗的人,會知道下面幾點:

舉個例子。小白看到前面地上有糖,會興高采烈往前衝。老手知道前面地上有坑,有地雷,所以看到糖,也不會往前跑。

vue在起步時,明顯大量參考了當時的angular2 alpha的思路理念,但選擇了es5語法。之後,隨著功能日趨靠近angular,它的體系複雜度,也已經接近angular,卻沒有angular清晰、健壯。

原本以為,vue在3.0時,會**這一點,成為乙個es6的、輕量級的angular。一旦如此,就結束了angular的生命。

但看了他們對vue3.0的設計,發現似乎跑偏了。這是否會給angular機會,還要看react臉色。

幾年前,react實際上有非常嚴重的效能問題,比當時剛起步的angular2效能還要低下。而react按道理應該是個中輕量級框架,卻在所有指標中,效能墊底,差到可以用慘不忍睹來形容。那個時候,我是很不理解react使用者為什麼要上這條賊船的。

結果,react痛定思痛,下狠心解決效能問題,2年後,還真就讓他們解決了。

如今的react,就像是個瀏覽器 web元件的加強版:

隨著所有瀏覽器在2023年已經全部實現web元件標準,現在的react,開發舒適度,已經接近nodejs。

2年前,我還在說,當時最好的選擇,是vue+es6的物件導向和元件機制。現在,以react的完善度來看,不光angular面臨威脅,如果vue3.0不能實質性飛躍的話,都會面臨明顯使用者流失。

如果真的如此,react幾年後,就會呈現一統天下的趨勢。如今本人也是毫不猶豫的擁抱了react。

而這並不是好事,因為react其實不是個理論上的完美框架,因為jsx不是個理論最佳方案。

有過物件導向經驗的開發人員,應該能分析出,理論上的前端最佳形態,應該是個輕量級的angular。

還是那句話,從前端的歷史發展來看,新框架迅速流行,然後迅速被淘汰,周而復始。

能夠終結這個命運迴圈的,只有物件導向體系+高效能兩個條件同時滿足,才有可能。希望這一天盡快到來,因為大量開發人員已經被坑得快**了。

附錄:twitter最終倒向react的直接原因,是發現招人容易,**便宜量又足。但促成這一點的,則是ember多年效能低下,熱度不足,而react最近的效能又滿足了商業需求。

前端框架2019 雲開發

2 mint ui 基於 vue.js 的移動端元件庫 4 優秀的基於vue移動端ui框架合集 mint ui 包含豐富的 css 和 js 元件,能夠滿足日常的移動端開發需要。通過它,可以快速構建出風格統一的頁面,提公升開發效率。真正意義上的按需載入元件。可以只載入宣告過的元件及其樣式檔案,無需再...

web前端開發框架那些事

現在市場中web前端開發框架有很多,常用的就那麼幾個,這也是技術人員對框架庫認知達成共識,才能讓乙個產品受到大家的關注,技術人員口碑的形成和養成的習慣是離不開的,如果你用一款前端開發框架開發web應用,一直用一種框架慢慢的就會產生依懶性,多了解幾個框架是沒有錯,今天主要聊一下web前端開發框架不為人...

前端框架開發整合開篇 一

想了好久,準備搭建一套完整的前端開發框架 首談前端框架用到的技術 bootstrap jquery angularjs easyui 字型主要用 開發中可能用到的技術 jquery外掛程式 jquery物件導向寫法 angularjs指令與服務 html5的一些特性 下一步定向是,把這個框架整合到 ...