妙码学院大前端架构师训练营2025|{10}大前端之多端开发进阶

这套资料的主题是多端开发进阶，但它不是那种"教你写一个能跑的小程序"的入门课。它面向的场景更具体：同一个业务逻辑要同时落到 Web、移动端 H5、小程序甚至桌面壳里，代码怎么组织才不至于复制三份、改一处漏两处。如果你现在的工作里已经出现过"同一功能多端各写一遍"的重复劳动，或者团队正在讨论要不要上跨端方案，这份资料解决的问题才对得上你。

它解决的是多端复用的架构问题，不是语法问题

多端开发的难点从来不在某个端怎么写，而在于抽象层放在哪里。业务逻辑、路由、状态、请求层、UI 组件，哪些该共用、哪些该按端分叉，分叉点怎么收敛，这些决策做错了，跨端框架反而会让维护成本更高。资料里围绕多端进阶展开的部分，配合前端工程化和微内核、微前端、服务端渲染这几块，实际是在讲一套分层思路：把与平台无关的部分抽出来，把与平台强相关的部分做成可替换的适配层，再用构建流程把不同目标产物打出来。学完之后你应该能判断一个需求该不该做跨端、在哪个层级做复用，而不是只会调某个框架的 API。

适合什么基础，以及建议先看哪几块

这份资料不适合零基础。至少要有独立做过一个完整前端项目的经验，熟悉组件化开发、构建工具的基本配置，能看懂打包产物大致是怎么来的。React 或 Vue 至少熟练其中一套，因为资料里对两套框架的架构设计和源码剖析都占了不小篇幅，两边都不熟会看得比较吃力。建议的进入顺序是：先看工程化设计那一块，把构建、分包、多环境产物的概念理顺；再看性能专项优化，建立量化指标的意识；然后进入多端开发和微内核、微前端、服务端渲染的部分。框架源码剖析可以放在后面按需查阅，它更像是解释"为什么这么设计"的支撑材料，不适合一上来就啃。后面几个企业级项目实战（监控平台、文档编辑器、低代码平台）体量偏大，建议挑一个和你当前业务最接近的跟着做，不要三个都从头撸一遍。

学完能独立做什么，资料怎么配合练习

比较现实的目标是：你能独立设计一个多端项目的目录结构和构建方案，把共用逻辑抽成独立模块，为不同端提供适配层，并给出可运行的构建配置；能针对首屏加载、包体积、渲染性能做一轮有数据支撑的优化；能说清微前端方案在主应用与子应用之间怎么划分边界、怎么处理样式和状态隔离。这些是能在面试和实际项目里拿出来的东西。

练习方式上，不建议只看视频。每看完一块，就在自己的项目里找一个对应的痛点动手改：工程化那块改一次构建配置并对比产物体积；性能那块先埋点拿到优化前的数据；多端那块拿一个已有页面做一次逻辑抽离，看能减少多少重复代码。项目实战部分可以边看边暂停，先自己写一版再对照，差距往往就在分层和边界处理上。资料里的代码和配置当参考，不要直接抄进业务，理解它为什么这么组织比跑通更重要。