前端現狀與趨勢

現狀

因爲前端軟件發展愈來愈複雜， 不是最初簡單網頁的狀態， 內容豐富、交互豐富， 對前端的發展產生的深遠的影響。無論是工具和是自身發展。

模塊化

最初的簡單頁面， 一個URL對應一個頁面， js代碼幾十行的狀況， 一去不復返。

現有應用，對頁面代碼要求更高， 一個頁面可以顯示不少內容，甚至是無限制的內容。

對於各類內容，在同一個的頁面上實現， 則須要對頁面各個部分的代碼進行模塊化存儲和使用。

 

原始階段：

一、 使用全局命名空間， 例如yahoo的 yui, xxx.yyy = {}

二、 Immediately-Invoked Function Expression (IIFE)

 

成熟階段：

一、 AMD -- 瀏覽器端模塊化機制

二、 CommonJS -- NodeJS服務器端模塊化標準

三、 CMD -- 瀏覽器端模塊化機制

四、 UMD -- 兼容服務器端和瀏覽器端模塊化機制

 

工程化

面向前端：

一、 webpack打包工具

二、 parcel打包工具

三、 eslint代碼質量檢查

四、 prettier代碼風格歸一化工具

五、 sass less postcss 編譯工具

六、 uglyJS

 

工程依賴管理工具

一、 npm

 

組件化

各大框架都支持頁面組件化功能：

vue

angularjs

react

emberjs

 

趨勢

標準化

例如組件就貼近HTML組件標準發展。

 

泛UI化

前端頁面不單單運行在瀏覽器中。

如今不斷向其它領域擴張： 桌面（electron）、移動設備（react native 、 weex、 運行在webview組件中）。

凡是UI的地方，前端就有發言權。