🔥 金渡教育Web前端高级进阶VIP班-09期

前端开发

课程简介

这套 09 期的内容定位很明确：不是把你从零带进门，而是给已经写过页面、能上手 Vue 但遇到复杂需求就卡壳的人补结构化的基本功。它的编排思路是从 JS 语言层面的细节重新挖一遍，再往上接数据结构与算法，最后落到 Vue 的企业级项目组织方式。三个层次之间不是简单并列，而是可以互相印证——你在项目里遇到的响应式失效、渲染性能、状态管理混乱，往下追往往能追到…

已有 5 人浏览发布 2026-08-30 更新 2026-09-08

JS 部分：把"会用"变成"讲得清"

这部分的价值在于它没有停留在 API 罗列。以正则表达式为例，很多开发者是"抄一个能跑就不管了"，而这里是从匹配原理、贪婪与惰性、分组捕获与回溯这几个点切进去，讲清楚为什么某些写法会慢、为什么边界条件容易漏。闭包、原型链、this 绑定、事件循环这些老话题，判断讲得好不好的标准只有一个：能不能解释清楚执行顺序和内存层面的因果关系，而不是背结论。break 与 continue 这类基础控制流的细致区分，也说明它在补的是"精确表达"的能力，而不是堆知识点。

Canvas 专题是这套里比较少见的部分，从人物移动动画到小游戏实现，涉及的是帧循环、坐标系统、碰撞检测这些和框架无关的硬技能。这类内容对理解浏览器渲染节奏很有帮助——你写完这段再回头看 Vue 的更新时机和 requestAnimationFrame 的配合，会顺很多。建议的方式是：视频看一段就自己重写一遍，尤其是动画的坐标计算，光看很难建立手感。

数据结构与算法：前端场景下的落点

前端讲算法很容易变成刷题课，这里更值得关注的是它和实际场景的连接点：数组与对象的遍历成本、树结构在组件树和菜单渲染中的对应、去重与查找在列表数据里的复杂度差异。学这部分时，建议把每个结构都往你手头的项目里套一次——比如虚拟列表为什么用那种数据结构、深层嵌套表单怎么拍平。能落到具体代码上的算法才是可复用的，否则过两周就忘了。

Vue 企业级项目实战：看的是组织方式

项目实战最容易被当成"跟着敲一遍"，但真正该盯的是工程结构决策：目录怎么按领域拆分而不是按文件类型拆、请求层怎么统一拦截与错误处理、跨组件状态放在哪一层、路由与权限如何解耦、可复用逻辑抽成 composable 的边界在哪。这些决策在视频里往往一带而过，却恰恰是你自己项目里最容易出问题的地方。看的时候可以把它的目录结构和你的项目并排对照，逐条问"它为什么这么放"。

怎么用这份资料

先扫一遍 JS 部分，挑你讲不清的知识点逐个补，别按顺序硬刷。
Canvas 与算法部分动手重写，动画和结构自己实现一遍再对答案。
项目实战部分重点看目录组织、请求封装和状态分层，直接迁移到现有工程里试。
面试技巧那部分当作查漏清单用，检验前面几块是否真的讲得出来。

整体来说，这是一份适合拿来对照实践的进阶材料，而不是看完就结束的视频课。它的密度偏高，跳着看、反复看、边看边改自己的代码，收益会比一次性刷完大得多。

🔥 金渡教育Web前端高级进阶VIP班-09期

Web前端进阶实战培训

编辑点评

深度解析前端技术，涵盖JS高级语法、数据结构与算法、Vue企业级项目实战，助力进阶。

⭐ 编辑推荐

🔥 金渡教育Web前端高级进阶VIP班-09期，全方位提升前端技能，打造实战型前端工程师。

✨ 课程亮点

✦JS高级语法深入解析

✦数据结构与算法实战训练

✦Vue企业级项目实战

✦面试技巧提升

课程目录

3玩透JS -- 基础语法必备篇10 集

3.323-初识正则表达式.mp4 [53.5 MB]
3.6canvas专题3：小游戏-英雄攻关【优质资源‖关注：cunWorkNotes 解锁】.mp4 [110.4 MB]
3.5canvas专题2：canvas实现人物移动动画【优质资源‖关注：cunWorkNotes 解锁】.mp4 [72.0 MB]
3.121-break銆乧ontinue銆乺eturn鐞嗚В.mp4 [39.3 MB]
3.8websocket专题2：实时图表数据展示.mp4 [27.3 MB]
3.10浅析百度地图调用及定位.mp4 [50.8 MB]
3.222-while循环实现猜数字游戏.mp4 [52.4 MB]
3.7websocket专题1：基本连接.mp4 [38.7 MB]
3.9websocket专题3：聊天室.mp4 [76.4 MB]
3.4canvas专题1：canvas基本绘制对象.mp4 [88.4 MB]

