妙码学院《大前端架构师训练营》

前端开发

课程简介

这份资料解决什么问题，适合谁对照练习这份资料面向已经能独立完成业务页面、但卡在“只能写应用层、摸不到架构层”这一步的前端开发者。它要解决的核心问题是：把散落在各处的多端开发、构建工具原理、服务端能力、性能与监控串联成一套可落地的架构认知，而不是停留在框架 API 层面。内容覆盖 React Native、uniapp、小程序、桌面端等多端方案，以及 We…

已有 2 人浏览发布 2026-10-03 更新 2026-10-03

这份资料解决什么问题，适合谁对照练习

这份资料面向已经能独立完成业务页面、但卡在“只能写应用层、摸不到架构层”这一步的前端开发者。它要解决的核心问题是：把散落在各处的多端开发、构建工具原理、服务端能力、性能与监控串联成一套可落地的架构认知，而不是停留在框架 API 层面。内容覆盖 React Native、uniapp、小程序、桌面端等多端方案，以及 Webpack5 与 Vite 原理、企业级脚手架、Nest 服务端、微前端与 SSR、低代码平台、飞书文档级编辑器、全栈监控平台等模块。如果你目前的基础是熟悉 React 或 Vue 生态、写过 Node 接口、能看懂构建配置，这份资料适合拿来对照实践；如果刚学完基础语法，建议先补完工程化基础再进入，否则后半段的企业级项目会吃力。

建议先看哪几块，资料怎么配合练习

建议的切入顺序是：先过工程化设计中的 Webpack5 与 Vite 原理剖析，再进入企业级脚手架开发，把构建链路和自定义 CLI 的思路打通；接着看 Nest 核心概念与 Node 网络服务，补齐服务端短板；然后进入微内核、微前端与 Vue SSR，理解应用拆分与服务端渲染的边界。性能专项优化单独成块，建议和监控平台项目连着看，因为性能问题往往要靠监控数据定位。三个企业级项目——飞书文档级编辑器、全栈监控平台、通用低代码平台——是整份资料的落点，不要只看不动手。配合方式是：每看完一个原理章节，先在本地复现最小可用版本，再对照项目章节看架构层如何组织模块、如何分层、如何抽象可复用能力，遇到实现差异时回到原理章节查缺补漏，而不是把视频当背景音播放。

学完后能独立做什么

从工程产出看，学完后你应该能独立设计一套企业级脚手架，统一团队的项目初始化、构建配置与发布流程；能基于 Nest 搭建带数据库与缓存的服务端，支撑前端 BFF 或独立业务后端；能落地一套多端方案，在小程序、移动端、桌面端之间复用核心逻辑；能针对 Vue 应用做性能分析与优化，并搭建采集 SDK、数据处理、可视化告警打通的监控平台。更关键的是，飞书文档编辑器和低代码平台这两个项目会逼你处理状态管理、渲染引擎、协议设计、插件机制等真正属于架构层的问题。这些模块不是看完就结束，建议把每个项目拆成可独立运行的最小子集，逐步替换成自己业务里的场景，最终沉淀成一套能复用的前端基础设施模板，而不是只留下一份跑得通的 demo。

课程目录

