千鋒小編認為過去的5年是前端工程化快速發(fā)展的過程，前端生產(chǎn)力得到了極大的發(fā)展，框架和工程化工具層出不窮。而近兩年前端的發(fā)展日益減緩，甚至在大家看來，現(xiàn)階段前端的發(fā)展只是在原有格局的基礎上小范圍進行升級。前端未來的發(fā)展方向究竟是怎樣的？

前端將逐漸侵占client端的市場，web或許會借助于sw演變成c/s架構：

這里不是指weex、rn之類，而是藉由serviceworker、小程序等帶來的client應用新的形態(tài)，win10已經(jīng)開始擁抱PWA，瀏覽器正在逐漸把client端的功能移入瀏覽器(3D、傳感器等)。未來前端就是UI界面，無論客戶端還是瀏覽器端，有很大想象空間，隨著client應用復雜度的提升，可能會帶來新的前端框架。

框架格局應該不會有大的改變，入行門檻正在提升：
當前前端框架和工程化已經(jīng)可以cover住大部分業(yè)務場景的復雜度。除非未來前端應用更加復雜，從而帶來新的框架之前，框架格局應該不會有太大變化。對從業(yè)者的影響：以前會個react、vue、webpack還值得拿出來說說，現(xiàn)在已經(jīng)算是普通能力，想脫穎而出就要了解源碼。再往后幾年，更是普通能力，企業(yè)更多的會看中職業(yè)背景、學校背景、項目能力、管理能力?？恐鴮W框架轉行、跳槽的同學是2014-2018年的幸運兒，這個大門正在逐漸關閉，渴求發(fā)展的同學需要重新尋找新的藍海。

適配端、滿足相關業(yè)務需求

有屏幕顯示互聯(lián)網(wǎng)的頁面的時候，就有了PC前端的需求，隨著發(fā)展就逐步出現(xiàn)了HTML、CSS、JavaScript 等。出來了移動端的時候，就有了iOS應用開發(fā)、Android應用開發(fā)、網(wǎng)頁響應式適配等等需求。也可以通過設計一套通用的DSL來磨平端的差異，減少跨端研發(fā)的成本。比如React其實就有React（適用于 Web 環(huán)境）、React Native（適用于移動端）、React 360（前 React VR，用于 VR 領域）、React Canvas（生成圖片）。這種完全脫離端特定規(guī)范的DSL設計非常靈活和通用，只要組件化機制設計的好，再提供一套底層的組件和API，同時端上實現(xiàn)樣式、事件、功能等解析器就可以實現(xiàn)learn>編碼效率需要提升

編碼效率提升有很多途徑。工具層面一般有代碼規(guī)范和校驗工具、Yeoman 類腳手架工具、各種cli 開發(fā)工具、VSCode IDE 等。也有海量的庫，jQuery、React、Vue、Angular等。規(guī)范層面也在推進，從回調(diào)函數(shù)到Promise到 Async/Await，然后配合Babel搶先用在項目里。也有直接發(fā)明新語言語法的，比如TypeScript、Dart等。

發(fā)布效率和穩(wěn)定性需要提升

發(fā)布出問題、線上運行老出錯也是很頭疼的。前端工程化雖然從2014年開始就很火，但感覺也還是比較原始。比如一些自動構建、測試、發(fā)布到CDN等，基本還是要自己去研發(fā)或者利用開源社區(qū)組裝。不同于強業(yè)務邏輯的后端，前端面向業(yè)務領域的單元測試看起來永遠搞不起來。線上監(jiān)控也好像沒有變成基建，基本只有大廠的核心業(yè)務才會去關注、研發(fā)、埋點。