这门课解决的核心问题是：从"能写页面"到"能接企业级项目"。具体来说，它不教你 HTML/CSS 排版，也不带你写简单 CRUD，而是聚焦在组件架构设计、状态管理、类型系统、性能优化和部署上线这些真正会卡住转岗人、但课本很少讲透的痛点上。

**适合什么基础**

需要你有前端基础——能自己写页面、用过一个前端框架做过项目、知道基本的 JS 语法。如果连"组件""路由""事件"这些概念都还没理清，建议先补一轮基础再来看这门课，否则会花大量时间看视频而忽略动手。

**建议先看哪几块**

第一块是 Vue 企业级项目实战（10.1–10.8），重点盯组件继承、指令、CRUD、keep-alive 缓存和打包部署。这块解决的是"怎么把项目搭成可维护的工程结构"。第二块是 TypeScript + Vue3（11.2–11.9），重点看泛型、类型断言、Vue3 的 setup/reactive/ref 和 JSX 语法糖。这块解决的是"怎么给项目加上类型约束，降低后期维护成本"。第三块是 React 全家桶（12.1–12.9），用同一套业务场景（订单、员工、权限）做对照，理解 hooks、context、redux 的取舍。最后 Node.js 基础（13.1–13.7）解决"前后端怎么打通"的问题，看完就能理解后端模块和文件操作。

**学完能独立做什么**

能独立搭建一个企业级前端项目，覆盖页面路由、登录权限、商品列表、购物车、表格表单等常见模块，做到组件可复用、状态可追踪、类型可约束、项目可部署。不需要你从零写一个完整产品，而是能接需求、搭架构、把活干完。

**资料怎么配合练习**

课程资料包里的视频是主线，建议每看完一个模块就跟着做一个对应的小项目：Vue 模块动手搭一个 CRUD 页面并加缓存和打包配置；TS 模块尝试给现有组件补类型；React 模块用同一套数据在两条线各写一遍核心逻辑；Node 模块用 fs 读写文件、用 require 组织模块。不要只看不动手，企业级项目的难点全在"工程化"上，不是语法本身。

课程目录

10Vue企业级项目实战
10.1继承覆盖组件_可拖拽指令_JSX使用指令.mp4 58.75M
10.2axios数据转换_query组件_防抖_分页.mp4 45.45M
10.3CRUD_pager混入_过滤器_业务.mp4 398.97M
10.5初审_终审.mp4 382.00M
10.6用户列表及性能优化_标的管理(1).mp4 334.83M
10.7keep-alive动态缓存.mp4 357.45M
10.8打包优化_部署.mp4 454.06M
10.9基本类型_数组_函数_接口_类.mp4 277.89M
11Vue企业级项目实战+TS + Vue3.0项目实战
11.10设置页面登录状态持久化+部署.mp4 289.86M
11.1泛型_type_交叉和联合类型_装饰器_断言.mp4 384.16M
11.2vue3基础_setup_reactive_ref_slots_.mp4 341.52M
11.3watch_computed_useXxx_renderJSX.mp4 369.76M
11.4项目搭建_金渡外卖项目.mp4 306.89M
11.5JSX环境说明_登录_首页_vmodel语法糖.mp4 299.48M
11.6路由meta和监视路由_轮播图_九宫格.mp4 326.07M
11.7处理ts的meta_商品列表.mp4 327.67M
11.8商品列表双向联动.mp4 356.17M
11.9商品列表组件封装+购物车布局.mp4 322.38M
12React全家桶
12.10订单_员工_权限_表格组件及表单组件优化.mp4 321.56M
12.1设置页面登录状态持久化+部署.mp4 331.85M
12.2基本写法_生命周期_数据传递.mp4 242.66M
12.3常用hooks.mp4 264.37M
12.4context_ref_路由.mp4 308.29M
12.5redux_项目搭建.mp4 295.49M
12.6登录_路由.mp4 297.84M
12.7布局_头部组件_动态菜单.mp4 272.49M
12.8监视路由_首页图表组件_表单组件.mp4 347.69M
12.9城市管理_loading和表单优化.mp4 285.26M
13玩转“双十一法宝”--Node.js基础
13.1课程介绍_事件循环及node应用场景介绍.mp4 22.28M
13.2环境安装及global.mp4 29.70M
13.3process核心功能及__filename等.mp4 23.33M
13.4require常用方法.mp4 21.85M
13.5module及各种模块化方案-.mp4 24.49M
13.6核心对象path、url常用方法.mp4 21.72M
13.7fs常用的同步方法.mp4 23.46M
14玩转“双十一法宝”--Node.js基础
14.1fs方法的回调及Promise.mp4 17.26M
14.2Koa快速入门及中间件思想及编写.mp4 29.76M
14.3客户端渲染vs服务端渲染、模板引擎的配置.mp4 35.72M
14.4cookie与session配置功能效果讲解.mp4 43.85M
14.5报文_cookie和session对比.mp4 14.27M
14.6路由参数_嵌套路由_状态码405和501介绍.mp4 22.09M
14.7数据库介绍_mongodb安装_CURD操作-.mp4 45.69M
15全栈开发-Node.js企业级金融信贷项目
15.1Mongodb高级查询.mp4 30.01M
15.2mysql安装_CRUD操作(新版).mp4 47.82M
15.3SQL注入原理及解决方案-.mp4 15.67M
15.4mysql高级查询.mp4 21.49M
15.5项目业务逻辑介绍及脚手架搭建.mp4 24.31M
15.6session序列化的代码演示.mp4 12.99M
15.7数据集导入和连接池查询.mp4 50.28M
15.8MVC实现登录功能.mp4 48.14M
16全栈开发-Node.js企业级金融信贷项目
16.10删除申请功能.mp4 23.13M
16.1中间件实现通用状态码处理.mp4 20.90M
16.3node调试及报名单验证token中间件.mp4 53.70M
16.4出及token黑名单处理.mp4 33.87M
16.5context上下文对象和挂载应用级别属性.mp4 28.03M
16.6创建用户及用户列表实现.mp4 58.75M
16.7前后端分页及申请的模糊查询.mp4 74.91M
16.8创建贷款申请.mp4 71.32M
16.9编辑申请功能.mp4 51.02M
17全栈开发-Node.js企业级金融信贷项目
17.10Vue的响应式底层原理讲解.wmv.mp4 38.46M
17.1链表数据解构解决核心业务逻辑.mp4 37.62M
17.2申请审批功能实现及完善业务逻辑判断.mp4 45.83M
17.3初审和终审查询.mp4 51.79M
17.4初审终审审批函数复用.mp4 52.95M
17.5查看审核详情.mp4 12.01M
17.6标的管理in查询功能的实现.mp4 57.71M
17.7生成合同及officegen介绍.mp4 72.62M
17.8下载功能的实现.mp4 40.49M
17.9项目部署及PM2_云服务器.mp4 28.47M
18大前端之手写底层原理 -vue2 源码分析知识点
18.10Vue计算属性的实现.mp4 9.46M
18.1Observe类的实现.mp4 24.58M