隨著近年來前端的一波又一波技術浪潮，前端早已經告別了切圖的時代，迎來的是規模化，工程化的大路。但是在如此多變的技術浪潮下，我們如何辨識清楚它的發展方向，如何讓我們的技術得到一次質的飛躍？接下來，來給你詳細的回答一下。

首先我們來回顧一下2017年新的前端技術和新的方向。

微信跳一跳相信大部分的人都玩過，這個用HTML5編寫的小遊戲，曾經一度刷爆朋友圈，僅是這一款及其簡單的小遊戲，就帶來了不容小覷的流量。這種狀況的一個比較合理的解釋是這很符合現代人的生活狀態，可以用來消磨時間解解壓;再者是基於簡單的HTML5開發的，從技術層面來說也不是一個很難攻克的關。跳一跳火了之後，相繼出現的還有悅動音符、歡樂坦克等多款微信小遊戲，都有大量的使用者群體。

所以，在2018年符合現代潮流的HTML5小遊戲會不會迎來它的春天？或者說，前端開發人員要不要入小遊戲的坑？

說到前端，我們不得不提其三駕馬車React，Angular和Vue。2017年，React繼續在前端領域佔據主導地位，備受期待的React 1也正式釋出。值得關注的是Facebook將 React的開源許可證由原來的BSD+改成了對使用者友好的MIT，並將其Jest、Flow、Immutable.js 和GraphQL等專案也更改為了MIT許可證。

這種能減少程式碼重寫易於重構的框架還是很受開發者歡迎的。但它是否能在2018年坐穩“王位”，還需不斷完善整個框架的功能才是。

Angular也不甘落後，在使用者使用群體上，它排名第二。並且也在2017年釋出了兩個大版本，Angular 4優化了檢視引擎、減少程式碼體積;Angular 5中包含了像是編譯器的改進，能更快的構建/重建。基本上說Angular這個框架是比較完整的，但是對於複雜的介面開發就不是那麼友好了。

所以他的地位一直在遭受挑戰，而框架中的黑馬Vue大有替代之勢，2017年，Vue 依然越來越受歡迎，該框架提供基於元件的架構。它已經被包括GitLab在內的許多大型公司採用，在Stack Overflow上的關注度居高不下。

所以會是Vue的2018年？不要去猜測2018年學習哪個框架會更好，先打好基礎的架構。

2017年前端出現的熱詞之一必然有PWA。PWA(Progressive Web App)是Google於2016年提出的概念，2017年已被迅速採用。可顯著提高載入速度、可離線工作、可被新增至主屏、全屏執行、推送通知訊息等等。國內有不少公司實踐了PWA，例如餓了麼、阿里等。今年的

GraphQL這個東西，或許在國內鮮有聞之。但是，它仍是一項不錯的技術，同時在調查中，也體現出不俗的潛力。GraphQL有很多優點，不再管理多個端點並獲取不必要的資料，GraphQL允許客戶端宣告式地定義所需的資料，並從單個端點檢索所有資料。這也證實了它在剛出現時就被認為是革命性的API工具。或將代替Rest在後端的地位。但是目前來說它的特性不是特別優秀，也會有不斷的bug，可當SkyWalking在5.0版本中採用GraphQL作為新一代介面語言後，團隊成員不約而同的發出感慨--"未來已來"。那這個前端有什麼聯絡？好好利用GraphQL，對於你開發前端的後端介面nodeJS有很大的幫助。

TypeScript，微軟老大開發的語言，號稱彌補了JavaScript的所有缺陷。一經問世 ，就發展迅猛，出處打著要取代JavaScript的旗號。TypeScript由微軟建立，也是新版 Angular採用的語言，其強型別正是優勢所在。而Flow則提供了一種更加靈活的方式來引入型別，而不需要進行重構。語言沒有好壞之分，誰取代誰是很難的，有幸看到的是兩門語言的並駕齊驅吧。

技術是不斷的發展著的，前端現在也不單單是做幾個頁面那麼簡單，基礎的架構以及與後端的資料互動都是學習前端需要了解的。

你不僅要懂得前端發展的風向，掌握風向就掌握了第一生產力。你還要有完美的技術，讓web介面每一處的執行都很通暢，讓使用者有更好的體驗。

最後，如果有想一起學習web前端，HTML5及JavaScript的可以來一下我的前端群733581373，好友都會在裡面交流，分享一些學習的方法和需要注意的小細節，每天也會準時的講一些前端的炫酷特效，及前端直播課程學習

如果想看到更加系統的文章和學習方法經驗可以關注的微訊號：‘web前端技術圈’或者‘webxh6’關注後回覆‘2018’可以領取一套完整的學習視訊