📁 {10}--大前端之多端开发进阶
[4]--【240511】原生应用多端开发之 React-Native-合.mp4 [1.4 GB]
[1]--【240511】小程序开发方案全解-合一.mp4 [1.6 GB]
[5]--【240511】桌面端应用多端开发实战-合一.mp4 [1.3 GB]
[2]--【240511】移动应用多端开发之 uniapp 进阶-合一.mp4 [991.0 MB]
📁 {4}--架构思想之前端工程化设计
[2]--【240511】vite 基础进阶与原理剖析-合一.mp4 [961.9 MB]
[6]--【240511】企业级脚手架开发实战（二）-合一.mp4 [772.7 MB]
[5]--【240511】企业级脚手架开发实战（一）-合一.mp4 [1.4 GB]
[3]--【240511】新兴构建工具选型与原理剖析-合一.mp4 [1.6 GB]
[1]--【240511】webpack5 基础进阶与原理剖析-合一.mp4 [1.4 GB]
📁 {6}--架构思想之微内核、微前端与服务端渲染
[1]--【240511】Vue 服务端渲染详解-合一.mp4 [1.0 GB]
📁 {7}--设计思想之设计模式、数据结构与算法
[2]--【240511】前端高频面试算法题精析-合一.mp4 [1.6 GB]
[3]--【240511】大厂算法真题详解-合一.mp4 [736.6 MB]
[4]--【240511】设计模式精讲-合一.mp4 [921.1 MB]
[1]--【240511】数据结构与算法-合一.mp4 [571.5 MB]
📁 {5}--架构思想之性能专项优化
[3]--【240511】Vue 应用级性能分析优化-合一.mp4 [1.6 GB]
📁 {12}--高级前端专家项目实战-企业级编辑器飞书文档架构设计与实践
[3]--【240511】企业级编辑器飞书文档架构设计与实践【三】-合一.mp4 [1.4 GB]
[1]--【240511】企业级编辑器飞书文档架构设计与实践【一】-合一.mp4 [941.8 MB]
[2]--【240511】企业级编辑器飞书文档架构设计与实践【二】-合一.mp4 [1.5 GB]
[4]--【240511】企业级编辑器飞书文档架构设计与实践【四】-合一.mp4 [1.8 GB]
📁 {11}--高级前端专家项目实战-企业级监控平台全栈架构设计与实践
[4]--【240511】企业级监控平台全栈架构设计与实践【四】-合一.mp4 [1.1 GB]
[3]--【240511】企业级监控平台全栈架构设计与实践【三】-合一.mp4 [2.5 GB]
[2]--【240511】企业级监控平台全栈架构设计与实践【二】-合一.mp4 [797.7 MB]
[1]--【240511】企业级监控平台全栈架构设计与实践【一】-合一.mp4 [1.6 GB]
📁 {8}--全栈架构之服务端开发进阶
[2]--【240511】Node 网络服务开发-合一.mp4 [1.2 GB]
[4]--【240511】Nest 核心概念详解-合一.mp4 [1.1 GB]
[3]--【240511】数据库与缓存技术揭秘-合一.mp4 [991.1 MB]
[1]--【240511】Node 基础与常用模块详解-合一.mp4 [932.9 MB]
[5]--【240511】Nest 服务端开发实战-合一.mp4 [1.5 GB]
📁 {13}--高级前端专家项目实战-企业级通用低代码平台架构设计与实践
[4]--【240511】企业级通用低代码平台架构设计与实践【四】-合一.mp4 [1.5 GB]
[5]--【240511】企业级通用低代码平台架构设计与实践【五】-合一.mp4 [1.9 GB]
[2]--【240511】企业级通用低代码平台架构设计与实践【二】-合一.mp4 [1.2 GB]
[3]--【240511】企业级通用低代码平台架构设计与实践【三】-合一.mp4 [1.2 GB]
📁 {2}--React18 应用架构设计与源码剖析
[5]--【240511】React 实战【一】 团队基建之组件库设计与开.mp4 [1.3 GB]
[4]--【240511】React 路由使用与原理详解-合一.mp4 [1.4 GB]
[1]--【240511】React 基础知识-合一.mp4 [1.1 GB]
[3]--【240511】React 状态管理方案全解析-合一.mp4 [1.4 GB]
[2]--【240511】React 知识进阶-合一.mp4 [1.6 GB]
📁 {9}--优秀开源项目源码解读
[2]--【240511】React 源码解读【二】-合一.mp4 [1.6 GB]
[1]--【240511】React 源码解读【一】-合一.mp4 [1.1 GB]
[3]--【240511】Vue3 源码解读-合一.mp4 [933.7 MB]
📁 {3}--Vue3 应用架构设计与源码剖析
[7]--【240511】Vue3 实战【一】 企业级可视化无代码平台架构.mp4 [1.1 GB]
[5]--【240511】Vue3 实战【一】 企业级可视化无代码平台架构.mp4 [934.7 MB]
[2]--【240511】Vue 知识进阶-合一.mp4 [1.6 GB]
[1]--【240511】Vue 基础知识-合一.mp4 [748.4 MB]
[3]--【240511】Vue 状态管理方案全解析-合一.mp4 [811.3 MB]
[4]--【240511】Vue 路由使用与原理剖析-合一.mp4 [1.2 GB]
[8]--【240511】Vue3 实战【一】 企业级可视化无代码平台架构.mp4 [1.4 GB]
[6]--【240511】Vue3 实战【一】 企业级可视化无代码平台架构.mp4 [1.6 GB]
{1}--【240511】冲击中大厂——面试辅导-合一.mp4 [690.3 MB]