最近看了第二季的《中國詩詞大會》 莫名對詩詞產生點興趣 送給大家一首詩

春宵一刻值千金，花有清香月有陰。 歌管樓亭聲細細，秋千院落夜沉沉。 —— (宋)蘇軾《春宵》

近些年前端的發展可謂日新月異 給大家分享一下這篇文章，了解一下 ——文章轉載自騰訊前端社區

2016是前端技術，特別是HTML5技術突飛猛進的一年，加上各類AR、VR技術的出現，一下讓前端市場變得火熱。這可不是偶然現象，是消費升級后，人們追求更高品質前端展現效果、企業追求更輕量和高效開發效率的必然結果。那么，2017年前端技術將會在哪些領域得到深入應用？帶來怎么樣的想象？ 不過可以肯定的是，瀏覽器作為前端程序的運轉平臺，必然會隨著前端技術的成熟涌現更多想象。下面跟隨這位來自騰訊的工程師Ouven來提前感受一下吧：

Ouven：2016年結束了，前端技術的發展也將進入到一個新的階段，那么未來又會給我們帶來什么呢？這里就個人發表下意見，歡迎點評。

就前端主流技術框架的發展而言，過去的幾年里發展極快，在填補原有技術框架空白和不足的同時也漸漸趨于成熟。未來前端在已經趨向成熟的技術方向上面將會慢慢穩定下來，并進入技術迭代優化階段，例如語言標準、前端框架等。但這并不代表前端領域技術就此穩定了，因為新的技術方向已經出現，并在等待著下一個風口的到來。那么什么是下一個風口？虛擬現實？人工智能？或者其它的？不管未來如何，就前端應用開發方向來講，MVVM、Virtual DOM和同構的技術解決方案依然會延續發展一段時間。

對于移動端應用，前端要重點發展的下一步可能就是MNV的原生NativeView開發，例如使用通用的MNV前端技術實現方案來降低移動端Native和前端Web交互的開發成本，讓前端既可以通過Native編譯開發出穩定的原生應用外殼，也可用來開發快速迭代、高性能的移動端MNV*應用，最終形成一套移動端上高效率的前端開發生態體系。

另一方面，新領域的Web化思路也會給前端帶來新的技術革新和發展機遇，例如Web VR（Virtual Reality，虛擬現實）、物聯網（Physical Web，顧名思義，就是將物體連入網絡的一種理念）Web化或者網站人工智能等，這些方向的開發者早已躍躍欲試，目前國外也能找到少數這樣的應用站點。

經過近幾年的發展，現代前端已經發展到跨端、跨界面的革新階段，目前主流以基于MVVM、Virtual DOM、移動端MNV*思路和前后端同構技術進行開發的項目居多，實現的方向也多種多樣。當然除了這些，關于未來，還有一些我們前端工程師需要了解的，那我們就一起來看下未來前端具體可能會發展成怎樣的呢。

1.新標準的進化與穩定

前端新標準和草案在不斷更新，HTML、CSS、javaScript標準也在漸漸完善，盡管這些新的規范最終會淘汰舊標準的使用，新的項目也會以最新的標準作為開發依據，但要完全停止舊標準的使用并完成企業級舊項目的升級，依然需要一段時間。例如原有CoffeeScript的項目不可能一次性的做出遷移重構，但我們的項目仍需要維護，我們不能脫離實際項目去談技術，這就需要一段時間來慢慢修改；再如Web Component現在也不會馬上作為唯一標準大力推廣。但可以肯定的是，新的語言或技術標準一定會被推廣使用，只是還需要時間。

同時基于標準也會出現一些衍生的腳本語法和規范來適應特定的應用場景，這些非標準的規范除了解決具體業務技術問題之外，極有可能進化成下個標準的一部分或被新的標準借鑒。例如CoffeeScript雖然最終沒有形成Javascript開發標準，但EcmaScript 6卻借鑒了其中很多優秀的特性；或者目前生成Virtual DOM的衍生腳本語法，未來也是有可能被列入到JavaScript標準當中的。

經過大版本的更新穩定，目前前端三層結構實現已經形成了HTML5、CSS3、EcmaScript 6+標準規范結合的階段，后面標準的新變化也會越來越小，至少迄今為止，我們無法預見HTML6的到來、CSS4的特性目前也令人擔憂、EcmaScript 7的特性更新也并不明顯，這都顯示出，目前前端項目實踐規范將會相對穩定一段較長的時間，后面的修改不會像之前一樣具有顛覆性，這也是技術標準發展到一定成熟階段會發生的事情。

2.應用開發技術趨于穩定并將等待下一次革新

從前端應用開發框架上來看，先后經歷了DOM API、MVC、MVP、MVVM、Virtual DOM、MNV*階段，逐步解決了前端開發效率、設計模式、DOM交互性能的問題。

