资源介绍：

每每遇到新技术，或者遇到技术的重大升级，你是不是也会苦恼，虽然自己都能基于官方文档，快速上手新技术，但就是不知道如何将它运用到实际项目中，也不清楚还有哪些用途。反观大厂的同学，似乎就要如鱼得水很多

其实这无关个人能力，更多是因为你缺少大厂的项目机会和压力，导致面对具体项目时，很难快速发现问题，“对症下药”，更不知道如何设计合适的技术方案。比如：

在前端性能监控项目中，陷入前端性能就是浏览器问题的误区，不懂监控 HTTP 加载资源或者数据 API 导致的性能问题；

在微前端项目中，缺乏 JavaScript 全局变量和 CSS 样式的隔离实践经验，导致应用融合的 JavaScript 全局变量污染和 CSS 样式污染的问题；

在前端自研组件库开发过程中，缺乏全局的主题设计思路，导致所有组件的 CSS 样式无法变更主题和扩展主题等等

课程目录

• videos
• 围炉夜话｜Leader眼里最有潜力的仔长什么样？
• 406252d8-18586d61029-0000-0000-01d-dbacd
• 围炉夜话｜你的职业起点和职业终点是什么？
• 60829c82-18586d6084d-0000-0000-01d-dbacd
• 围炉夜话｜学了新技术，在公司用不上怎么办？
• 2a54f094-18586d5f411-0000-0000-01d-dbacd
• 01｜编译和非编译模式：离开Vue工具，你还知道怎么用Vue3吗？.md
• 01｜编译和非编译模式：离开Vue工具，你还知道怎么用Vue3吗？
• 02｜Webpack编译搭建：如何用Webpack初构建Vue3项目？.md
• 02｜Webpack编译搭建：如何用Webpack初构建Vue3项目？
• 03｜从Rollup到Vite：如何用Vite构建你的Vue3项目？.md
• 03｜从Rollup到Vite：如何用Vite构建你的Vue3项目？
• 04｜模版语法和JSX语法：你知道Vue可以用JSX写吗？.md
• 04｜模版语法和JSX语法：你知道Vue可以用JSX写吗？
• 05｜响应式开发操作：如何理解和使用Vue3的响应式数据？.md
• 05｜响应式开发操作：如何理解和使用Vue3的响应式数据？
• 06｜跨组件数据通信：常见的组件间数据通信方式有哪些？.md
• 06｜跨组件数据通信：常见的组件间数据通信方式有哪些？
• 07｜项目代码规范：如何成为一名合格的团队协作工程师？.md
• 07｜项目代码规范：如何成为一名合格的团队协作工程师？
• 08｜如何从零搭建自研的Vue组件库？.md
• 08｜如何从零搭建自研的Vue组件库？
• 09｜主题方案和基础组件：如何设计组件库的主题方案？.md
• 09｜主题方案和基础组件：如何设计组件库的主题方案？
• 10｜动态渲染组件：如何实现Vue的动态渲染组件？.md
• 10｜动态渲染组件：如何实现Vue的动态渲染组件？
• 11｜布局组件：如何实现自研组件库的布局方案？.md
• 11｜布局组件：如何实现自研组件库的布局方案？
• 12｜受控表单组件：如何开发受控的表单组件？.md
• 12｜受控表单组件：如何开发受控的表单组件？
• 13｜动态表单组件：怎么优雅地动态渲染表单？.md
• 13｜动态表单组件：怎么优雅地动态渲染表单？
• 14｜代码单元测试：如何轻松地保证自己的代码质量？.md
• 14｜代码单元测试：如何轻松地保证自己的代码质量？
• 15｜定制运营拖拽组件：如何实现运营搭建页面的拖拽功能？.md
• 15｜定制运营拖拽组件：如何实现运营搭建页面的拖拽功能？
• 16｜单页面应用：如何理解和实现单页面应用开发？.md
• 16｜单页面应用：如何理解和实现单页面应用开发？
• 17｜Koa.js：如何结合Koa.js开发Node.jsWeb服务？.md
• 17｜Koa.js：如何结合Koa.js开发Node.jsWeb服务？
• 18｜Node.js服务端渲染页面：客户端渲染和服务端渲染有何区别？.md
• 18｜Node.js服务端渲染页面：客户端渲染和服务端渲染有何区别？
• 19｜全栈项目搭建：如何搭建Vue.js的前后台全栈项目？.md
• 19｜全栈项目搭建：如何搭建Vue.js的前后台全栈项目？
• 20｜数据库方案设计：如何设计运营搭建平台的数据库？.md
• 20｜数据库方案设计：如何设计运营搭建平台的数据库？
• 21｜用户注册和登录：如何结合Vue3和Koa.js实现注册登录？.md
• 21｜用户注册和登录：如何结合Vue3和Koa.js实现注册登录？
• 22｜物料组件的编译和管理：如何处理组件的多种模块格式？.md
• 22｜物料组件的编译和管理：如何处理组件的多种模块格式？
• 23｜运营物料的后台管理：如何全栈化实现列表分页的功能？.md
• 23｜运营物料的后台管理：如何全栈化实现列表分页的功能？
• 24｜后台搭建数据源：如何设计运营搭建页面的数据结构？.md
• 24｜后台搭建数据源：如何设计运营搭建页面的数据结构？
• 25｜后台搭建功能：如何设计和实现Vue.js运营后台的搭建功能？.md
• 25｜后台搭建功能：如何设计和实现Vue.js运营后台的搭建功能？
• 26｜页面编译和运行：如何设计Vue.js搭建页面的渲染策略？.md
• 26｜页面编译和运行：如何设计Vue.js搭建页面的渲染策略？
• 27｜后台发布流程：如何实现Vue.js搭建页面的发布流程？.md
• 27｜后台发布流程：如何实现Vue.js搭建页面的发布流程？
• 28｜前台页面版本化管理：如何实现搭建页面的迭代策略？.md
• 28｜前台页面版本化管理：如何实现搭建页面的迭代策略？
• 29｜前台页面的渲染方式：如何设计前台页面的渲染策略？.md
• 29｜前台页面的渲染方式：如何设计前台页面的渲染策略？
• 30｜前台页面的性能优化：如何实现前台页面的性能优化？.md
• 30｜前台页面的性能优化：如何实现前台页面的性能优化？
• 31｜前台页面的日志监控：如何进行页面实时监控与问题定位？.md
• 31｜前台页面的日志监控：如何进行页面实时监控与问题定位？
• 32｜单元测试：如何打造Vue.js和Node.js全栈项目的单元测试？.md
• 32｜单元测试：如何打造Vue.js和Node.js全栈项目的单元测试？
• 33｜页面功能扩展：如何对Vue.js全栈项目做优雅扩展？.md
• 33｜页面功能扩展：如何对Vue.js全栈项目做优雅扩展？
• 34｜服务端功能扩展：如何对Vue.js全栈项目做服务端功能扩展？.md
• 34｜服务端功能扩展：如何对Vue.js全栈项目做服务端功能扩展？
• 35｜多进程部署：如何最大限度利用服务器资源运行Node.js服务？.md
• 35｜多进程部署：如何最大限度利用服务器资源运行Node.js服务？
• 36｜日志收集与问题排错：如何守护好Vue.js和Node.js的全栈项目？.md
• 36｜日志收集与问题排错：如何守护好Vue.js和Node.js的全栈项目？
• 加餐｜基础篇思考题答疑.md
• 加餐｜基础篇思考题答疑
• 加餐｜进阶篇思考题答疑.md
• 加餐｜进阶篇思考题答疑
• 加餐｜实战篇思考题答疑（上）.md
• 加餐｜实战篇思考题答疑（上）
• 加餐｜实战篇思考题答疑（下）.md
• 加餐｜实战篇思考题答疑（下）
• 加餐｜增强篇思考题答疑.md
• 加餐｜增强篇思考题答疑
• 结束语｜时刻做好“军备竞赛”，机会只留给有准备的人.md
• 结束语｜时刻做好“军备竞赛”，机会只留给有准备的人
• 开篇词｜为何掌握了技术API，依然在项目中处处掣肘？.md
• 开篇词｜为何掌握了技术API，依然在项目中处处掣肘？
• 期末测试｜来赴一场满分之约！.md
• 期末测试｜来赴一场满分之约！
• 围炉夜话｜Leader眼里最有潜力的仔长什么样？.md
• 围炉夜话｜Leader眼里最有潜力的仔长什么样？
• 围炉夜话｜你的职业起点和职业终点是什么？.md
• 围炉夜话｜你的职业起点和职业终点是什么？
• 围炉夜话｜学了新技术，在公司用不上怎么办？.md
• 围炉夜话｜学了新技术，在公司用不上怎么办？