前端的發(fā)展歷史是怎么樣的詳細(xì)說明

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

?

　　1.洪荒時代（1990-1994）

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

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

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

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

　?、買E vs 網(wǎng)景；②IE vs 火狐；③IE vs 谷歌； 利用UA標(biāo)記（Navigator.userAgent）；解決瀏覽器兼容性問題。

　　3.Prototype時期（2005~2009）

　?、貾rototype機制：（Sam Stephenson），解決動畫特效與Ajax請求問題，讓用戶更好的使用JavaScript基礎(chǔ)類庫。

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

　　4.jQuery 時期（2009~2012）

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

　?、賘Query：輕量級，改善DOM/ BOM 兼容性，選擇多個DOM 作為對象→鏈?zhǔn)讲僮鳌?/p>

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

　　為解決Ajax出現(xiàn)依賴時的回調(diào)地獄問題，提出了Deffered與Promise。

　　5.后jQuery時期（2012~2016）

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

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

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

　　③MVC框架：Backbone.js；

　　④MVVM框架：比MVC多一個數(shù)據(jù)綁定功能。

　　（1）Angular（谷歌）：將函數(shù)體轉(zhuǎn)譯成setter（）、getter（）函數(shù)。

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

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

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

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

　　前端分化：①做后端：CNode門戶網(wǎng)站；②自動化構(gòu)建工具：Gulp、webpack、npm-script、Grunt、FIS3、Rollup。

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

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

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

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

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

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