29大前端之数据结构及算法5 集

29.2数据结构-红黑树.mp4 [195.0 MB]
29.4数据结构-图..mp4 [232.0 MB]
29.1数据结构-二叉搜索树.mp4 [223.9 MB]
29.6鎺掑簭绠楁硶.mp4 [224.1 MB]
29.3数据结构-图.mp4 [209.3 MB]

32面试专题：简历修改+模拟面试2 集

32.2Antd树组件优化_百度地图API_公共弹窗组件.mp4 [391.2 MB]
32.1面试专题：简历修改+模拟面试.mp4 [340.7 MB]

31大厂之剑指offer5 集

31.4程序猿发展，进阶路线.mp4 [47.7 MB]
更多资源请访问【优质资源‖关注：cunWorkNotes 解锁】.ORG-网盘云盘资源分享共享网站.url [120.0 B]
31.1Vue应用层面试题（三）.mp4 [20.7 MB]
31.2Vue原理之侦听器实现.mp4 [48.3 MB]
31.3Vue2响应式实现..mp4 [43.9 MB]

9Vue企业级项目实战6 集

9.5bind二次的问题_创建管理员_封装弹窗方法.mp4 [376.5 MB]
9.6函数深拷贝_封装登录_表格组件基本搭建.mp4 [337.4 MB]
9.7递归列组件_多表头_深层slots传递_.mp4 [316.2 MB]
9.1首页_退出_echarts组件封装.mp4 [348.0 MB]
9.2老师网络有问题，这节课程不用听.mp4 [72.1 MB]
9.4表单生成器2_表单验证.mp4 [350.9 MB]

17全栈开发-Node.js企业级金融信贷项目11 集

17.8下载功能的实现【不易整理‖请关注：CunWorkNoteS】.mp4 [40.5 MB]
17.3初审和终审查询-.mp4 [51.8 MB]
更多资源请访问【公重号：CunWorkNotes】.ORG-网盘云盘资源分享共享网站.url [120.0 B]
17.2申请审批功能实现及完善业务逻辑判断.mp4 [45.8 MB]
17.4初审终审审批函数复用【资源精选‖更多关注：CunworkNotes】.mp4 [52.9 MB]
17.6标的管理in查询功能的实现.mp4 [57.7 MB]
17.7生成合同及officegen介绍.mp4 [72.6 MB]
17.1链表数据解构解决核心业务逻辑.mp4 [37.6 MB]
17.5查看审核详情.mp4 [12.0 MB]
17.9项目部署及PM2_云服务器.mp4 [28.5 MB]
17.10Vue的响应式底层原理讲解.wmv.mp4 [38.5 MB]

28大前端之数据结构及算法7 集

6ES6、7、8、9+深入剖析--前后端交互、设计模式8 集

6.2解构_展开运算符_rest_无限平铺数组_可选链.mp4 [286.7 MB]
6.7阻塞渲染_模块化.mp4 [285.3 MB]
6.5ES6、7异步控制_PromiseAPI_全局捕获异常.mp4 [299.0 MB]
6.1手写bind_let_const_箭头函数_模板字符串.mp4 [276.0 MB]
6.6重写forEach_优雅await_事件循环.mp4 [287.2 MB]
6.8http协议请求头状态码+三次握手浏览器缓存.mp4 [349.5 MB]
6.9http长连接+同异步上传下载+分片上传下载.mp4 [324.7 MB]
6.3Map、Set迭代器转数组 Map-Object性能对比.mp4 [306.5 MB]

30大厂之剑指offer5 集

30.4js原型链与继承.mp4 [29.2 MB]
30.8vue面试题，应用层（一）.mp4 [44.1 MB]
30.7前端面试题之ES6相关面试题.mp4 [34.1 MB]
30.9Vue面试题，原理层（二）.mp4 [54.4 MB]
30.1面试准备，大厂要求.mp4 [53.2 MB]

21手写vue-router 知识点9 集

21.5vue-router的基本使用【优质资源‖关注：cunWorkNotes 解锁】.mp4 [37.9 MB]
21.4vuex的辅助函数的实现【整理不易‖记得关注：CunWorKNotes】.mp4 [16.9 MB]
21.9vue-router的路由记录的匹配操作.mp4 [35.6 MB]
21.3vuex的插件机制实现.mp4 [21.4 MB]
21.7vue-router的routes扁平化处理.mp4 [39.6 MB]
21.1vuex的modules的命名空间的实现-.mp4 [30.1 MB]
21.8router的transitionto路由跳转.mp4 [27.0 MB]
21.10vue-route的路由响应式处理.mp4 [18.8 MB]
21.2vuex的插件使用.mp4 [15.2 MB]

