作者 | 展炎、禦術、偏右
TypeScript 是當下的政治正确但前端終将語言無關
毫無疑問 TypeScript 将成為很長一段時間的主流，大型前端開源項目大都已經或正在全面擁抱 TypeScript，他能讓我們擁有很多面向對象語言、強類型語言才具備的先進特性，能幫助我們提升代碼品質，降低團隊協作上的成本和風險，如果我們的項目還未轉過來，是時候動手了。
但一個開源項目的品質跟語言本身并無直接關系，更别說 TypeScript 本身依舊還隻是帶「靜态類型檢查」的「弱類型」語言，OO并不是必須的，用原生 JS 也一樣能寫出優雅的封裝與繼承，更讓人期待的是
WebAssembly的潛力被真正開發出來後，前端終将語言無關，前端在研發的是人機互動界面上的産物。
浏覽器技術和雲計算的進化将加速前端建構和資源加載的變革
Webpack 5 正式版釋出，通過實體緩存大幅提升建構性能，在短期内還會是主流建構工具；但随着 ES Modules 成為主流，CJS 淡出，ESM CDN 大範圍使用後建構工具将轉向 Bundless，Webpack 不可避免也會逐漸退出曆史舞台。特别是當 HTTP/2 到來，支援請求與響應的多路複用來，HTTP 首部字段被大大壓縮，傳輸效率會得到極大的提升，屆時我們将不再需要對資源檔案進行合并操作，建構工具也會随之加速進化。
C/S 到 B/S 再到 C/S
曆史總在不斷重複輪回中循環上升，網際網路，特别是雲的出現讓軟體從 C/S 走向了 B/S，甚至如 WebAssembly 技術的出現，我們能更低成本的将原先的用戶端軟體移植到浏覽器上去，一切看上去都是朝着 B/S 發展。然而我們也要看到另外一個趨勢，自成生态的巨型應用如微信、支付寶、Facebook 等正在收斂浏覽器上軟體至他們的用戶端上，背後的典型技術是小程式、PWA，我們甚至已經看到了出現在 PC 用戶端上小程式。而借助如 Electron 這類項目，很多 B/S 模式的軟體服務在推出自己的用戶端以謀求使用者更專注的使用體驗，特别是很多傳統以 C/S 模式提供服務的軟體推出用戶端會更貼合使用者的心智。這是我們看到的曆史輪回，但接下來的這段 C/S 曆程跟過去的 C/S 所用到的技術已經完全不一樣了，不管是小程式、PWA還是Service Worker、Electron、這 Client 端上開源項目會迎來一個春天。
新興互動場景将喚起 Micro UI
Micro Frontends正風生水起，然而它不過是已經風靡多年但仍備受争議的
Microservice Architecture在前端的應用，可以幫我們更好地去解決複雜應用的開發和維護問題。在人機互動，使用者如何在一個複雜的産品中找到此時此刻最需要的一個 UI，仍然是一個未被很好地解決的問題。使用者常常迷失在一個個大型 APP 複雜的 UI 中，然而很多時候我們隻是需要一個能高效完成某項工作的 UI，姑且稱為 Micro UI 吧。在銀河帝國等科幻小說及科幻電影中，常常能看到一種叫“資訊窗”的黑科技，這樣的每個資訊窗就是一個 Micro UI。随着 AI、AR、VR 、IOT 持續推進話，裝置将越來越懂人，資訊和資料的呈現也将越來越生動化，這些在科幻中才出現的東西在未來 10 年一定有一些會變成現實 ，這種 UI 的開發方式也将為前端的開發方式帶來質的變化。
RPA & Marchine Driven UI
在 AI 和 IOT 時代，如果你然堅持認為應用一定是一個需要由專業人士設計開發，并且由使用者通過手機主動使用 Web 産品的話，那麼你将有較大機率過未來。RPA 這個遠古時代活躍在遊戲外挂的古老的技術在 AI、标準化産品飛速發展的正在煥發着更新，
UiPath、
Zapier Microsoft Power Platform UI Bot等工具正在改變很多行業的工作方式，而以 Google Assistant 為代表的智能助理正在改變人們使用電腦的方式。作為前端，我們要考慮是：UI 不僅是被人消費的，還可以被機器消費，甚至隻需要描述你的意圖，這些非常需要一種高效的方式讓你的應用可以被機器人來驅動。甚至應用已經不再是一個當下我們能看到的，而是一個個機器人了，而我們提供的則是：RPA 機器人制作工具、可以被 RPA 來驅動的标準 UI。如何設計與實作可以被機器人、人同時使用的 UI 是我們面臨的一大挑戰。
圖形技術依舊會是界面上的熱點
盡管腦機互動已經在實驗室裡孵化，但未來十年眼睛依舊還是人類擷取外界資訊最主要的通道，圖形化可以比文字快十倍甚至萬倍的速度清晰有效地傳達資訊，這是人類經曆漫長進化習得的強大視覺化思考本能。在資料愈加豐富、使用場景愈加多樣的下一個十年，如何高效的從資料中獲得洞察依舊會有強烈的訴求，前端這個最接近資料可視化能力模型要求的工種依舊會是這個領域的主力。而另一方面，未來會出現新的「屏」，不管是 IOT 下的實屏還是 VR、AR 下的虛屏，當下已經相當完備和标準化的繪圖 API 最有機會被新「屏」優先支援和采用，在這基礎上利用圖形技術實作一套新的 UI 基礎設施甚至語言都是有可能的。
前端智能化
前端近年來一直嘗試提升效率，可視化研發、搭建體系、工程&工具、端多解決方案等等都是為了解決效率，但天花闆已然出現，下一步必然會引入智能化能力，在原來的技術體系&産品上，注入自然語言識别、圖像識别的能力，使得效能的發生一系列質的變化，來突破這個天花闆。更大層面上，運用智能化能力來解決工作中的問題，會逐漸成為前端的必備能力和思考方式。
就算不想去蹭人工智能的熱，事實上是你不得不接受并開始學習人工智能，大量簡單如千人千面的Banner、營銷活動頁已經純粹通過人工智能自動化生産，并不需要前端去參與研發，複雜如中背景的表單、表格、圖表展現也已經可以通過提供接口智能推導出最佳的頁面實作，隻需要一行代碼輸入資料就能出可視化圖表，甚至從設計稿直接生成頁面也将變成現實。前端智能化的項目将會越來越多，任何時候開始都不晚，但不開始就晚了。
端到端的研發
随着雲原生和業務平台能力逐漸完備，前端運用Serverless能力來完成端到端的研發工作會逐漸成為一種趨勢，在這個趨勢的背後，會面臨兩個挑戰，一方面是需要将現有的工具和平台延展到Serverless上，在支援Serverless的同時，必須将端到端一體化的來看待，包括：研發工具、監控體系、品質體系等等；另一方面對人員自身能力和意識有了新的要求。前端這個崗位的職能邊界和能力範圍的會發現變化。
基于前端智能化與端到端的研發方向上，是未來前端開源上的最具吸引力的項目；而在整體的層面上，前端具備吸引力的項目會有兩個方面的特征：
- 在現有相關體系上提出新的理念和思想；随着架構、建構庫等基礎設施收斂，類似的重複性的開源項目會減少，但創新并不會停止，等到更多關注和認可的一定是能力在基礎設施上提出新的理念和思想的項目。
- 在現有相關體系上與其他領域産生連結；有些技術未必是剛剛出現，但今天重新受到前端業内的關注，比如WebAssembly，因為大家發現了新的運用場景。未來将現有前端技術與其他技術領域相結合的項目和設計，會受到開源社群的更多關注。
好書推薦：
前端代碼是怎樣智能生成的
關注「Alibaba F2E」
回複 電子書，立即下載下傳