这门课解决什么问题

这份资料聚焦 Web 前端工程化与主流框架进阶，核心场景是帮已经能写页面的人补上“复杂项目怎么架构、怎么协作”这一块。日常工作中如果你常遇到状态管理越堆越乱、组件复用困难、构建配置看不懂、接手旧代码无从下手，这套课就是在回应这些痛点。它不是零基础入门 HTML/CSS 的科普，而是按真实项目交付流程，把 ES6 加 TypeScript、Vue 和 React 双栈、Node 服务、Webpack 打包这些环节串起来讲，重点放在工程实践和踩坑经验上，而不是语法罗列。资料里的框架部分同时覆盖 Vue2 到 Vue3 的迁移、React 全家桶实战，适合需要应对多技术栈团队的场景。

适合什么基础、建议先看哪几块

看这份资料的前提是：你已经能独立用 JS 写交互、用过至少一个框架搭过项目，知道组件、路由、请求怎么跑通。如果连 Promise 和模块化都陌生，建议先补基础再来看，否则工程化部分会很难跟上。建议的切入顺序是：先把 ES6 和 TypeScript 那几块过一遍，因为后面 Vue3、React 都依赖类型和模块化，基础没打通会反复卡壳；接着看你工作中更常用的那个框架，比如 Vue 系就先看 Vue2 进阶再接 Vue3 迁移，React 系就从基础实战一路到高级用法；最后再看 Node 和 Webpack，这两块属于工程化底座，放在框架实战之后理解会更具体。如果时间紧，不必按顺序从头刷，优先挑和你当前项目最相关的模块。

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

这套资料是视频加代码示例的组合，光看不敲基本等于没学。建议每看完一个模块，先合上视频自己复现一遍示例，再改一个真实需求，比如把课程里的状态管理方案套到自己项目的某个复杂页面上去试，遇到报错再回去对照。Vue 和 React 两套体系不要同时开工，容易混淆，选一个栈完整走一遍，另一个当对照看差异即可。学完之后，你应当能独立搭建一个带类型约束、规范构建流程的中型前端项目，能做 Vue2 到 Vue3 的迁移改造，能读懂并调整 Webpack 配置，也能用 Node 写简单的接口或中间层。到这个程度，应对日常业务开发和技术方案选型会更有底气，而不是只会照着文档抄代码。


???????????? ?? ??????JS???????? ?? ??????JS????????? ?? ??????ES6 ?? ??????Vue??????? ?? ???????Vue??????? ?? ???????Vue?????-??????????? ?? ???????TS+Vue3.0?? ?? ???????????????????? ?? ???????Vue2????????Vue2??????? ?? ??????React????+?? ?? ??????React?? ?? ??????React?? ?? ??????React?? ?? ??????node?? ?? ???????webpack??????+??????? ?? ????????????????? ?? ????????????????? ?? ??????React?? ?? ??????uniapp????????? ?? ??????uniapp????????? ?? ????????? ?? ????????? ?? ??????????? ?? ???????????? ?? ???offer ?? ???offer ?? ??????????????????.zip

课程目录

*   01 第六期开班典礼/

  *   01 开班典礼

*   02 阶段一：JS进阶系列一/

  *   01 css js命名规范+堆栈溢出+垃圾回收

  *   02 创建对象+属性操作+数组方法

  *   03 包装类型+类型判断+深浅拷贝

  *   04 预解析_作用域_原型_继承

  *   05 原型链_ES6扩展补充_放大镜案例

  *   06 this的指向 事件冒泡及委托

  *   07 闭包_递归_应用场景实战

  *   08 前后分离浏览器回车后发生了什么 http协议

*   03 阶段一：JS进阶系列二/

  *   01 留言本_各种请求交互

  *   02 ajax下载文件_跨域

  *   03 观察者_单例_工厂_抽象工厂

*   04 阶段一：ES6/

  *   01 策略_装饰器_代理_适配

  *   02 let_const_解构_箭头函数

  *   03 展开运算符_reset_初始参数_无限平铺数组_

  *   04 set_map_可选链_空值合并_hashMap

  *   05 Symbol_Promise

  *   06 async_await_事件循环

  *   07 class_import_proxy及对比

  *   08 Vue入门+设计模式+SPAMPA

*   05 阶段一：Vue全家桶系列/

  *   01 Vue常用指令及使用技巧一

  *   02 Vue常用指令及使用技巧二

  *   03 Vue组件详解

*   06 阶段二：Vue全家桶系列/

  *   01 Vue生命周期和组件详解

  *   02 Vue相关原理和实例方法

  *   03 Vue实例方法以及API详解

  *   04 Vue-router详解

  *   05 Vue-cli详解以及版本切换

  *   06 Vuex状态管理

  *   07 Vue项目实战一

  *   08 Vue项目实战二

*   07 阶段二：Vue项目实战-学生管理系统实战/

  *   01 Vue项目实战三

  *   02 Vue项目实战四

  *   03 Vue项目实战五

  *   04 Vue项目实战六

  *   05 TS基础数据类型

  *   06 TS类、泛型、装饰器

  *   07 TS装饰器、接口

  *   08 Vue+TS项目重构一

