學前端？先了解前端發展史

一、前端應用的發展

1 、從靜態走向動態

1994 年可以看做前端歷史的起點，這一年10月13日網景推出了第一版Navigator；這一年，Tim Berners-Lee建立了W3C；這一年，Tim的基友釋出了CSS。還是這一年，為動態web網頁設計的服務端指令碼PHP以及筆者本人誕生。

2 、從後端走向前端

早期的網頁開發是由後端主導的，前端能做的也就是操作一下DOM。2006年 John Resig釋出了jQuery，jQuery主要用於操作DOM，其優雅的語法、符合直覺的事件驅動型的程式設計思維使其極易上手，因此很快風靡全球，大量基於jQuery的外掛構成了一個龐大的生態系統，更加穩固了jQuery作為JS庫一哥的地位。

3 、從前端走向全端

2009 年Ryan Dahl釋出了node，node是一個基於V8引擎的服務端JavaScript執行環境，類似於一個虛擬機器，也就是說js在服務端語言中有了一席之地。如果說ajax是前端的第一次飛躍，那麼node可算作前端的第二次飛躍。它意味著JavaScript走出了瀏覽器的藩籬，邁出了全端化的第一步。

二、前端技術的發展

1 、HTML

web 端的歷史繞不開html+css+js三大基礎技術的支撐，這也是前端技術的本源，如堆砌萬丈高塔的一塊塊磚石，支撐了整個前端技術的演進，也是他們為紛繁複雜的前端框架生態，豐富多彩的前端特效，提供了各種可能。

2 、DHTML

以web2.0為開端，涉及到前後端互動式應用逐漸成為那個時代的寵兒，應用伴隨著資料互動，讓我們加速進入了網際網路的資訊化高速公路，也使以asp，jsp技術為代表的互動式應用步履更加堅實，互動式應用讓前端不僅僅單純的承擔資訊和資料流的展示，同時，前端開始涉及有更多的業務邏輯，使得前端工程化的雛形得以在此孕育。靜態頁面與資料的第一次邂逅，開啟了web2.0時代。

3 、JSFramework

以ExtJS，JQueryUI，Flex為代表的富客戶端，不僅帶來更酷炫的前端展示，前端資料模型的建立，web前端逐漸從應用中開始剝離，前端開發生產力再一次得到解放，資料流為導向的應用也開始慢慢在前後端形成規範，並流行起來，量變引起的質變，“組建化”，“規範化”恰是這個時代前端的特徵。

4 、JSModule

“ 前端工程化”逐漸成為前端最強的一股風潮，將前端推到浪潮之巔，“h5應用”，“小程式”一波一波來襲，讓前端在nodejs構建下，走向了工程化。新一代標準和規範下，讓原來發散的前端技術，類庫逐步以生態鏈為核心收斂，前端的技術壁壘也慢慢開始建立，React，Angular，Vue三足鼎立的黃金時代由此拉開大幕。

5 、Front-End Micor Service

前端工程化，標準化，讓前端專案如雨後春筍一般迅速在應用中生根發芽，產品團隊也投入更多經歷在使用者體驗上，前端作為面向客戶體驗的最前沿陣地，得到越來越多的使用者，產品經理，專案經理的重視。在此階段，微服務化開始引領了網際網路科技新潮流，微前端框架single-spa、qiankun、mooa等技術推出，也在讓前端在微服務潮流中乘風破浪。