16全栈开发-Node.js企业级金融信贷项目9 集

16.7前后端分页及申请的模糊查询【优质资源‖关注：cunWorkNotes 解锁】.mp4 [74.9 MB]
16.6创建用户及用户列表实现.mp4 [58.7 MB]
16.3node调试及报名单验证token中间件.mp4 [53.7 MB]
16.4出及token黑名单处理.mp4 [33.9 MB]
16.8创建贷款申请.mp4 [71.3 MB]
16.9编辑申请功能.mp4 [51.0 MB]
16.5context上下文对象和挂载应用级别属性.mp4 [28.0 MB]
16.10删除申请功能.mp4 [23.1 MB]
16.1中间件实现通用状态码处理.mp4 [20.9 MB]

20手写Vue3源码11 集

20.8副作用注册函数的名称相关注意事项【公重号：CunWorkNotes】.mp4 [8.7 MB]
更多资源请访问.ORG-网盘云盘资源分享共享网站.url [120.0 B]
20.3利用Proxy实现基础版的reactive函数.mp4 [14.8 MB]
20.7利用Map完成依赖收集.mp4 [30.2 MB]
20.2Proxy的基本使用.mp4 [26.2 MB]
20.9多响应式对象的响应式处理.mp4 [24.7 MB]
20.4利用 reactive 实现最基础的响应式系统.mp4 [10.5 MB]
20.10WeakMap的使用.mp4 [38.0 MB]
20.6多个属性的副作用函数收集思路分析.mp4 [14.8 MB]
20.1什么是响应式和副作用函数.mp4 [26.5 MB]
20.5实现属性和副作用函数的一对多的处理-.mp4 [20.5 MB]

11Vue企业级项目实战+TS + Vue3.0项目实战9 集

11.4项目搭建_金渡外卖项目.mp4 [306.9 MB]
11.8商品列表双向联动【公重号：CunWorkNotes】.mp4 [356.2 MB]
11.2vue3基础_setup_reactive_ref_slots_【更多精选‖公众号：CunWorknotes】 .mp4 [341.5 MB]
11.6路由meta和监视路由_轮播图_九宫格-【整理不易‖记得关注：CunWorKNotes】.mp4 [326.1 MB]
11.10设置页面登录状态持久化+部署.mp4 [289.9 MB]
11.5JSX环境说明_登录_首页_vmodel语法糖.mp4 [299.5 MB]
11.7处理ts的meta_商品列表.mp4 [327.7 MB]
11.1泛型_type_交叉和联合类型_装饰器_断言.mp4 [384.2 MB]
11.9商品列表组件封装+购物车布局.mp4 [322.4 MB]

2玩透JS -- 基础语法必备篇7 集

2.514-运算符(比较、三元、逻辑)【公重号：CunWorkNotes】.mp4 [72.4 MB]
更多资源请访问.ORG-网盘云盘资源分享共享网站.url [120.0 B]
2.110-对象属性的获取方式.mp4 [32.0 MB]
2.413-函数的封装和复用.mp4 [65.8 MB]
2.211-对象的常用方法.mp4 [40.3 MB]
2.716-作用域(全局作用域及局部作用域).mp4 [41.5 MB]
2.312-函数的定义+自调+实参及形参理解.mp4 [51.6 MB]

19手写vuex 知识点8 集

19.1vuex的基本使用.mp4 [35.6 MB]
19.9vuex的modules的安装【资源精选‖更多关注：CunworkNotes】.mp4 [41.9 MB]
19.10modules鐨剆tate鍜実etter鏄犲皠.mp4 [19.9 MB]
19.6vux的actions实现.mp4 [24.3 MB]
19.3vuex的state状态实现.mp4 [30.7 MB]
19.7vuex的modules的实现.mp4 [18.5 MB]
19.2vuex的install方法的实现.mp4 [26.3 MB]
19.4vuex的gettes实现.mp4 [21.0 MB]

1玩透JS -- 基础语法必备篇7 集

1.807-数值【整理不易‖记得关注：CunWorKNotes】.mp4 [38.8 MB]
1.605-数据类型【优质资源‖关注：cunWorkNotes 解锁】.mp4 [75.8 MB]
1.504-document对象属性和方法.mp4 [87.7 MB]
1.201-申明变量及变量命名.mp4 [34.7 MB]
1.1009-对象的定义方式.mp4 [42.3 MB]
1.1第九期开班典礼.mp4 [156.0 MB]
1.908-数组中常用的属性及方法-.mp4 [119.4 MB]

