千鋒小編認爲(wéi / wèi)過去的(de)5年是(shì)前端工程化快速發展的(de)過程，前端生産力得到(dào)了(le／liǎo)極大(dà)的(de)發展，框架和(hé / huò)工程化工具層出(chū)不(bù)窮。而(ér)近兩年前端的(de)發展日益減緩，甚至在(zài)大(dà)家看來(lái)，現階段前端的(de)發展隻是(shì)在(zài)原有格局的(de)基礎上(shàng)小範圍進行升級。前端未來(lái)的(de)發展方向究竟是(shì)怎樣的(de)？

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

這(zhè)裏不(bù)是(shì)指weex、rn之(zhī)類，而(ér)是(shì)藉由serviceworker、小程序等帶來(lái)的(de)client應用新的(de)形态，win10已經開始擁抱PWA，浏覽器正在(zài)逐漸把client端的(de)功能移入浏覽器(3D、傳感器等)。未來(lái)前端就(jiù)是(shì)UI界面，無論客戶端還是(shì)浏覽器端，有很大(dà)想象空間，随着client應用複雜度的(de)提升，可能會帶來(lái)新的(de)前端框架。

框架格局應該不(bù)會有大(dà)的(de)改變，入行門檻正在(zài)提升：
當前前端框架和(hé / huò)工程化已經可以(yǐ)cover住大(dà)部分業務場景的(de)複雜度。除非未來(lái)前端應用更加複雜，從而(ér)帶來(lái)新的(de)框架之(zhī)前，框架格局應該不(bù)會有太大(dà)變化。對從業者的(de)影響：以(yǐ)前會個(gè)react、vue、webpack還值得拿出(chū)來(lái)說(shuō)說(shuō)，現在(zài)已經算是(shì)普通能力，想脫穎而(ér)出(chū)就(jiù)要(yào / yāo)了(le／liǎo)解源碼。再往後幾年，更是(shì)普通能力，企業更多的(de)會看中職業背景、學校背景、項目能力、管理能力。靠着學框架轉行、跳槽的(de)同學是(shì)2014-2018年的(de)幸運兒，這(zhè)個(gè)大(dà)門正在(zài)逐漸關閉，渴求發展的(de)同學需要(yào / yāo)重新尋找新的(de)藍海。

适配端、滿足相關業務需求

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

編碼效率提升有很多途徑。工具層面一般有代碼規範和(hé / huò)校驗工具、Yeoman 類腳手架工具、各種cli 開發工具、VSCode IDE 等。也(yě)有海量的(de)庫，jQuery、React、Vue、Angular等。規範層面也(yě)在(zài)推進，從回調函數到(dào)Promise到(dào) Async/Await，然後配合Babel搶先用在(zài)項目裏。也(yě)有直接發明新語言語法的(de)，比如TypeScript、Dart等。

發布效率和(hé / huò)穩定性需要(yào / yāo)提升

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