别用 jQuery 了：这套课帮你补全现代前端底层逻辑与实战闭环

很多学习者虽然能调 React、Vue 组件，但一旦遇到性能瓶颈或复杂状态管理，代码就写不动了。你是否有过这种经历：只会死记硬背官方文档的 API 调用，却不懂响应式原理；能跑通简单的 Demo，但接手别人的企业级项目时，因为不懂架构设计、工程化规范而踩坑无数，甚至被面试官问到原型链就卡壳？这门课正是为了填补“会用框架”与“懂前端原理”之间的巨大鸿沟而设。它不讲花哨的特效，也不堆砌无关的工具，而是直指 Web 前端开发中最核心、最易被忽视的底层逻辑与架构思维，专治各种“假熟练”，确保你从搬运工转型为真正的开发者。

从基础语法到源码剖析：构建你的前端内核体系

课程首先会强制你回溯 JS 基础语法，这听起来似乎多余，却是进阶的绝对基石。很多人 JS 基础不牢，导致后续学习闭包、原型链、异步编程时云里雾里，遇到稍微复杂的逻辑就写不出来。课程会带你重新梳理 JS 必备篇，确保你对执行上下文、事件循环机制、内存泄漏有清晰认知，不再凭感觉写代码。在此基础上，课程会深入 ES6 至 ES7 的核心语法及核心 API，并重点剖析 Vue 全家桶系列与 React 全家桶。更重要的是，课程不满足于让你“会用”，而是会带你深入 Vue2.x 与 Vue3.0 的源码分析，让你明白响应式系统是如何通过 Proxy 或 Object.defineProperty 实现的，Diff 算法是如何优化的。只有读懂了源码，你才能在使用框架时真正掌握主动权，而不是被文档牵着鼻子走，遇到报错能自己查原理，而不是盲目试错。

实战演练与工程化：从 Demo 开发者变身架构师

光懂原理不够，还得能落地解决实际问题。课程安排了 Vue 企业级项目实战与 uniapp 混合 APP 开发项目实战，这些项目不是简单的“Hello World"，而是模拟真实业务场景，涵盖路由守卫、状态管理、动态组件加载、混合开发难点等，强迫你在实战中解决前后端交互、跨端兼容等复杂问题。此外，课程还专门针对前端工程化与安全进行了深度讲解，包括 Webpack/Vite 的构建优化、CDN 加速策略、前端安全漏洞防护、大前端之数据结构及算法等。这些内容往往是初级前端接触不到，但在工作中决定项目成败、面试提分的關鍵。学完这门课，你不仅能独立负责一个中大型前端的开发工作，还能独立进行项目重构与性能优化，具备独立排查复杂 Bug 的能力，甚至能看懂并维护开源项目。资料包中提供的配套代码库与算法练习，将配合视频内容，让你在做笔记的同时就能动手敲代码、调试运行，巩固每一个知识点，确保学完就能直接上手工作。

课程介绍

金渡 – Web前端高级进阶VIP班9期，（）整理发布。本课为Web前端高级进阶课，内容涵盖JS -基础语法必备篇， HTML5实例系列篇，进阶架构JS底层必备篇，紧跟前端潮流-ES6、7语法及核心API，深入剖析—前后端交互、设计模式，MVVM之Vue全家桶系列， Vue2.x源码分析， Vue企业级项目实战， Vue3.0项目实战，React全家桶，uniapp混合APP开发项目实战，全栈前端之工程化&安全，大前端之数据结构及算法，前端面试等。详见下方目录。

课程目录

