<sup id="2ucmy"><wbr id="2ucmy"></wbr></sup>
<sup id="2ucmy"><noscript id="2ucmy"></noscript></sup>
<sup id="2ucmy"><noscript id="2ucmy"></noscript></sup>
<sup id="2ucmy"><noscript id="2ucmy"></noscript></sup>
<sup id="2ucmy"><wbr id="2ucmy"></wbr></sup>
全國統一24小時(shí)服務(wù)咨詢(xún)熱線(xiàn)0755-8257993612年專(zhuān)業(yè)網(wǎng)絡(luò )服務(wù)供應商

行業(yè)資訊

前端技術(shù)未來(lái)三年前瞻性思考

1970-01-01 08:00:00 分享 瀏覽次數:0次

習慣從業(yè)務(wù)場(chǎng)景、用戶(hù)體驗、研發(fā)速度、維護成本四個(gè)維度來(lái)看框架等前端技術(shù),大部分的技術(shù)點(diǎn)都能找到合適的位置,解的問(wèn)題是如何快速上線(xiàn)和維護滿(mǎn)足業(yè)務(wù)的好用的產(chǎn)品。

業(yè)務(wù)場(chǎng)景

這部分解從框架的角度看業(yè)務(wù)需要。

框架負責,

  1. 對接后后端框架
  2. 對接輸出環(huán)節,包括支付寶容器,pc 和 mobile 瀏覽器,組件研發(fā)等
  3. 對接二方服務(wù),包括統計,鑒權等

未來(lái)三年,

  1. 更多的業(yè)務(wù)有移動(dòng)辦公需求,小程序會(huì )繼續加量
  2. 更多復雜場(chǎng)景的出現,包括重型應用,應用集群等,WebAssembly,微前端,Module Federation 等技術(shù)會(huì )在此發(fā)揮作用
  3. 標準應用中 NoCode/LowCode 的占比逐漸增大,開(kāi)發(fā)者逐漸習慣這種研發(fā)方式,包括云鳳蝶或更垂直的 NoCode 平臺,imgcook 等
  4. 需要對接的業(yè)務(wù)場(chǎng)景越來(lái)越多,框架層需要做取舍、收斂和適時(shí)的減法

用戶(hù)體驗

什么是默認好用?以及如何做到默認好用。

要有更好的用戶(hù)體驗,前端 + 設計師需負責,

  1. 前端尺寸要小,這樣頁(yè)面載入更快
  2. 合理的 Code Splitting、Bundle Splitting 和按需加載策略,這樣重要內容載入更快
  3. UI 好看,交互流暢且好用
  4. 合理的緩存和預加載策略,這樣頁(yè)面切換更快

之前覺(jué)得 5G 來(lái)了尺寸肯定不是問(wèn)題,直到我看到需要下載 60M JS 資源的頁(yè)面,內網(wǎng)環(huán)境打開(kāi)頁(yè)面都要 8s+?,F在的圖形庫、UI 庫根本不把尺寸當回事。

未來(lái)三年,如果我們希望有更好的用戶(hù)體驗,

  1. 圖形庫、UI 庫自己得做瘦身/按需加載/正確的 tree-shaking/設計合理的按需編譯
  2. 更多框架層內置的性能優(yōu)化方案
  3. 框架接管請求層,不止是發(fā)請求,基于路由,提供緩存和預加載策略
  4. 混合研發(fā)如果成為主流,需要解沙箱滿(mǎn)的問(wèn)題,參考 tech ui 首頁(yè),換 module federation 或者坐等瀏覽器實(shí)現標準的沙箱環(huán)境

研發(fā)速度

這部分解如何快速完成研發(fā),并交付上線(xiàn)。

各方配合,不止是框架,

  1. 工具提速、框架瘦身、TS 定義等
  2. 組件封裝,包含 antd/antv/tech-ui
  3. 數據準備,包含 oneapi
  4. 交付流暢性,包含 DEMO 中心,MOCK 平臺,聯(lián)調最佳實(shí)踐等
  5. 輔助工具