8Vue企业级项目实战8 集

8.2component动态件_render createElemen【整理不易‖记得关注：CunWorKNotes】.mp4 [287.5 MB]
8.3低代码引擎渲染_axios基本配置_拦截器.mp4 [303.7 MB]
8.8JWT_登录鉴权_axios封装.mp4 [306.6 MB]
8.6路由_vuex详解及企业级动态加载module方案.mp4 [338.9 MB]
8.10解决拦截器问题布局组件动态菜单组件面包屑.mp4 [351.9 MB]
8.7架构搭建_三方库_登录组件.mp4 [309.6 MB]
8.4取消请求_无感刷新token_取消重复请求.mp4 [457.4 MB]
8.5路由原理_路由参数_嵌套路由_编程导航-.mp4 [280.4 MB]

10Vue企业级项目实战7 集

10.8打包优化_部署.mp4 [454.1 MB]
10.1继承覆盖组件_可拖拽指令_JSX使用指令【持续更新‖免费提供：CunworknoteS】.mp4 [58.7 MB]
10.2axios数据转换_query组件_防抖_分页.mp4 [45.4 MB]
更多资源请访问.ORG-网盘云盘资源分享共享网站.url [120.0 B]
10.9基本类型_数组_函数_接口_类.mp4 [277.9 MB]
10.3CRUD_pager混入_过滤器_业务.mp4 [399.0 MB]
10.6用户列表及性能优化_标的管理.mp4 [334.8 MB]

7MVVM之Vue全家桶系列9 集

7.4策略_装饰器_代理_适配.mp4 [281.0 MB]
7.9缁勪欢閫氫俊.mp4 [287.4 MB]
7.2单点登录原理1+跨域详解+观察者模式.mp4 [297.8 MB]
7.10ref_watch_computed_filter_閫掑綊缁勪欢.mp4 [335.2 MB]
7.5环境介绍_编译原理_运行方式.mp4 [292.8 MB]
7.8CLI_脚手架启动过程_组件的概念.mp4 [317.2 MB]
7.7自定义指令_埋点.mp4 [354.4 MB]
7.6鍩烘湰鎸囦护-.mp4 [342.4 MB]
7.3单例_工厂_抽象工厂.mp4 [324.4 MB]

18大前端之手写底层原理 -vue2 源码分析知识点9 集

13玩转“双十一法宝”--Node.js基础7 集

13.2环境安装及global【公重号：CunWorkNotes】.mp4 [29.7 MB]
13.6核心对象path、url常用方法【持续更新‖免费提供：CunworknoteS】.mp4 [21.7 MB]
13.7fs常用的同步方法.mp4 [23.5 MB]
13.1课程介绍_事件循环及node应用场景介绍.mp4 [22.3 MB]
13.5module及各种模块化方案-.mp4 [24.5 MB]
13.4require甯哥敤鏂规硶.mp4 [21.8 MB]
13.3process核心功能及__filename等.mp4 [23.3 MB]

23手写promise 知识点7 集

23.7next方法接收参数【公重号：CunWorkNotes】.mp4 [13.8 MB]
23.2Promise的all静态方法【优质资源‖关注：cunWorkNotes 解锁】.mp4 [15.2 MB]
23.10myco库的实现.mp4 [10.1 MB]
23.9co库完成next自动调用.mp4 [16.4 MB]
23.4瀹炰緥鏂规硶finally.mp4 [10.9 MB]
23.8generator生成器搭配Promise使用-.mp4 [20.1 MB]
23.6generator生成器函数解决异步嵌套问题.mp4 [14.1 MB]

14玩转“双十一法宝”--Node.js基础7 集

14.4cookie与session配置功能效果讲解.mp4 [43.8 MB]
14.6路由参数_嵌套路由_状态码405和501介绍【资源精选‖更多关注：CunworkNotes】.mp4 [22.1 MB]
14.5报文_cookie和session对比【不易整理‖请关注：CunWorkNoteS】.mp4 [14.3 MB]
14.3客户端渲染vs服务端渲染、模板引擎的配置【优质资源‖关注：cunWorkNotes 解锁】.mp4 [35.7 MB]
14.7数据库介绍_mongodb安装_CURD操作-【更多精选‖公众号：CunWorknotes】 .mp4 [45.7 MB]
14.1fs方法的回调及Promise.mp4 [17.3 MB]
14.2Koa快速入门及中间件思想及编写.mp4 [29.8 MB]

