前端技術未來三年前瞻性思考
1970-01-01 08:00:00 分享 瀏覽次數:0次
習慣從業務場景、用戶體驗、研發速度、維護成本四個維度來看框架等前端技術,大部分的技術點都能找到合適的位置,解的問題是如何快速上線和維護滿足業務的好用的產品。
業務場景
這部分解從框架的角度看業務需要。
框架負責,
對接后后端框架 對接輸出環節,包括支付寶容器,pc 和 mobile 瀏覽器,組件研發等 對接二方服務,包括統計,鑒權等
未來三年,
更多的業務有移動辦公需求,小程序會繼續加量 更多復雜場景的出現,包括重型應用,應用集群等,WebAssembly,微前端,Module Federation 等技術會在此發揮作用 標準應用中 NoCode/LowCode 的占比逐漸增大,開發者逐漸習慣這種研發方式,包括云鳳蝶或更垂直的 NoCode 平臺,imgcook 等 需要對接的業務場景越來越多,框架層需要做取舍、收斂和適時的減法
用戶體驗
什么是默認好用?以及如何做到默認好用。
要有更好的用戶體驗,前端 + 設計師需負責,
前端尺寸要小,這樣頁面載入更快 合理的 Code Splitting、Bundle Splitting 和按需加載策略,這樣重要內容載入更快 UI 好看,交互流暢且好用 合理的緩存和預加載策略,這樣頁面切換更快
之前覺得 5G 來了尺寸肯定不是問題,直到我看到需要下載 60M JS 資源的頁面,內網環境打開頁面都要 8s+。現在的圖形庫、UI 庫根本不把尺寸當回事。
未來三年,如果我們希望有更好的用戶體驗,
圖形庫、UI 庫自己得做瘦身/按需加載/正確的 tree-shaking/設計合理的按需編譯 更多框架層內置的性能優化方案 框架接管請求層,不止是發請求,基于路由,提供緩存和預加載策略 混合研發如果成為主流,需要解沙箱滿的問題,參考 tech ui 首頁,換 module federation 或者坐等瀏覽器實現標準的沙箱環境
研發速度
這部分解如何快速完成研發,并交付上線。
各方配合,不止是框架,
工具提速、框架瘦身、TS 定義等 組件封裝,包含 antd/antv/tech-ui 數據準備,包含 oneapi 交付流暢性,包含 DEMO 中心,MOCK 平臺,聯調最佳實踐等 輔助工具
未來三年,
編譯速度肯定會大幅提升,路肯定不止一條;重 CPU 部分會基于 Rust/Go 實現但不是整體,整體方案的終態我更傾向 npm pre-built cdn + bundless 的組合;這不止是框架/工具等事,ui 庫和工具庫也許合理規劃和配置,不然一個項目用 5 個圖形庫 + 10 個依賴 antd 等庫,10000+ 的文件要編譯,怎么搞也是快不起來 更多垂直領域高級別的封裝,集成框架/UI/數據/數據流,快速產出中臺應用,形態可能是平臺,也可能是 ProCode;封裝等級越高,開發越快,但定制越難,需權衡 命令行在很多場景下不夠用,借助輔助工具可進一步提效;形態有編輯器插件、Chrome 插件和 In-Context Editing
維護成本
產品不僅要開發,還要維護,何況框架和依賴庫還在不斷升級。
成本問題包括,
新人的上手成本 開發人員迭代的接手成本 技術棧升級成本
未來三年,對于框架而言,
降低技術棧升級成本。這需要框架有更好的頂層設計,更好的抽象,抹平底層技術棧,解 3-5 年后依賴的技術棧變更后遷移成本最小化的問題;功能方面權衡一方集成/二方提供/三方引入,設計上適度集成,適度組合,適度 eject 寫一樣的代碼。持續打磨最佳實踐,方案唯一化,一不是絕對的一,而是特定場景下的一;框架支持多端適配,未來是 PC + 小程序,長遠看,多套寫法應該走向統一
- PREV:暫無
- NEXT:2020 前端技術發展回顧
-
六位國內外前端技術專家,帶你玩轉前端最熱門技術
日期:2021-05-20瀏覽次數:0次
-
前端技術未來三年前瞻性思考
日期:1970-01-01瀏覽次數:0次
-
2020 前端技術發展回顧
日期:1970-01-01瀏覽次數:0次
-
一份超全的 web 前端技術進階指南
日期:1970-01-01瀏覽次數:0次
-
阿里高級前端技術專家談工程師的成長密碼
日期:1970-01-01瀏覽次數:0次
相關新聞
整合同類新聞,相關新聞一手掌握
-
BING地圖坐標拾取
日期:2021-11-25瀏覽次數:114次
-
六位國內外前端技術專家,帶你玩轉前端最熱門技術
日期:2021-05-20瀏覽次數:0次
-
吳亦凡搶注“大碗寬面”商標,真“skr”商業鬼才!
日期:2021-04-29瀏覽次數:264次
-
辦理ICP經營許可證常見問題大集合
日期:2021-04-29瀏覽次數:121次
-
關于營銷型網站的網站建設
日期:2021-04-06瀏覽次數:192次
-
域名為什么每年都要續費?域名到期忘記續費怎么辦?
日期:2021-03-15瀏覽次數:278次
-
新起點 新征程 —— 深圳市廣雅達科技有限公司喜遷新址
日期:2021-02-23瀏覽次數:215次
-
建設手機網站怎么才能吸引用戶?深圳企業網站建設_深圳網站制作
日期:1970-01-01瀏覽次數:0次
-
新手如何建站?網站建設需要注意哪些問題?
日期:1970-01-01瀏覽次數:0次
-
電商網站建設平臺比較(下)
日期:1970-01-01瀏覽次數:0次
最新新聞
與互聯網同行,實時掌握網建行業最新動態
-
關于我們
深圳市廣雅達科技有限公司,是一家新型的全案網絡開發公司,作為以互聯網高端網站建設、APP開發、小程序開發為核心的專業網絡技術服務供應商,廣達網絡致力于全面分析市場環境、衡量與預測市場需求、整合區別于行業競爭對手的絕對優勢,結合品牌理念深度挖掘項目優勢和產品價值,提升客戶品牌認知、認可度。
-
我們的客戶
廣達網絡歷經十年沉淀,與國內外數千家客戶達成合作關系。廣達網絡始終堅持“帷有專業,才能拓展無限”的服務理念,堅持“認真堅持細節”的優質服務理念,不斷完善自身,成就企業,最終實現共贏。
-
我們的業務
廣達網絡主營業務范圍包含互聯網高端網站建設、APP開發、小程序開發、商城網站建設、公眾號運營以及數字營銷等,涵蓋了服務、房產、數碼、服裝、物流貿易等行業,根據品牌現狀,為每個客戶量身定制項目整體服務方案,以敏銳的市場洞察力、創新的市場策劃能力,全面把握市場變化,為客戶實現從企業到消費者的價值轉換。