├── 1玩透JS — 基础语法必备篇/
│ ├── [156M] 1.1第九期开班典礼
│ ├── [ 35M] 1.201-申明变量及变量命名
│ ├── [ 43M] 1.302-DOM选择器
│ ├── [ 69M] 1.403-DOM事件
│ ├── [ 88M] 1.504-document对象属性和方法
│ ├── [ 76M] 1.605-数据类型
│ ├── [105M] 1.706-字符串
│ ├── [ 39M] 1.807-数值
│ ├── [119M] 1.908-数组中常用的属性及方法
│ └── [ 42M] 1.1009-对象的定义方式
├── 2玩透JS — 基础语法必备篇/
│ ├── [ 32M] 2.110-对象属性的获取方式
│ ├── [ 40M] 2.211-对象的常用方法
│ ├── [ 52M] 2.312-函数的定义+自调+实参及形参理解
│ ├── [ 66M] 2.413-函数的封装和复用
│ ├── [ 72M] 2.514-运算符(比较、三元、逻辑)
│ ├── [ 23M] 2.615-预解析
│ ├── [ 41M] 2.716-作用域(全局作用域及局部作用域)
│ ├── [ 44M] 2.817-条件语句
│ ├── [ 39M] 2.919-for循环语句
│ └── [ 19M] 2.1020-forEach循环语句
├── 3玩透JS — 基础语法必备篇/
│ ├── [ 88M] 3.4canvas专题1：canvas基本绘制对象
│ ├── [ 72M] 3.5canvas专题2：canvas实现人物移动动画
│ ├── [110M] 3.6canvas专题3：小游戏-英雄攻关
│ ├── [ 39M] 3.7websocket专题1：基本连接
│ ├── [ 27M] 3.8websocket专题2：实时图表数据展示
│ ├── [ 76M] 3.9websocket专题3：聊天室
│ ├── [ 51M] 3.10浅析百度地图调用及定位
│ ├── [ 39M] 3.121-break、continue、return理解
│ ├── [ 52M] 3.222-while循环实现猜数字游戏
│ └── [ 54M] 3.323-初识正则表达式
├── 4HTML5实例系列篇/
│ ├── [ 28M] 4.1本地存储一：常用语法
│ ├── [ 30M] 4.2本地存储二：实现留言板
│ ├── [ 74M] 4.3文件上传专题一：单文件上传
│ ├── [ 21M] 4.4文件上传专题二：多文件上传
│ ├── [114M] 4.5文件上传专题三：大文件上传
│ └── [ 64M] 4.6音乐播放器
├── 5进阶架构JS底层必备篇/
│ ├── [266M] 5.1css js命名规范+堆栈溢出+垃圾回收
│ ├── [324M] 5.2创建对象+操作属性+数组方法（ES5~ES6）
│ ├── [267M] 5.3数组案例+深浅拷贝案例+构造函数
│ ├── [328M] 5.4原型详解+快速掌握预解析+变量作用域
│ ├── [278M] 5.5原型链来龙去脉+多种继承方式优略分析
│ ├── [275M] 5.6理解闭包+递归核心秘诀+JS事件流+委托
│ ├── [288M] 5.7JS进阶阶段知识串联【飞机大战游戏(一)】
│ ├── [309M] 5.8JS进阶阶段知识串联【飞机大战游戏(二)】
│ └── [266M] 5.9V8垃圾回收算法性能优化【飞机大战游戏(三)
├── 6ES6、7、8、9+深入剖析–前后端交互、设计模式/
│ ├── [276M] 6.1手写bind_let_const_箭头函数_模板字符串
│ ├── [287M] 6.2解构_展开运算符_rest_无限平铺数组_可选链
│ ├── [307M] 6.3Map、Set迭代器转数组 Map-Object性能对比
│ ├── [281M] 6.4WeakMap_WeakSet_WeakRef强弱引用Symbo
│ ├── [299M] 6.5ES6、7异步控制_PromiseAPI_全局捕获异常
│ ├── [287M] 6.6重写forEach_优雅await_事件循环
│ ├── [285M] 6.7阻塞渲染_模块化
│ ├── [350M] 6.8http协议请求头状态码+三次握手浏览器缓存
│ └── [325M] 6.9http长连接+同异步上传下载+分片上传下载
├── 7MVVM之Vue全家桶系列/
│ ├── [289M] 7.1RestAPI+前后端分离
│ ├── [298M] 7.2单点登录原理1+跨域详解+观察者模式
│ ├── [324M] 7.3单例_工厂_抽象工厂
│ ├── [281M] 7.4策略_装饰器_代理_适配
│ ├── [293M] 7.5环境介绍_编译原理_运行方式
│ ├── [342M] 7.6基本指令
│ ├── [354M] 7.7自定义指令_埋点
│ ├── [317M] 7.8CLI_脚手架启动过程_组件的概念
│ ├── [287M] 7.9组件通信
│ └── [335M] 7.10ref_watch_computed_filter_递归组件
├── 8Vue企业级项目实战/
│ ├── [312M] 8.1$nextTick_生命周期_keep-alive
│ ├── [287M] 8.2component动态件_render createElemen
│ ├── [304M] 8.3低代码引擎渲染_axios基本配置_拦截器
│ ├── [457M] 8.4取消请求_无感刷新token_取消重复请求
│ ├── [280M] 8.5路由原理_路由参数_嵌套路由_编程导航
│ ├── [339M] 8.6路由_vuex详解及企业级动态加载module方案
│ ├── [310M] 8.7架构搭建_三方库_登录组件
│ ├── [307M] 8.8JWT_登录鉴权_axios封装
│ ├── [312M] 8.9动态路由_无感刷新token_401_404(2)
│ └── [352M] 8.10解决拦截器问题布局组件动态菜单组件面包屑
├── 9Vue企业级项目实战/
│ ├── [348M] 9.1首页_退出_echarts组件封装
│ ├── [ 72M] 9.2老师网络有问题，这节课程不用听
│ ├── [321M] 9.3表单生成器1
│ ├── [351M] 9.4表单生成器2_表单验证
│ ├── [377M] 9.5bind二次的问题_创建管理员_封装弹窗方法
│ ├── [337M] 9.6函数深拷贝_封装登录_表格组件基本搭建
│ └── [316M] 9.7递归列组件_多表头_深层slots传递_
├── 10Vue企业级项目实战/
│ ├── [ 59M] 10.1继承覆盖组件_可拖拽指令_JSX使用指令
│ ├── [ 45M] 10.2axios数据转换_query组件_防抖_分页
│ ├── [399M] 10.3CRUD_pager混入_过滤器_业务
│ ├── [443M] 10.4封装优化_编辑_CRUD完结
│ ├── [382M] 10.5初审_终审
│ ├── [335M] 10.6用户列表及性能优化_标的管理(1)
│ ├── [357M] 10.7keep-alive动态缓存
│ ├── [454M] 10.8打包优化_部署
│ └── [278M] 10.9基本类型_数组_函数_接口_类
├── 11Vue企业级项目实战+TS + Vue3.0项目实战/
│ ├── [384M] 11.1泛型_type_交叉和联合类型_装饰器_断言
│ ├── [342M] 11.2vue3基础_setup_reactive_ref_slots_
│ ├── [370M] 11.3watch_computed_useXxx_renderJSX
│ ├── [307M] 11.4项目搭建_金渡外卖项目
│ ├── [299M] 11.5JSX环境说明_登录_首页_vmodel语法糖
│ ├── [326M] 11.6路由meta和监视路由_轮播图_九宫格
│ ├── [328M] 11.7处理ts的meta_商品列表
│ ├── [356M] 11.8商品列表双向联动
│ ├── [322M] 11.9商品列表组件封装+购物车布局
│ └── [290M] 11.10设置页面登录状态持久化+部署
├── 12React全家桶/
│ ├── [332M] 12.1设置页面登录状态持久化+部署
│ ├── [243M] 12.2基本写法_生命周期_数据传递
│ ├── [264M] 12.3常用hooks
│ ├── [308M] 12.4context_ref_路由
│ ├── [295M] 12.5redux_项目搭建
│ ├── [298M] 12.6登录_路由
│ ├── [272M] 12.7布局_头部组件_动态菜单
│ ├── [348M] 12.8监视路由_首页图表组件_表单组件
│ ├── [285M] 12.9城市管理_loading和表单优化
│ └── [322M] 12.10订单_员工_权限_表格组件及表单组件优化
├── 13玩转“双十一法宝”–Node.js基础/
│ ├── [ 22M] 13.1课程介绍_事件循环及node应用场景介绍
│ ├── [ 30M] 13.2环境安装及global
│ ├── [ 23M] 13.3process核心功能及__filename等
│ ├── [ 22M] 13.4require常用方法
│ ├── [ 24M] 13.5module及各种模块化方案
│ ├── 【更多it资源 www.】
│ ├── [ 22M] 13.6核心对象path、url常用方法
│ └── [ 23M] 13.7fs常用的同步方法
├── 14玩转“双十一法宝”–Node.js基础/
│ ├── [ 17M] 14.1fs方法的回调及Promise
│ ├── [ 30M] 14.2Koa快速入门及中间件思想及编写
│ ├── [ 36M] 14.3客户端渲染vs服务端渲染、模板引擎的配置
│ ├── [ 44M] 14.4cookie与session配置功能效果讲解
│ ├── [ 14M] 14.5报文_cookie和session对比
│ ├── [ 22M] 14.6路由参数_嵌套路由_状态码405和501介绍
│ └── [ 46M] 14.7数据库介绍_mongodb安装_CURD操作
├── 15全栈开发-Node.js企业级金融信贷项目/
│ ├── [ 30M] 15.1Mongodb高级查询
│ ├── [ 48M] 15.2mysql安装_CRUD操作(新版)
│ ├── [ 16M] 15.3SQL注入原理及解决方案
│ ├── [ 21M] 15.4mysql高级查询
│ ├── [ 24M] 15.5项目业务逻辑介绍及脚手架搭建
│ ├── [ 13M] 15.6session序列化的代码演示
│ ├── [ 50M] 15.7数据集导入和连接池查询
│ └── [ 48M] 15.8MVC实现登录功能
├── 16全栈开发-Node.js企业级金融信贷项目/
│ ├── [ 21M] 16.1中间件实现通用状态码处理
│ ├── [ 54M] 16.2JWT和cookie对比及封装token
│ ├── [ 54M] 16.3node调试及报名单验证token中间件
│ ├── [ 34M] 16.4出及token黑名单处理
│ ├── [ 28M] 16.5context上下文对象和挂载应用级别属性
│ ├── [ 59M] 16.6创建用户及用户列表实现
│ ├── [ 75M] 16.7前后端分页及申请的模糊查询
│ ├── [ 71M] 16.8创建贷款申请
│ ├── [ 51M] 16.9编辑申请功能
│ └── [ 23M] 16.10删除申请功能
├── 17全栈开发-Node.js企业级金融信贷项目/
│ ├── [ 38M] 17.1链表数据解构解决核心业务逻辑
│ ├── [ 46M] 17.2申请审批功能实现及完善业务逻辑判断
│ ├── [ 52M] 17.3初审和终审查询
│ ├── [ 53M] 17.4初审终审审批函数复用
│ ├── [ 12M] 17.5查看审核详情
│ ├── [ 58M] 17.6标的管理in查询功能的实现
│ ├── [ 73M] 17.7生成合同及officegen介绍
│ ├── [ 40M] 17.8下载功能的实现
│ ├── [ 28M] 17.9项目部署及PM2_云服务器
│ └── [ 38M] 17.10Vue的响应式底层原理讲解.wmv
├── 18大前端之手写底层原理 -vue2 源码分析知识点/
│ ├── [ 25M] 18.1Observe类的实现
│ ├── [ 15M] 18.2Vue类的的编写
│ ├── [ 37M] 18.3模板指令的插值表达式的查找
│ ├── [ 23M] 18.4Vue的指令编译操作
│ ├── [ 13M] 18.5Vue的插值表达式的编译
│ ├── [ 16M] 18.6Vue的发布订阅实现
│ ├── [ 22M] 18.7Vue基于发布订阅完成视图的更新
│ ├── [9.4M] 18.8Vue视图到模型的变化
│ ├── [ 21M] 18.9Vue的事件绑定指令实现
│ └── [9.5M] 18.10Vue计算属性的实现
├── 19手写vuex 知识点/
│ ├── [ 36M] 19.1vuex的基本使用
│ ├── [ 26M] 19.2vuex的install方法的实现
│ ├── [ 31M] 19.3vuex的state状态实现
│ ├── [ 21M] 19.4vuex的gettes实现
│ ├── [ 11M] 19.5vuex的mutations实
│ ├── [ 24M] 19.6vux的actions实现
│ ├── [ 19M] 19.7vuex的modules的实现
│ ├── [ 45M] 19.8vuex的modules的收集.
│ ├── [ 42M] 19.9vuex的modules的安装
│ └── [ 20M] 19.10modules的state和getter映射
├── 20手写Vue3源码/
│ ├── [ 27M] 20.1什么是响应式和副作用函数
│ ├── [ 26M] 20.2Proxy的基本使用
│ ├── [ 15M] 20.3利用Proxy实现基础版的reactive函数
│ ├── [ 11M] 20.4利用 reactive 实现最基础的响应式系统
│ ├── [ 21M] 20.5实现属性和副作用函数的一对多的处理
│ ├── [ 15M] 20.6多个属性的副作用函数收集思路分析
│ ├── [ 30M] 20.7利用Map完成依赖收集
… 其余 107 项略，目录共 307 项