27大前端之浏览器专题+安全专题7 集

27.8DDOS【持续更新‖免费提供：CunworknoteS】.mp4 [204.7 MB]
27.3重绘重排【更多精选‖公众号：CunWorknotes】 .mp4 [123.7 MB]
更多资源请访问.ORG-网盘云盘资源分享共享网站.url [120.0 B]
27.1宏观视角下的浏览器.mp4 [136.6 MB]
27.4强缓存和协商缓存.mp4 [60.4 MB]
27.2浏览器渲染流程.mp4 [135.7 MB]
27.5浏览器的网络和安全.mp4 [150.0 MB]

5进阶架构JS底层必备篇9 集

5.9V8垃圾回收算法性能优化.mp4 [266.1 MB]
5.6理解闭包+递归核心秘诀+JS事件流+委托【持续更新‖免费提供：CunworknoteS】.mp4 [275.4 MB]
5.3数组案例+深浅拷贝案例+构造函数.mp4 [266.9 MB]
5.7JS进阶阶段知识串联【飞机大战游戏(一)】.mp4 [287.7 MB]
5.8JS进阶阶段知识串联【飞机大战游戏(二)】.mp4 [308.7 MB]
5.1css js命名规范+堆栈溢出+垃圾回收.mp4 [265.7 MB]
5.4原型详解+快速掌握预解析+变量作用域.mp4 [328.2 MB]
5.2创建对象+操作属性+数组方法（ES5~ES6）.mp4 [324.4 MB]
5.5原型链来龙去脉+多种继承方式优略分析-.mp4 [277.5 MB]

24手写webpack 知识点7 集

24.5AST抽象语法树的删除操作.mp4 [20.7 MB]
24.2AST抽象语法树简介.mp4 [21.5 MB]
24.8jdwebpack工具包的开发【持续更新‖免费提供：CunworknoteS】.mp4 [25.6 MB]
24.10webpack的多个依赖打包分析【整理不易‖记得关注：CunWorKNotes】.mp4 [21.6 MB]
24.4AST抽象语法树的创建操作.mp4 [31.2 MB]
24.6AST抽象语法树的总结.mp4 [15.7 MB]
24.3AST抽象语法树的修改操作.mp4 [50.3 MB]

12React全家桶9 集

12.10订单_员工_权限_表格组件及表单组件优化.mp4 [321.6 MB]
12.5redux_项目搭建【优质资源‖关注：cunWorkNotes 解锁】.mp4 [295.5 MB]
12.2基本写法_生命周期_数据传递.mp4 [242.7 MB]
12.6登录_路由.mp4 [297.8 MB]
12.9城市管理_loading和表单优化.mp4 [285.3 MB]
12.1设置页面登录状态持久化+部署.mp4 [331.9 MB]
12.4context_ref_路由.mp4 [308.3 MB]
12.8监视路由_首页图表组件_表单组件.mp4 [347.7 MB]
12.7布局_头部组件_动态菜单.mp4 [272.5 MB]

22手写promise 知识点9 集

25手写webpack 知识点9 集

15全栈开发-Node.js企业级金融信贷项目6 集

15.2mysql安装_CRUD操作(新版).mp4 [47.8 MB]
15.7数据集导入和连接池查询【优质资源‖关注：cunWorkNotes 解锁】.mp4 [50.3 MB]
15.5项目业务逻辑介绍及脚手架搭建.mp4 [24.3 MB]
15.6session序列化的代码演示.mp4 [13.0 MB]
15.3SQL注入原理及解决方案-.mp4 [15.7 MB]
15.8MVC实现登录功能.mp4 [48.1 MB]

4HTML5实例系列篇5 集

4.1本地存储一：常用语法.mp4 [28.4 MB]
4.5文件上传专题三：大文件上传.mp4 [114.1 MB]
4.4文件上传专题二：多文件上传.mp4 [21.5 MB]
4.2本地存储二：实现留言板-.mp4 [30.2 MB]
4.3文件上传专题一：单文件上传.mp4 [74.1 MB]

26手写webpack 知识点3 集

26.3涓簀dpack澧炲姞plugin鍔熻兘.mp4 [18.7 MB]
26.2手写MyCleanWebpackPlugin插件.mp4 [31.7 MB]
26.1webpack插件的基本使用.mp4 [15.4 MB]

适合人群

前端开发者
希望进阶的前端工程师
求职者

🎯 学习收获

掌握JS高级语法
精通数据结构与算法
具备Vue企业级项目实战能力
提升面试技巧

🎉 祝您学习愉快！