未來(lái)三年,

  1. 編譯速度肯定會(huì )大幅提升,路肯定不止一條;重 CPU 部分會(huì )基于 Rust/Go 實(shí)現但不是整體,整體方案的終態(tài)我更傾向 npm pre-built cdn + bundless 的組合;這不止是框架/工具等事,ui 庫和工具庫也許合理規劃和配置,不然一個(gè)項目用 5 個(gè)圖形庫 + 10 個(gè)依賴(lài) antd 等庫,10000+ 的文件要編譯,怎么搞也是快不起來(lái)
  2. 更多垂直領(lǐng)域高級別的封裝,集成框架/UI/數據/數據流,快速產(chǎn)出中臺應用,形態(tài)可能是平臺,也可能是 ProCode;封裝等級越高,開(kāi)發(fā)越快,但定制越難,需權衡
  3. 命令行在很多場(chǎng)景下不夠用,借助輔助工具可進(jìn)一步提效;形態(tài)有編輯器插件、Chrome 插件和 In-Context Editing

維護成本

產(chǎn)品不僅要開(kāi)發(fā),還要維護,何況框架和依賴(lài)庫還在不斷升級。

成本問(wèn)題包括,

  1. 新人的上手成本
  2. 開(kāi)發(fā)人員迭代的接手成本
  3. 技術(shù)棧升級成本

未來(lái)三年,對于框架而言,

  1. 降低技術(shù)棧升級成本。這需要框架有更好的頂層設計,更好的抽象,抹平底層技術(shù)棧,解 3-5 年后依賴(lài)的技術(shù)棧變更后遷移成本最小化的問(wèn)題;功能方面權衡一方集成/二方提供/三方引入,設計上適度集成,適度組合,適度 eject
  2. 寫(xiě)一樣的代碼。持續打磨最佳實(shí)踐,方案唯一化,一不是絕對的一,而是特定場(chǎng)景下的一;框架支持多端適配,未來(lái)是 PC + 小程序,長(cháng)遠看,多套寫(xiě)法應該走向統一


最新網(wǎng)站案例

洞悉市場(chǎng)趨勢演變讓傳播回歸社會(huì )

免費獲取網(wǎng)站建設與網(wǎng)絡(luò )推廣方案報價(jià)

  • 關(guān)于我們

    深圳市廣雅達科技有限公司,是一家新型的全案網(wǎng)絡(luò )開(kāi)發(fā)公司,作為以互聯(lián)網(wǎng)高端網(wǎng)站建設、APP開(kāi)發(fā)、小程序開(kāi)發(fā)為核心的專(zhuān)業(yè)網(wǎng)絡(luò )技術(shù)服務(wù)供應商,廣達網(wǎng)絡(luò )致力于全面分析市場(chǎng)環(huán)境、衡量與預測市場(chǎng)需求、整合區別于行業(yè)競爭對手的絕對優(yōu)勢,結合品牌理念深度挖掘項目?jì)?yōu)勢和產(chǎn)品價(jià)值,提升客戶(hù)品牌認知、認可度。

  • 我們的客戶(hù)

    廣達網(wǎng)絡(luò )歷經(jīng)十年沉淀,與國內外數千家客戶(hù)達成合作關(guān)系。廣達網(wǎng)絡(luò )始終堅持“帷有專(zhuān)業(yè),才能拓展無(wú)限”的服務(wù)理念,堅持“認真堅持細節”的優(yōu)質(zhì)服務(wù)理念,不斷完善自身,成就企業(yè),最終實(shí)現共贏(yíng)。

  • 我們的業(yè)務(wù)

    廣達網(wǎng)絡(luò )主營(yíng)業(yè)務(wù)范圍包含互聯(lián)網(wǎng)高端網(wǎng)站建設、APP開(kāi)發(fā)、小程序開(kāi)發(fā)、商城網(wǎng)站建設、公眾號運營(yíng)以及數字營(yíng)銷(xiāo)等,涵蓋了服務(wù)、房產(chǎn)、數碼、服裝、物流貿易等行業(yè),根據品牌現狀,為每個(gè)客戶(hù)量身定制項目整體服務(wù)方案,以敏銳的市場(chǎng)洞察力、創(chuàng )新的市場(chǎng)策劃能力,全面把握市場(chǎng)變化,為客戶(hù)實(shí)現從企業(yè)到消費者的價(jià)值轉換。

Designerpart Designagentur
Designerpart Designagentur
Designerpart Designagentur
Designerpart Designagentur
Designerpart Designagentur
Designerpart Designagentur
中文字幕精品一区二区精品_里番全彩爆乳女教师_午夜男女爽爽羞羞影院在线观看_邪恶肉肉全彩色无遮盖