根據對前端發展現狀的觀察,和對一些已有調查的研究,前端開發者 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 年繼續盛行。

自 開源中國