這些問題處理完成后，相關的框架也會進入穩定發展、版本有序迭代的時期。也就是說前端的交互框架不會像以前那樣變化頻繁，相對于之前前端框架的頻繁更換到現在主流框架的穩定升級，我們可以看出這點。但目前前端可能還有一件需要去做的事情，那就是使用前端技術棧獨立開發Native應用的能力，如果做到這點，前端開發者就可以結合MNV開發模式獨立進行Native應用開發并快速實現高性能的移動端應用了。因為目前的MNV框架的設計實現依然依賴已有少數幾個成熟Native應用的運行環境，還做不到在通用的APP上用前端技術棧直接調用移動設備原生API。

但如果前端技術棧具備了通用的Native開發能力，技術上也就意味著，JavaScript腳本（或是衍生的其它腳本）可以將任何一個普通的移動端應用編譯打成為Native包，并能使用MNV*模式直接與移動設備原生API進行交互。目前也有框架實現在做這方面的嘗試，但還不是很理想，仍需要更多的改進完善。但無論如何，前端技術棧的Native開發實現技術必將成為前端的下一個實踐核心。

3.持續不斷的技術工具探索

4. 瀏覽器平臺新特性的應用

5. 更優化的前端技術開發生態

貫穿瀏覽器、服務端和移動端，前端正朝著多端、多技術實現的方向發展。這意味著前端這套技術棧能做的事情可能更多，涉及的平臺更廣，但作為整套技術開發生態的一部分，每一項技術的出現都必不可少的要去考慮開發效率、維護成本、性能、擴展性這幾個方面的問題，所以尋找并發展更優的開發生態體系仍是前端未來的大方向，對于新技術的出現，我們也會從下面幾個方面去評價它的意義。

6. 前端新領域的出現

除了目前瀏覽器、服務器、移動端上的應用開發技術變革和探索外，未來前端也會出現新的應用場景。例如VR、物聯網Web化、Web人工智能等。這些雖然聽著比較遠，但一旦到來就會很快被使用，所以前端不僅自身發展快，推廣使用也極其迅速，例如移動互聯網Web的普及也就兩三年時間。 近幾年，Web VR和物聯網Web化的概念漸漸出現，國外甚至出現了以人工智能為支撐的Web應用。

首先，物聯網Web化是隨著傳統軟件管理的web化管理而出現的，目的是為了通過Web手段管理傳統可控的智能設備，當然這里不想去吹捧物聯網的終極目標到底有多美好，只是提出了物聯網Web化的可能性，可以肯定的一點是，人類目前所有工具類物體的Web化控制都是可能的，只是現在去做有一定的代價和風險存在，畢竟使用傳統的軟件控制目前沒有遇到大的瓶頸問題。物聯網未來的發展其實就是智能設備，通過控制這些智能設備來完成人類不容易完成的事情，如果在智能設備系統中融入人工智能的控制，這樣的設備也就可以理解成機器人了。而物聯網Web化就是通過Web的媒介來展示和控制這些智能設備的技術，盡管目前來看這還相對比較遙遠。

第二，Web VR方面，目前Firefox和Google Chrome也正在聯合推廣這一特性來讓瀏覽器支持，相信在瀏覽器端體驗VR的時代也離我們不遠了。不過就目前而言，軟件服務的虛擬現實技術本身提升空間仍然很大，而且VR涉及的內容很廣泛，現在可能涉及最多的也只是VR視頻類，例如還有體感類、環境類的應用場景尚待開發，不過Web VR的提出無疑也為前端技術發展提供了一個可能的方向，例如目前VR直播也成為了一個行業內的熱點技術，而且極有可能成為一種新的媒體內容表現形式出現在用戶瀏覽器上。就目前Web端內容展示來說，其形式主要包括頁面3D展示和VR展示兩方面，3D展示是指通過3D的畫面來展示要顯示的內容，目前瀏覽器上主要以three.js的實現為代表；而VR展示內容則通常是需要通過VR 頭盔來配合完成頁面上閱讀的3D內容。所以現有一些例如aframe等Web VR的框架主要是在three.js的基礎上構建的。

這段代碼是three.js給的一個官方例子，它可以創建一個場景、一個攝像機和一個立方體，并將立方體添加到場景中，然后通過WebGL來完成渲染并展示立方體的動畫。對這方面有興趣的讀者可以繼續去進行更深入的研究。

另外，你應該聽說過人工智能，不過你可能沒聽過Web和人工智能是怎么結合的，但是早在2011年就有人提出了Web與人工智能商業化結合的可能性，結合Web端的人機交互與后臺的機器學習，相信這個方向未來又將催生一批新的互聯網企業。

盡管目前國內還缺乏它較多的應用場景，但在國外已經存在基于人工智能支撐的Web應用來為人們提供服務了。 可以認為我們又開始進入了一個前端技術過渡的時代，現有前端開發技術趨漸成熟，新的前端技術領域躍躍欲試，可以肯定的是物聯網Web、Web VR和人工智能必定會成為前端的下一批革命性技術。我們需要做的，仍是把握技術發展趨勢，緊跟領域前進的步伐，在漫漫前端道路上繼續前進。

==主頁傳送門==