關於 2020 年的前端趨勢預測

根據對前端發展現狀的觀察,和對一些已有調查的研究,前端開發者 Roberto Hernandez 在其個人專欄中對接下來的前端發展趨勢做出了個人預測。

微前端——微服務的擴展

這可能是近年來前端中的最新問題。今年,它確實獲得了不少關注。Hernandez 認爲,一個沒有爭議的預測是,到 2020 年,微前端將被越來越多的開發人員和公司接受和使用。

那麼究竟什麼是微前端呢?目前網絡上對其普遍的定義是:“微前端是一種類似於微服務的架構,它將微服務的理念應用於瀏覽器端,即將單頁面前端應用由單一的單體應用轉變爲多個小型前端應用聚合爲一的應用。”

微前端架構將繼續受到關注,因爲它有助於解決應用程序和組織複雜架構中的重大問題。

前端框架——React.js 最受喜愛

基於 Stack Overflow 和今年 JavaScript 的現狀調查,React 將繼續主導前端框架。

2019 年 JavaScript 現狀調查結果顯示,React 仍以最高的滿意率蟬聯第一。Stack Overflow 的調查中也體現了開發人員對 React 的喜愛,並有很多人表示會繼續使用 React 構建漂亮、健壯且可擴展的應用程序。

此外,Hernandez 還特別提到,我們應該密切關注快速增長的 Svelte.js。它在短短的一年內吸引了不少愛好者,以至於現在與 React.js 的受歡迎程度如此接近。

Web 組件

根據 MDN(Mozilla 開發者網絡)的定義,“Web 組件是一套不同的技術套件,能夠用來創建可重用的自定義元素,其功能與其餘代碼封裝在一起,並在 Web 應用程序中使用它們”。

Web 組件可以在沒有框架或沒有框架標準化的情況下工作。它提供了 JavaScript API、Shadow DOM 和 HTML 模板等,使開發者可以自定義元素和行爲。這也是接下來前端發展的趨勢之一。

ES 模塊和動態導入

ECMAScript 模塊是打包 JavaScript 代碼以供重用的官方標準格式,使用各種導入和導出語句定義模塊。

當前,大多數瀏覽器已經支持使用 ES 模塊。Node.js 現在也完全支持 ECMAScript 模塊,並提供了與現有模塊格式 CommonJS 之間有限的互操作性。

而動態導入功能解決了與應用程序性能相關的許多麻煩。它允許動態加載模塊。換句話說,可按需使用 promise 或 async/await 語法。例如:

import("./math").then(math => { console.log(math.add(16, 26)); }); 

JavaScript 將勢不可擋

總的來說,毫無疑問,JavaScript 將在 2020 年繼續盛行。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章