2021 年前端趨勢預測

簡介： 2021 哪些前端技術值得關注？來聽聽狼叔的分享。

知乎上，有人提問《2021前端會有什麼新的變化？》

狼叔的回答二天超過6.1萬+閱讀量，目前444個贊同，2個專業徽章，總體上看，這篇回答你們仍是至關承認的。

誠如不少大V所講，確實是2020年，前端圈帶來具備突破意義的內容或框架很少，不少人也不會再有2013年到2017間日日新的框架大戰局面，也不會有Node全棧之爭，也不會由於React-Native、Weex、Flutter這類跨端而欣喜若狂。

我能看到的是今天前端已趨於穩定，在深水區探索，好比螞蟻金服的x6，在圖形可視化方面作的就是很是好，好比淘寶的midway-faas，在Serverless領域確實有它獨特的定位。好比語雀，釘釘文檔，在線Excel等等，也都不是能夠輕鬆能夠搞定的。

我很開心的看到，混亂以後，你們都能在深水區裏進行探索。2019年阿里經濟體前端委員會四大技術方向：第一搭建服務，第二是 Serverless，第三是智能化，第四是 IDE。2020年阿里經濟體前端委員的突破方向是互動技術、跨端技術、智能化。而中後臺、數據可視化、Node.js（Serverless）、工程體系（安全生產）都變成了基礎技術方向。這大概是可以表明前端技術走向的。

我我的也走過相似的路，2017年加入阿里，將PHP替換爲Node.js，隨後搞了開源項目egg-react-ssr，而後在2019年加入前端委員會，負責Serverless-side render方向。在2020年，轉崗到淘系前端，負責前端智能化相關開發。我實際上是很是看好Serverless的，Serverless這種穩步推動的必然是前端新基建，將來玩2到5年問題不大。對我而言，前端智能化的誘惑更大，可以站到產研鏈路是思考問題，這纔是我求之不得的機會。

我以前的想法是搞一次Node Party講講這些2021年前端趨勢預測。在線直播，不知道是否有人感興趣。先把個人這些思考寫出來，但願可以對你們判斷2021年前端趨勢有所幫助。

http import 會大行其道

其實就是Deno創造的方式，Deno被評爲2020最佳開源貢獻也是實至名歸的。

import cheerio from "https://dev.jspm.io/npm:cheerio/index.js";

把cjs轉esm都交給CDN類的服務來作更合適。事實上，pika.dev/skypack.dev/http://jspm.io 都已經作了這件事兒。

Node.js立刻跟上，相關PR早已在路上，此項必火。

參見文章《2021再看Deno（關於CDN for JavaScript modules的思考）》 https://mp.weixin.qq.com/s/Ez...

邏輯編排，更加面向開發者

已收到不少imove相似項目。解決邏輯可變和不直觀的問題。

以函數爲粒度，繼而經過運用配置類的操做，將邏輯可視化，配置化。用法極爲簡單。參見 https://github.com/imgcook/imove

智能UI精細化

首先服務端搜索瓶頸已經到了天花板，端智能和端UI的探索，必定是增量上提高業務指標的。)

• 參見文章《智能UI：面向將來的UI開發技術》
• 參見文章《CBU智能UI落地最佳實踐》

智能化 PRD 2 Code（P2C）

站在產研鏈路審視研發效率問題。站在D2C（設計稿轉代碼）之上，引入PD產品經理標註方式提高出碼，進一步作到無人工，真正智能化。(招人作此項目)

下面2020年D2前端大會上ppt分享的一頁，PD標註業務含義講的仍是比較清楚的。

參見文章《前端智能化實踐— P2C 從需求文檔生成代碼 | D2 分享視頻+文章》

不會 Python，前端也能搞機器學習

基於pipline思路抽象的AI基礎框架，讓AI落地更簡單。

參見文章《前端機器學習的利器，更快的 Pipcook 1.2》

