面向 Model 編程的前端架構(gòu)設(shè)計(jì) 工業(yè)聚 前端 | github.com/Lucifier129 這篇文章將簡(jiǎn)略地介紹我們當(dāng)前的無(wú)線前端架構(gòu)設(shè)計(jì)及其演進(jìn)之路。 主要內(nèi)容分成幾個(gè)部分： 1）當(dāng)前的前端方案及其解決的問(wèn)題 2）現(xiàn)在面對(duì)的新挑戰(zhàn) 3）我們的前端方案設(shè)計(jì)和選擇。 希望我們的經(jīng)驗(yàn)?zāi)軒Ыo大家一些啟發(fā)。 1、當(dāng)前的前端方案及其解決的問(wèn)題 1.1、當(dāng)前方案的技術(shù)背景 將時(shí)間調(diào)回到 2016 年。我們已經(jīng)將幾個(gè)核心的前端應(yīng)用，從 C# http://ASP.NET 遷移到了 Node.js。并且在基于 Backbone.js 的前端框架上，添加了 React 去管理 View 層，取代了 Underscore.js 的 template 模板引擎，實(shí)現(xiàn)了徹底的前后端分離。 在舊框架中引入 React，這個(gè)過(guò)程并不像上面描述得那樣輕松。我們需要解決 2 個(gè)問(wèn)題。 1）React 體積過(guò)大 2）React 開發(fā)需要 ES2015 和 JSX 的編譯工具的支持 彼時(shí)，現(xiàn)有框架體積已然龐大，引入 React 會(huì)再增加 140+Kb 的 JS Size，將進(jìn)一步拖慢我們的 SPA 首次渲染時(shí)間。這是不可接受的，也是阻礙當(dāng)時(shí)絕大多數(shù)公司的在