1990年，首個web瀏覽器誕生，前端技術迎來發展；經過20年的發展：純靜態頁面→JavaScript→小程序開發。

?

　　1.洪荒時代（1990-1994）

　　①www：（Tim Lee），共享和傳遞信息，純靜態頁面。

　　②瀏覽器：（網景），PHP誕生使得HTML中能嵌入動態內容。

　　③JavaScript：（Brendan Eich），完善語言，提高性能。

　　2.瀏覽器大戰（1994-2005）

　　①IE vs 網景；②IE vs 火狐；③IE vs 谷歌； 利用UA標記（Navigator.userAgent）；解決瀏覽器兼容性問題。

　　3.Prototype時期（2005~2009）

　　①Prototype機制：（Sam Stephenson），解決動畫特效與Ajax請求問題，讓用戶更好的使用JavaScript基礎類庫。

　　②程序猿開發模式：選擇核心庫［封裝類］→傳入DOM→類方法操作DOM→找插件→扒腳本代碼→后端打包。

　　4.jQuery 時期（2009~2012）

　　jQuery的普及降低了前端開發的門檻，更加方便的插件和UI庫，如Zepto.js，步入移動互聯網時代。

　　①jQuery：輕量級，改善DOM/ BOM 兼容性，選擇多個DOM 作為對象→鏈式操作。

　　②前后端分離：jQuery只占用兩個全局變量，不污染Object原型對象和window全局變量。

　　為解決Ajax出現依賴時的回調地獄問題，提出了Deffered與Promise。

　　5.后jQuery時期（2012~2016）

　　①RequireJS：定義AMD規范模塊［js/lib/module. js ：］；支持各種插件，shim機制可加載其他JS代碼。

　　統一異步機制：前端模板［HTML=template（vars）］；前端路由；SPA。

　　②Node.js：（Ryan Dahl），前端模塊的定義、加載、打包；包括豐富的模塊、路由、狀態管理、數據庫、MVC框架。

　　③MVC框架：Backbone.js；

　　④MVVM框架：比MVC多一個數據綁定功能。

　　（1）Angular（谷歌）：將函數體轉譯成setter（）、getter（）函數。

　　（2）Knockout.js（微軟）：使用函數代替屬性的技巧實現，它的設計影響到后來的Mobx。

　　（3）Ember.js（蘋果）：基于Object.defineProperty。

　　大公司開發：劃歸陣營，基于CLI （用Node.js開發） 的項目開發，利用jQuery插件模塊實現功能，加Script標簽。

　　CLI： 包含腳手架生成、 打包腳本、語法風格檢測、環境變量插入、代碼復雜度檢測、單元測試、 圖片壓縮等。

　　前端分化：①做后端：CNode門戶網站；②自動化構建工具：Gulp、webpack、npm-script、Grunt、FIS3、Rollup。

　　6.三大框架割據時代（2016~至今）

　　①React 框架：JSX開發界面、虛擬DOM技術、基于原生/Hybird的安卓/iOS類APP開發、React Native （Facebook）；

　　狀態管理器、CSS-in-JS、Flow靜態類型檢查、devTool、Fetch、前后端同構、Fiber、suspend、并發渲染；

　　復用功能：類繼承，npm，Less、Sass、PostCSS與CSS Modules等；

　　②Angular框架：將Script、Style、Template進行融合設計，創造Web Components瀏覽器自定義組件技術。ionic框架

　　③Vue. js 框架：留美華人創造，國人擁護。Weex框架（阿里巴巴）