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

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

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

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

適配端、滿足相關(guān)業(yè)務(wù)需求

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

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

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

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