*   08 阶段二：TS+Vue3.0实战/

  *   01 Vue+TS项目重构二

*   09 阶段二：前端代码管理工具/

  *   01 01Git入门

  *   02 02Git详解

  *   03 03Git进阶

  *   04 04Git进阶

  *   05 05SVN

  *   06 06SVN

*   10 阶段三：Vue2基础知识和Vue2的项目实战/

  *   01 Vue3+Vite+vue-cli4

  *   02 Vue3新特性+Vite

  *   03 路由和Vue3项目实战

  *   04 Vue3新特性+Vite+Vue3项目实战

  *   05 React入门

  *   06 React组件定义及事件处理

  *   07 React数据绑定及表单处理

  *   08 React脚手架

*   11 阶段四：React全家桶+实战/

  *   01 React组件通讯

  *   02 React生命周期和组件优化

  *   03 React高阶组件

  *   04 React之hooks

  *   05 React项目实战一

  *   06 React项目实战二

  *   07 React项目实战三

  *   08 React项目实战四

*   12 阶段四：React实战/

  *   01 React项目实战五

*   13 阶段四：React实战/

  *   01 React项目实战六

*   14 阶段四：React实战/

  *   01 React项目实战七之Redux

*   15 阶段五：node全栈/

  *   01 node启服务+数据交互+中间件

  *   02 express支持模块化+添加es6支持+框架思想

  *   03 添加系统日志+配置+控制器+抽离路由

  *   04 数据服务层设计+ORM框架+DB

  *   05 SQL数据查询+接口编写

  *   06 权限拦截器的实现+解析JWT+nodemon+部署

*   16 阶段六：webpack系列课程+手写底层/

  *   01 图解webpack是什么

  *   02 webpack：CSS JS 打包压缩+合并

  *   03 图片样式兼容处理+插件模块化配置

  *   04 多页面-多环境-跨域-热更新

  *   05 手写vue-数据拦截

  *   06 手写vue-数组拦截

  *   07 手写vue-文本渲染

  *   08 手写vue-依赖收集

  *   09 手写vue-异步渲染

  *   10 手写vue-数组依赖收集

*   17 阶段六：手写底层原理/

  *   01 手写vue-watch实现

  *   02 手写vue-computed实现

  *   03 手写vuex一

  *   04 手写vuex二

  *   05 手写vuerouter一

  *   06 手写vuerouter二

  *   07 promise1

  *   08 promise2

  *   09 手写webpack01

  *   10 手写webpack02

*   18 阶段六：手写底层原理/

  *   01 手写webpack03

  *   02 手写webpack04

  *   03 手写webpack05

  *   04 手写webpack06

  *   05 手写webpack07

*   19 阶段四：React实战/

  *   01 React项目实战八之Redux

*   20 阶段七：uniapp音乐项目实战/

  *   01 uniapp入门+多种运行环境

  *   02 uniapp页面结构布局

  *   03 flex布局

  *   04 uniapp基本使用一

  *   05 uniapp基本使用二

  *   06 音乐app实战一

  *   07 音乐app实战二

  *   08 音乐app实战三

  *   09 音乐app实战四

  *   10 音乐app实战五

*   21 阶段七：uniapp音乐项目实战/

  *   01 音乐app实战六

  *   02 音乐app实战七

  *   03 音乐app实战八

  *   04 音乐app实战九

*   22 数据结构与算法/

  *   01 数据结构与算法-入门与数组

  *   02 数据结构-栈与队列

  *   03 数据结构-栈与队列

  *   04 数据结构-链表

  *   05 数据结构-哈希-1

  *   06 数据结构-哈希-2

  *   07 数据结构-树

  *   08 数据结构-二叉搜索树

  *   09 数据结构-红黑树

  *   10 数据结构-图

*   23 数据结构与算法/

  *   01 数据结构-图.

  *   02 算法复杂度

  *   03 排序算法

*   24 浏览器系列课程/

  *   01 宏观视角下的浏览器

  *   02 浏览器渲染流程

  *   03 重绘重排

  *   04 cdn-缓存

  *   05 强缓存和协商缓存

  *   06 浏览器的网络和安全

*   25 网络安全系列课程/

  *   01 XSS攻击

  *   02 CSRF攻击

  *   03 DDOS

  *   04 HTTP劫持

  *   05 SQL注入

*   26 剑指offer/

  *   01 找工作的那些事

  *   02 面试准备，大厂要求

  *   03 简历编写

  *   04 JS防抖与节流

  *   05 js原型链与继承

  *   06 JS面试题

  *   07 js闭包

  *   08 前端面试题之ES6相关面试题

  *   09 vue面试题，应用层（一）

  *   10 Vue面试题，原理层（二）

*   27 剑指offer/

  *   01 Vue应用层面试题（三）

  *   02 Vue原理之侦听器实现

  *   03 Vue2响应式实现.

  *   04 程序猿发展，进阶路线

*   金渡教育第六期课程源码.zip