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

?

　　1.洪荒時代（1990-1994）

　?、賥ww：（Tim Lee），共享和傳遞信息，純靜態(tài)頁面。

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

　?、跩avaScript：（Brendan Eich），完善語言，提高性能。

　　2.瀏覽器大戰(zhàn)（1994-2005）

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

　　3.Prototype時期（2005~2009）

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

　?、诔绦蛟抽_發(fā)模式：選擇核心庫［封裝類］→傳入DOM→類方法操作DOM→找插件→扒腳本代碼→后端打包。

　　4.jQuery 時期（2009~2012）

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

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

　?、谇昂蠖朔蛛x：jQuery只占用兩個全局變量，不污染Object原型對象和window全局變量。

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

　　5.后jQuery時期（2012~2016）

　?、賀equireJS：定義AMD規(guī)范模塊［js/lib/module. js ：］；支持各種插件，shim機制可加載其他JS代碼。

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

　?、?a href='http://m.sdkjxy.cn/tags/node.js/' target='_blank' class='arckwlink_none'>Node.js：（Ryan Dahl），前端模塊的定義、加載、打包；包括豐富的模塊、路由、狀態(tài)管理、數據庫、MVC框架。

　?、跰VC框架：Backbone.js；

　?、躆VVM框架：比MVC多一個數據綁定功能。

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

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

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

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

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

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

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

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

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

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

　?、贏ngular框架：將Script、Style、Template進行融合設計，創(chuàng)造Web Components瀏覽器自定義組件技術。ionic框架

　?、踁ue. js 框架：留美華人創(chuàng)造，國人擁護。Weex框架（阿里巴巴）