一些我關注的開源項目

midway-hooks

最好用最潮的Serverless同構框架，沒有之一。

imove

邏輯編排工具，開發是有快感的。基於阿里開源的x6和formrender，簡單易用。

前面講過過，這裏就不在贅述。

ykfe/ssr

基於Serverless的端渲染方案。支持多個Faas環境。同時支持csr和ssr無縫降級的方案。基於以前成熟的egg-react-ssr，去掉Eggjs，改爲midway-faas，自然一套支持跨運營商。

airpack

阿里內部的支持http import和cjs轉esm的高效構建工具，聽說已經在籌備開源工做了。看到一個性能壓測，airpack大約是webpack5的20倍左右。

不肯定的是 react server component

總結

2020年各大廠應該都在困惑，老項目爲提高業務指標發愁，新項目在爲研發提效發愁。不少既得利益者，吃着所剩很少的紅利，一方面擔憂被替換，捨不得放棄，一方面又不敢作改變。個人觀點是服務端算法（包括搜索推薦）今天已經觸及了天花板，再提高一個點都會比以前更難。傳統前端基建也面臨同樣的問題，好比node，搭建，ui框架，對於下一代升級想法，大概也是缺乏想法和目標的。

創新是須要勇氣的，眼界不夠的人不能作到，能力不足的人不能作到。前端和AI結合的跨技術融合項目是存在很是大的機遇和挑戰的。甄子以一人之力，扛起前端智能化大旗是很是不容易的。目前imgcook在設計稿轉代碼領域已經取得階段性結果，但咱們還有以下探索。

• 智能UI，目前已經可以看到增量的點。頭條也作了相似的事兒。
• P2C，圍繞業務標註，實現產研提效，已驗證。
• Pipcook會進一步簡化ai開發，只要有數據就能訓練模型，真的是有手就行。
• Design+，設計資產管理。
• 像airpack、http import、imove、midway-hooks、ykfe/ssr這些其實都會成爲前端新基建。

總結一下，筆者認爲前端智能化是2021年最有前途的方向。

不少人都覺得前端智能化對ai和算法要求極高，其實這個見解是片面的。在前端智能化團隊裏有3種事兒能夠作：1）業務，2）工程，3）算法。其中工程和業務是不須要算法的，對於新人也是會給緩衝期的，能夠先作擅長的事兒，同時跟着團隊向ai算法方面學習。

我經歷過的階段：

• 熟悉imgcook，這是d2c領域。覆蓋了 2020 年雙 11 會場 90%+ 的模塊開發，出碼可用率達到 79.26%，且需求吞吐量提高 1.5~2 倍，給前端研發帶來實質性的提效。由於我是雙十一PM，這個我是至關知道。
• 接手P2C，創建pd標註體系。這個過程是很困難的，但也是頗有成長的。其實，更多的我是一個產品的角色。站在D2C的肩膀上，站在用戶視角（PD），保證項目方向不歪。對於pd能作什麼，該怎麼作，如何快速落地業務，我是有不少思考和成長的。
• 搞定API，之前都是先選數據源而後肯定字段，這是很麻煩的，PD是沒法接受的，若是api有100個，每一個api有10個字段，pd就瘋了。咱們的作法是先選字段，而後再肯定具體接口，這種逆向思惟，在這種項目裏是很是適用的。
• 繼續深化C端解決方案，站在淘系業務和技術都很成熟的前提下，提高業務數據，又能兼顧技術創新，大概不會有比這還膽大包天且使人激動的目標了。

這個團隊是一個複合型團隊。除了有卓風，妙淨等老阿里前端大佬外，還有算法、設計、AI底層、UI等各個方面專家。

這是一個很潮、包容、技術範的前端智能化團隊。歡迎感興趣的同窗一塊兒交流前端智能化。

做者：狼叔
原文連接 本文爲阿里雲原創內容，未經容許不得轉載