一文帶你了解Web前端發展歷程

一、前端到底是個什么？

簡單點說，瀏覽器呈現出來的頁面，給用戶看的、操作的就是前端（客戶端）；你看不到的，類似一些游戲數據、應用數據之類的就是后端（服務端）。

那么再簡單點就可以說，前端指的就是瀏覽器端，后端指的就是為瀏覽器提供服務和數據的服務器端。

這是比較準確的描述，如果往大了講，你所有看到的一切，網頁、移動端網頁、小程序、甚至某些APP，都是屬于前端的范疇。

二、前端的起源

世界上第一臺計算機

背景：二戰時期，美國軍方為了計算炮彈彈道，讓一些科學家造出了這世界上的第一臺計算機“ENIAC”。

1946年2月14日，世界上第一臺計算機“ENIAC”（埃尼阿克）在美國賓夕法尼亞大學誕生。這是一群科研人員共同努力的成果，但是起到最關鍵作用的是其數學家馮 · 諾依曼的設計思想，所以其被稱為“現代計算機之父”。

意義：標志著電腦時代的開始。

想不到吧！！This Big Boy就是我們現在電腦的祖先！！↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

（圖源來自：百度圖片）

互聯網的前身

背景：二戰時期，美國軍方為了防止部分網絡被摧毀后失去通信。

1969年，美國國防部的高級研究計劃局（ARPA）建立了軍用網叫“阿帕網”（ARPnet）。阿帕網就是互聯網的前身。

1983年，APRA和美國國防部通信局研制了用于異構網絡（本文不做講解）的TCP/IP協議，后該協議在社會上流行起來，因此誕生了真正的Internet。

Internet和計算機的誕生，為前端技術的開始奠定了基礎。

前端發展將近20年，也算是一個比較漫長的發展過程，大致可以分為以下幾個階段：

三、洪荒時代（1990~1995年）

這個時代最重大的幾件事有：WWW的誕生（1990）、瀏覽器的誕生（1992）、W3C理事會成立（1994）、JavaScript的誕生（1995）；

1990年，WWW（萬維網）誕生。全稱：World Wide Web。

1992年，NCSA研發了第一個瀏覽器：Mosaic，可以窗口瀏覽網頁。隨后新一代瀏覽器：Netscape Navigator（網景瀏覽器），于1994年誕生；隸屬于Netscape（網景）公司，下文統稱為網景公司。

1994年，Tim Berners - Lee創建了W3C理事會。蒂姆 · 伯納斯 · 李被稱為”萬維網之父“，南安普頓大學、麻省理工大學教授。W3C理事會主要負責HTML的發展路徑，其宗旨是通過促進通用協議的發展；成員機構：美國麻省理工大學、歐洲數學與信息學研究聯盟、日本慶應大學、中國北京航空航天大學。

1995年，待這一切就緒后，JavaScript應運而生！發明者是Brendan Eich(布蘭登 · 艾奇)。

JavaScript主要語言特征：借鑒了C語言的基本語法；借鑒了Java語言的數據類型和內存管理；借鑒了Scheme語言；借鑒了Self語言，使用基于原型的繼承機制；

（1994年，Netscape Navigator網景瀏覽器截圖，圖源來自百度圖片）

四、鐵器時代（1995~2005年）

這個時期的瀏覽器五花八門，互相競爭激烈。IE瀏覽器、網景瀏覽器、火狐瀏覽器、谷歌瀏覽器是這個時期的主角！

雖然當時已經有了比較統一的ECMA（JavaScript規范文檔）標準和W3C（HTML、CSS規范文檔），但是瀏覽器先于標準在市場上流行，成為了事實標準。所以這就導致了我們現在在開發項目的時候還要去處理一些瀏覽器兼容性問題（大家最遇到的IE兼容問題）。

隨著1998年，AJax的出現，前端開發從Web1.0升級到了Web2.0，從純內容的靜態頁面，發展到了***頁，富交互、前端數據處理的新時期。在這一時期，比較知名的兩個富交互動態的瀏覽器產品是：Gmail（2004年）、Google地圖（2005年）。

由于動態交互、數據交互的需求增多，還衍生出了JQuery（2006年）這種跨瀏覽器的JS工具庫，主要用于DOM操作，數據交互。

五、JQuery時代（2009~2016年）

2006年，jQuery發布，它當時的競爭對手很多，也很激烈基本持平。直到2009年，Sizzle選擇器引擎研發成功，jQuery才取得了壓倒性的優勢。

這個時期，前端面對的主要是瀏覽器的兼容性問題，而jQuery在處理DOM兼容性問題上有這大量的解決方案。

jQuery的流行間接帶來以下的發展：

促使人們對CSS1~CSS3選擇器的學習

促進了瀏覽器原生選擇器引擎document.querySelectorAll、Element.matches的誕生

提高人們對domReady的認識

促進了Promise與requestAnimateFrame 的誕生

降低前端門檻，前端工程師的隊伍越來越壯大。

這個時期涌現了大量jQuery-like的庫，其中最著名的是Zepto.js。Zepto的出現也標志著我們進入移動互聯網時代。

JQuery時代以RequireJS的誕生為起點，以RN的出現結束。JQuery的出現讓前端開發更加輕松，假如工程師想實現一個功能，現搜索出一個jQuery插件來實現。

六、三大框架時代（2016年~至今）

另外下一章節除了三大框架時代的發展史外，還有前端現狀以及未來的發展趨勢哈~敬請期待啦！

web前端 jQuery

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。