web前端技術近十年的發展變化

自互聯網行業發展以來，web前端不斷發展變化著。在前人的基礎上，後人有幸能夠站在前人的肩膀上行走。前端的發展變化不僅是繼承式的迭代，同時也是不斷的變革和創造。

web前端工程師最近五年才進入人們的視野，但它的發展已經有十幾年歷史了，在近幾年的需求大幅增加的情況下，2017年達到了空前的火熱，隨著微信小程序的推出，之後，前端行業將會只增不減。前端工程師勢必將迎來他的春天！

本文盤點了從2009年開始到現在前端技術的革新，來解讀近十年前端技術發展變化。

1

起初，前端只是一個簡單的HTML和CSS，JavaScript還處於對自身語言的完善過程中。

3

到2010年，延續2009年的變化，IE9出現。

web2.0深入人心，各大巨頭都看清了HTML5是web發展的未來，在保留原來前端技術的狀態下都簇擁著拉扯HTML5的裙擺。

4

在2011年HTML5的技術發展和推廣都得到了很大的進步，Flash技術逐漸凋零。

此外，移動端開發工具和調試工具也日益成熟，jQuery成為日常開發的標配，成千上萬的JQ插件使網頁開發變得輕鬆起來。

5

到2012年，各手機廠商隨著硬體技術的發展開始騷動起來。各大廠商為了佔有更多的市場，不斷提高產品的性價比，體驗也得到了不斷的優化。移動端上的web開發也豐富了起來，萌生了眾多移動端框架，相比PC端框架，移動端框架更加輕便。

移動端生長的勢頭越來越強盛的同時，Bootstrap前端開發工具包被推出。

CoffeeScript和TypeScript兩個預處理語言的出現為JavaScript引來了從其他方向轉型過來的開發者。JavaScript的兄弟 Node.js也在命令行開拓了一片領域。

6

2013年，Web Components的出現給前端開發開闢了新思路；WebDriver的規範推動了自動化測試的進程，ECMAScript 6的規範草案落地，Webapp工作小組在這一年也是相當活躍。

語言能力上依舊在增強，從JS開始擴散到CSS，出現了LESS、SASS和Stylus等預處理語言，Web開發變得更加緊湊。

Node.js大放異彩，很多公司在生產環境中使用Node.js，同時也出現了諸如Express、Meteor等小巧的快速搭建Node.js Server的應用框架。

7

2014 年是顛覆式的一年，HTML5正式定稿，意味著web page正式演變為web application。ES6進入前端，它的Module/Class等特性已經完全讓這門語言具備了開發大型應用的能力。

Web Components跨終端組件快速發展，移動端開發崛起。Node.js前後端分離的流行，中間層的出現改變了前後端的合作模式。

8

從2015年開始的這兩年來，React框架格外引人注目。基於JavaScript的開源框架React Native被推出，它結合了Web應用和Native應用的優勢，可以使用JavaScript來開發iOS和Android原生應用。

除了React，還有手機淘寶推出的Weex框架，它吸收了vue.js的編程精華，編程風格十分簡約。

在眾多構建工具中， grunt和browserify體驗完後，gulp順勢而至，而後又出現了 webpack、jspm等。包管理工具中經歷了components、bower、spm後，npm開始主導整個市場。

伴隨web前端近幾年來的需求快速增加，技術不斷更新，web前端工程師們不想被淘汰，勢必應有一定洞察主流技術的能力，不斷學習更新自己的技術水平，贏來自己在互聯網行業當中的春天！

如您有任何疑問,

以及想要和優才小編溝通,

請聯繫：15201480058

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！