[入门到精通]mk体系课-2025前端高级工程师（大前端）

├─{1}--阶段一：“技术成长&职业破局”双高体系 │   ├─{1}--前端高级工程师成长心经 │   │   ├─{1}--第1章 课程导学：课程设计、核心价值体现、服务与资源 │   │   │   (1.1.1.1)--1-2 开启学习之旅：探索《大前端-高级前端工程师》【必看】.pdf │   │   │   [1.1.1.1]--1-1 课程导学（快速了解课程）.mp4 │   │   │ │   │   ├─{2}--第2章 高级前端工程师成长心经 │   │   │   [1.1.2.1]--2-1 职业线路：面对行业与职场双重冲击，应该如何发展？.mp4 │   │   │   [1.1.2.2]--2-2 JS 精通能力：前端技术进化史，深入JavaScript.mp4 │   │   │   [1.1.2.3]--2-3 【扩展】法律知识普及：我不能访问github怎么办？.mp4 │   │   │   [1.1.2.4]--2-4 深度框架能力：核心技术如何综合深度运用（当下三大框架、T.mp4 │   │   │   [1.1.2.5]--2-5 全栈能力：前端全栈能力Node.mp4 │   │   │   [1.1.2.6]--2-6 多端能力：多哪些技术是多端开发必知必会.mp4 │   │   │   [1.1.2.7]--2-7 全流程能力：前端相关开发工作流，不同项目的应对方案.mp4 │   │   │   [1.1.2.8]--2-8 工程化&自动化能力：自动化与工程化技术路径，学会用or造.mp4 │   │   │   [1.1.2.9]--2-9 架构能力：前端工程师的架构学习路线&ChatGPT设计案.mp4 │   │   │   [1.1.2.10]--2-10 大型项目架构设计：从单体到云架构的演进.mp4 │   │   │   [1.1.2.11]--2-11 本章小结-.mp4 │   │   │ │   │   ├─{2}--附件 │   │   │   (1.1.1)--课程导学.pdf │   │   │   (1.1.2)--第一周 PPT.pdf │   │   │   (1.1.3)--ChatGPT介绍.pdf │   │   │   (1.1.4)--JS 精通能力 前端技术进化史和深入JavaScript.pdf │   │   │   (1.1.5)--程序员职业规划.pdf │   │   │   (1.1.6)--开发工作流 不同项目的应对方案.pdf │   │   │   (1.1.7)--开发工作流及重要性.pdf │   │   │   (1.1.8)--前端架构设计.pdf │   │   │   (1.1.9)--Node.js环境工作流.zip │   │   │   (1.1.10)--架构设计及原则.zip │   │   │   (1.1.11)--第一周 resources.zip │   │   │ │   │   ├─{3}--第3章 进阶中高级前端瓶颈及解决方案 │   │   │   (1.1.3.1)--3-8 案例1在阿里做前端程序员，我是这样规划的.pdf │   │   │   (1.1.3.2)--3-9 案例2老程序员的一点感悟给未来的程序员.pdf │   │   │   [1.1.3.1]--3-1 章导学：在成长提升的道路上，总会遇到各种瓶颈，如何攻破？.mp4 │   │   │   [1.1.3.2]--3-2 环境瓶颈：如果在小公司&业务单一如何找到发展线路.mp4 │   │   │   [1.1.3.3]--3-3 发展瓶颈：技术路线or职业路线？程序员的年龄坎怎么破？.mp4 │   │   │   [1.1.3.4]--3-4 技术瓶颈：找准前端的核心竞争力.mp4 │   │   │   [1.1.3.5]--3-5 实战瓶颈：高级前端进阶路径N种方式.mp4 │   │   │   [1.1.3.6]--3-6 学习瓶颈：在信息爆炸的时代做好信息过滤、筛选（开源AI项.mp4 │   │   │   [1.1.3.7]--3-7 认清自己：如何定位好当下的自己，设置成长路线.mp4 │   │   │   [1.1.3.8]--3-10 章小结及作业：自己目前的状态与定位.mp4 │   │   │ │   │   ├─{4}--第4章 成为高级前端工程师背后的成长方法论【从初到中阶前端】 │   │   │   [1.1.4.1]--4-1 【自评】规划未来：中阶前端进阶养成计划.mp4 │   │   │   [1.1.4.2]--4-2 规划篇：初阶前端技术路线的规划.mp4 │   │   │   [1.1.4.3]--4-3 心态篇：国内外越来越卷，怎么找到合适的自己的位置.mp4 │   │   │   [1.1.4.4]--4-4 技术观：技术焦虑怎么解？前沿技术怎么学习？.mp4 │   │   │   [1.1.4.5]--4-5 实战篇： 跳出前端工程师的舒适区，从全栈项目开始.mp4 │   │   │   [1.1.4.6]--4-6 实战篇： 参与开源项目or外包项目，提升认知与打交道能力.mp4 │   │   │ │   │   └─{5}--第5章 成为高级前端工程师背后的成长方法论【从中到高阶前端】 │   │       (1.1.5.1)--5-5 自律能力培养：路径、方法、案例分享.pdf │   │       (1.1.5.2)--5-6 他律办法：通过App养成好习惯&实用养成小技巧.pdf │   │       (1.1.5.3)--5-7 社群社交能力培养：社交平台介绍与推荐.pdf │   │       (1.1.5.4)--5-12 番外：注册与体验ChatGPT.pdf │   │       (1.1.5.5)--5-14 常见词汇.pdf │   │       [1.1.5.1]--5-1 【自评】规划未来：怎么从中阶到高阶前端.mp4 │   │       [1.1.5.2]--5-2 规划篇：中阶到高阶前端技术路线的规划.mp4 │   │       [1.1.5.3]--5-3 心态篇：职业危机、中年危机怎么破.mp4 │   │       [1.1.5.4]--5-4 心态篇：前端技术危机——AI带来的技术危机及怎么破.mp4 │   │       [1.1.5.5]--5-8 实战篇：多端跨端的开发能力.mp4 │   │       [1.1.5.6]--5-9 实战篇：大型项目的开发与架构能力1.mp4 │   │       [1.1.5.7]--5-10 实战篇：大型项目的开发与架构能力2.mp4 │   │       [1.1.5.8]--5-11 番外：AI实用工具&ChatGPT注册.mp4 │   │       [1.1.5.9]--5-13 番外：国外远程工作平台及注意事项.mp4 │   │ │   │ │   └─{2}--大型复杂项目需求分析及整体架构设计 │       ├─{1}--第1章 周导学：项目需求分析与架构设计的主要内容 │       │   [1.2.1.1]--1-1 章导学.mp4 │       ├─{2}--第2章 整体项目需求分析：从能力出发全面了解项目设计的前因后果 │       │   [1.2.2.1]--2-1 项目整体设计：我为什么做了这门课？.mp4 │       │   [1.2.2.2]--2-2 项目业务需求分析：明确范围与功能需求.mp4 │       │   [1.2.2.3]--2-3 项目技术需求分析：明确技术需求与约束条件.mp4 │       │   [1.2.2.4]--2-4 用户需求分析与竞品分析：明确使用场景.mp4 │       │   [1.2.2.5]--2-5 整体需求分析总结：项目需求及产出.mp4 │       ├─{2}--附件 │       │   (1.2.1)--第2周PPT.pdf │       │   (1.2.4)--HTTP状态码.pdf │       │   (1.2.5)--UML统一建模语言.pdf │       │   (1.2.6)--产品文档模板.pdf │       │   (1.2.7)--复杂业务中的全局思维-怎么做好技术选型长远计划.pdf │       │   (1.2.8)--工作流-技术栈更新与维护方案.pdf │       │   (1.2.9)--功能拆分的技巧-如何确定核心业务.pdf │       │   (1.2.10)--绘制架构图.pdf │       │   (1.2.11)--集群架构vs分布式架构.pdf │       │   (1.2.12)--架构决策记录（ADR）模板.pdf │       │   (1.2.13)--架构设计.pdf │       │   (1.2.14)--架构验证工件 RAID模板.pdf │       │   (1.2.15)--接口设计的规范-RESTful接口设计规范4大内容.pdf │       │   (1.2.16)--接口文档工具.pdf │       │   (1.2.17)--微服务架构设计模式.pdf │       │   (1.2.18)--系统文档模板.pdf │       │   (1.2.19)--项目技术需求分析.pdf │       │   (1.2.20)--项目需求分析的主要内容有哪些.pdf │       │   (1.2.21)--项目业务需求分析.pdf │       │   (1.2.22)--写好文档必备-Markdown前端同学必会的一门语言.pdf │       │   (1.2.23)--学习资源寻找逻辑-如何高效地找到优质前端学习资源.pdf │       │   (1.2.24)--易混淆的项目文档-接口文档 系统文档 产品文档.pdf │       │   (1.2.25)--用户需求分析.pdf │       │   (1.2.26)--折中的艺术-技术方案评估中需要注意的点.pdf │       │   (1.2.2)--nginx.zip │       │   (1.2.3)--software.zip │       │   (1.2.27)--工作流-技术栈更新与维护方案.zip │       ├─{3}--第3章 项目技术选型：复杂业务中怎么快速完成闭环 │       │   [1.2.3.1]--3-1 复杂业务中的全局思维：技术选型长远计划.mp4 │       │   [1.2.3.2]--3-2 折中的艺术：技术方案评估中需要注意的点.mp4 │       │   [1.2.3.3]--3-3 功能拆分的技巧：确定核心业务.mp4 │       │   [1.2.3.4]--3-4 工作流：技术栈更新与维护方案.mp4 │       ├─{4}--第4章 整体架构设计：架构是什么？设计系统架构图 │       │   [1.2.4.1]--4-1 架构师能力：架构设计是什么？深入理解架构设计.mp4 │       │   [1.2.4.2]--4-2 扩展架构：水平&垂直扩展.mp4 │       │   [1.2.4.3]--4-3 高性能架构：什么是TPS&QPS、如何设计高并发架构？.mp4 │       │   [1.2.4.4]--4-4 高可用架构：本地高可用架构&逻辑保护.mp4 │       │   [1.2.4.5]--4-5 高可用架构：容灾多活.mp4 │       │   [1.2.4.6]--4-6 高安全架构：安全策略.mp4 │       │   [1.2.4.7]--4-7 可伸缩架构：微服务&kubernetes.mp4 │       │   [1.2.4.8]--4-8 架构设计案例：小闭环项目架构设计.mp4 │       │   [1.2.4.9]--4-9 架构演进&微服务架构.mp4 │       ├─{5}--第5章 番外：静态文档工具及Markdown介绍 │       │   [1.2.5.1]--5-1 写好文档必备：Markdonw前端同学必会的一门语言.mp4 │       {6}--第6章 接口设计及系统文档规范 │           [1.2.6.1]--6-1 易混淆的项目文档：接口文档、系统文档、产品文档等.mp4 │           [1.2.6.2]--6-2 RESTful接口设计：接口文档工具&接口文档自动生成.mp4 │ │ ├─{2}--阶段二：【全栈开发能力-通识强化】PC端最小闭环打造全栈思维和实战 │   ├─{1}--需求分析能力：与产品、后端沟通，设计工具 │   │   ├─{1}--第1章 夯实基础，助力工作与效率 │   │   │   [2.1.1.1]--1-1 小闭环项目章导学.mp4 │   │   │   [2.1.1.2]--1-2 原型图绘制比较：基本流程和使用模板.mp4 │   │   │   [2.1.1.3]--1-3 [扩展]figma中的AI设计插件wireframe-d.mp4 │   │   │   [2.1.1.4]--1-4 业务原型图绘制技巧.mp4 │   │   │   [2.1.1.5]--1-5 [扩展]AI图片工具：配图&公众号首图&高保真素材.mp4 │   │   │   [2.1.1.6]--1-6 [扩展]AI编程：爽的飞起，Codeium写代码&Con.mp4 │   │   │ │   │   ├─{2}--第2章 用什么：前端技术及UI组件库（学习资源推荐） │   │   │   [2.1.2.1]--2-1 前端UI库：跨端&移动端&大屏方案介绍.mp4 │   │   │   [2.1.2.2]--2-2 [作业]如何寻找合适的前端技术方案：package.js.mp4 │   │   │   [2.1.2.3]--2-3 番外：Vue生态及发展，是否要放弃Vue2？.mp4 │   │   │   [2.1.2.4]--2-4 技术栈选型：Vue与React如何选择？.mp4 │   │   │   [2.1.2.5]--2-5 技术栈选型：框架的生态考量，必逛的awesome项目.mp4 │   │   │ │   │   ├─{2}--附件 │   │   │   (2.1.1)--第三周PPT.pdf │   │   │   (2.1.2)--第三周 resources.zip │   │   │   (2.1.3)--Axure RP原型图示例.zip │   │   │ │   │   └─{3}--第3章 项目技术选型 │   │       [2.1.3.1]--3-1 小闭环项目：项目技术栈选型.mp4 │   │       [2.1.3.2]--3-2 工作流详解：回顾开发工作流.mp4 │   │       [2.1.3.3]--3-3 [扩展]工作流：测试相关工作流及文档.mp4 │   │       [2.1.3.4]--3-4 [AI]项目接口设计&接口文档方案选型.mp4 │   │ │   │ │   ├─{2}--玩转Node.js：前端开发&调试双击破 │   │   ├─{1}--第1章 Node.js开发环境初始化 │   │   │   [2.2.1.1]--1-1 node开发环境搭建：常见工作流介绍&yarn&pnpm.mp4 │   │   │   [2.2.1.2]--1-2 [加餐]Terminal终端工具推荐-.mp4 │   │   │   [2.2.1.3]--1-3 番外：语义化的版本号&npm version命令-.mp4 │   │   │   [2.2.1.4]--1-4 npm发包注意事项：npm极简发包过程演示-.mp4 │   │   │ │   │   ├─{2}--第2章 IDE配置调试及代码规范（VSCode插件推荐） │   │   │   [2.2.2.1]--2-1 IDE配置：VSCode插件推荐&同步设置（懒人配置福利.mp4 │   │   │   [2.2.2.2]--2-2 IDE智能代码提示：Tabnine&Copilot&Co.mp4 │   │   │   [2.2.2.3]--2-3 IDE编辑器大杀器：Cursor.so.mp4 │   │   │   [2.2.2.4]--2-4 开发调试技巧：前端web项目调试思路.mp4 │   │   │   [2.2.2.5]--2-5 番外：真机调试技巧.mp4 │   │   │ │   │   ├─{2}--附件 │   │   │   (2.2.1)--Docker部署Verdaccio的安装文档.pdf │   │   │   (2.2.2)--NPM 发包过程文档.pdf │   │   │   (2.2.3)--从 VS Code 的历史中可以学到的经验 - 阿里云开发者社区.pdf │   │   │   (2.2.10)--开发环境搭建.pdf │   │   │   (2.2.11)--缺陷控制.pdf │   │   │   (2.2.12)--TypeScript.pdf │   │   │   (2.2.4)--Cursor.so插件.zip │   │   │   (2.2.5)--Node.js开发环境初始化.zip │   │   │   (2.2.6)--prettier eslint.zip │   │   │   (2.2.7)--VSCode配置.zip │   │   │   (2.2.8)--前端开发调试思路.zip │   │   │   (2.2.9)--缺陷控制.zip │   │   │ │   │   ├─{3}--第3章 缺陷控制：项目Prettier&ESLint配置代码质量 │   │   │   [2.2.3.1]--3-1 章导学：缺陷控制方法论+工作流主要内容（结尾剪掉，下面我.mp4 │   │   │   [2.2.3.2]--3-2 缺陷控制概念.mp4 │   │   │   [2.2.3.3]--3-3 缺陷控制-最佳实践.mp4 │   │   │   [2.2.3.4]--3-4 [全流程]缺陷管理工具分类.mp4 │   │   │   [2.2.3.5]--3-5 番外：Trello&Teambition使用介绍.mp4 │   │   │   [2.2.3.6]--3-6 番外：禅道&Jira&Redmine简介.mp4 │   │   │   [2.2.3.7]--3-7 最佳实践：Prettier or ESLint如何选择与.mp4 │   │   │   [2.2.3.8]--3-8 ESLint配置及项目相关易混淆内容：config&pl.mp4 │   │   │ │   │   └─{4}--第4章 TypeScript进阶语法与用法（JS超集，未来趋势） │   │       [2.2.4.1]--4-1 TS导学.mp4 │   │       [2.2.4.2]--4-2 基础类型&引用类型.mp4 │   │       [2.2.4.3]--4-3 函数类型.mp4 │   │       [2.2.4.4]--4-4 函数重载.mp4 │   │       [2.2.4.5]--4-5 any&never&void&unknown区别与应用场.mp4 │   │       [2.2.4.6]--4-6 tuple与enum.mp4 │   │       [2.2.4.7]--4-7 Interface.mp4 │   │       [2.2.4.8]--4-8 Class类（修饰符、构建函数、接口扩展）.mp4 │   │       [2.2.4.9]--4-9 泛型.mp4 │   │       [2.2.4.10]--4-10 声明文件&tsconfig配置文件.mp4 │   │ │   │ │   ├─{3}--Vue3项目框架搭建及响应式开发方案 │   │   ├─{1}--第1章 Vue通用模板项目全面进阶：路由、样式库、PWA及优化策 │   │   │   ├─新建文件夹 │   │   │   ├─(2.3.1.1)--1-1 章介绍.pdf │   │   │   ├─(2.3.1.2)--1-9 [关于使用unocss]重置样式表使用说明.pdf │   │   │   ├─[2.3.1.1]--1-2 初始化前端项目.mp4 │   │   │   ├─[2.3.1.2]--1-3 番外：更新npm依赖的三种策略.mp4 │   │   │   ├─[2.3.1.3]--1-4 页面路由方案：自动路由or手写路由.mp4 │   │   │   ├─[2.3.1.4]--1-5 页面路由方案：自动路由vite-plugin-pages.mp4 │   │   │   ├─[2.3.1.5]--1-6 页面路由方案：自动路由unplugin-vue-rout.mp4 │   │   │   ├─[2.3.1.6]--1-7 类型问题4种解决思路：unplugin-vue-rout.mp4 │   │   │   ├─[2.3.1.7]--1-8 CSS框架方案：Tailwind or unocss集成.mp4 │   │   │   ├─[2.3.1.8]--1-10 自动导入：AutoImport + VueUse.mp4 │   │   │   ├─[2.3.1.9]--1-11 自动组件注册：unplugin-vue-compone.mp4 │   │   │   ├─[2.3.1.10]--1-12 [扩展]图标集插件：unplugin-icons.mp4 │   │   │   ├─[2.3.1.11]--1-13 Icons图标方案：iconify sets.mp4 │   │   │   ├─[2.3.1.12]--1-14 全局Layouts：vite-plugin-vue-l.mp4 │   │   │   ├─[2.3.1.13]--1-15 Vue语法糖库：VueMacros&shamefull.mp4 │   │   │   ├─[2.3.1.14]--1-16 PWA技术：PWA是什么？Service Worker.mp4 │   │   │   ├─[2.3.1.15]--1-17 PWA集成：vite-plugin-pwa.mp4 │   │   │   ├─[2.3.1.16]--1-18 [扩展]接口mock功能：vite-plugin-mo.mp4 │   │   │   ├─[2.3.1.17]--1-19 番外：发布github template项目.mp4 │   │   │   ├─[2.3.1.18]--1-20 [扩展]Vue3.3版本更新，依赖更新策略.mp4 │   │   │   └─[2.3.1.19]--1-21 vue3.3更新了什么？.mp4 │   │   │ │   │   ├─{2}--第2章 业务页面路由、基础组件构建与布局技巧 │   │   │   [2.3.2.1]--2-1 路由创建：首页、社区、学习、关于.mp4 │   │   │   [2.3.2.2]--2-2 基础组件：导航菜单组件开发.mp4 │   │   │   [2.3.2.3]--2-3 进阶：Flex布局及UnoCSS类名.mp4 │   │   │   [2.3.2.4]--2-4 基础组件：导航菜单组件开发.mp4 │   │   │   [2.3.2.5]--2-5 基础组件：集成Swiper.js，轮播组件开发.mp4 │   │   │   [2.3.2.6]--2-6 [升级npm依赖]swiper10.x怎么升级.mp4 │   │   │   [2.3.2.7]--2-7 基础组件：卡片组件.mp4 │   │   │ │   │   ├─{2}--附件 │   │   │   (2.3.1)--响应式布局.pdf │   │   │   (2.3.2)--移动端适配方案指南-掘金.pdf │   │   │   (2.3.3)--注册Chatgpt iOS应用.pdf │   │   │   (2.3.4)--最小闭环训练-全栈基础思维和实战能力.pdf │   │   │   (2.3.5)--Card组件.zip │   │   │   (2.3.6)--css框架-tailwindcss.zip │   │   │   (2.3.7)--css框架-unocss.zip │   │   │   (2.3.8)--unplugin-icons tailwind.zip │   │   │   (2.3.9)--vue-macros.zip │   │   │   (2.3.10)--初始化项目.zip │   │   │   (2.3.11)--自动路由-unplugin-vue-router.zip │   │   │   (2.3.12)--自动路由-vite-plugin-pages.zip │   │   │   (2.3.13)--自动引入-AutoImport VueUse.zip │   │   │   (2.3.14)--pwa.zip │   │   │   (2.3.15)--software.zip │   │   │   (2.3.16)--第5周resource.zip │   │   │   (2.3.17)--PWA是什么.xmind.zip │   │   │ │   │   └─{3}--第3章 移动端设计：响应式布局、设备适配与动画实践 │   │       [2.3.3.1]--3-1 user-agent作用：获取设备类型、设备适配.mp4 │   │       [2.3.3.2]--3-2 响应式布局rem + 媒体查询.mp4 │   │       [2.3.3.3]--3-3 [扩展]移动端适配方案viewport.mp4 │   │       [2.3.3.4]--3-4 首页Webapp改造：导航至底，样式调整.mp4 │   │       [2.3.3.5]--3-5 [作业]动画transition&Transition组.mp4 │   │ │   │ │   ├─{4}--首页开发、Mock接口及前端测试技巧 │   │   ├─{1}--第1章 首页项目从设计到实现：Vue开发实战及扩展技巧 │   │   │   [2.4.1.1]--1-1 首页：页角部分开发.mp4 │   │   │   [2.4.1.2]--1-2 [扩展]vue3.3中的defineProps用法.mp4 │   │   │   [2.4.1.3]--1-3 首页：hover效果+深度选择器.mp4 │   │   │   [2.4.1.4]--1-4 首页：组件间4种传参方式+$attrs属性覆盖.mp4 │   │   │   [2.4.1.5]--1-5 [扩展]Gird不完全手册学习.mp4 │   │   │   [2.4.1.6]--1-6 [扩展]Gird单元格属性项学习及作业.mp4 │   │   │   [2.4.1.7]--1-7 首页项目详情页：集成vite-plugin-vue-ma.mp4 │   │   │   [2.4.1.8]--1-8 vite-plugin-vue-markdown更新.mp4 │   │   │   [2.4.1.9]--1-9 [扩展]完成类慕课网的ImageSwiper组件-1.mp4 │   │   │   [2.4.1.9]--1-9 [扩展]完成类慕课网的ImageSwiper组件-2.mp4 │   │   │   [2.4.1.10]--1-10 详情页：嵌套结构与路由.mp4 │   │   │   [2.4.1.11]--1-11 详情页：完成课程详情页面样式调整.mp4 │   │   │   [2.4.1.12]--1-12 路由进阶：学习详情页&学习列表页路由.mp4 │   │   │   [2.4.1.13]--1-13 学习列表页面.mp4 │   │   │   [2.4.1.14]--1-14 学习列表：章节、评论列表.mp4 │   │   │   [2.4.1.15]--1-15 购物车：基本列表样式.mp4 │   │   │   [2.4.1.16]--1-16 购物车：Teleport组件设计弹窗类型组件(moda.mp4 │   │   │   [2.4.1.17]--1-17 购物车：完成底部样式&调整整体样式.mp4 │   │   │   [2.4.1.18]--1-18 会员频道：会员权益组件.mp4 │   │   │   [2.4.1.19]--1-19 章小结：完成首页基本页面样式及调整.mp4 │   │   │ │   │   ├─{2}--第2章 前端Mock开发实战：Vue项目中的API与数据处理 │   │   │   [2.4.2.1]--2-1 章导学：首页项目Mock接口介绍.mp4 │   │   │   [2.4.2.2]--2-2 Mock开发工作流（viteEnv&封装axios请求类.mp4 │   │   │   [2.4.2.3]--2-3 创建首页store：完成首页mock接口对接.mp4 │   │   │   [2.4.2.4]--2-4 首页项目Mock开发工作流回顾.mp4 │   │   │   [2.4.2.5]--2-5 [bug修复]动态图标&defineModel打包bug.mp4 │   │   │ │   │   ├─{2}--附件 │   │   │   (2.4.2)--首页样式小Bug.pdf │   │   │   (2.4.1)--第5周resources.zip │   │   │ │   │   └─{3}--第3章 单元测试及e2e测试 │   │       [2.4.3.1]--3-1 前端测试导学：相关概念&分类&工具.mp4 │   │       [2.4.3.2]--3-2 单元测试：vitest单元测试配置（测试覆盖率&vite.mp4 │   │       [2.4.3.3]--3-3 单元测试：Card组件测试.mp4 │   │       [2.4.3.4]--3-4 单元测试进阶：计时器和v-model测试方法.mp4 │   │       [2.4.3.5]--3-5 e2e测试：Cypress安装与核心概念.mp4 │   │       [2.4.3.6]--3-6 e2e测试：测试知识付费首页项目.mp4 │   │ │   │ │   ├─{5}--服务端渲染原理与LinuxDocker │   │   ├─{1}--第1章 深入理解服务端渲染：SSR原理及与CSR、SSG的比较 │   │   │   [2.5.1.1]--1-1 服务端渲染SSR对比CSR、SSG.mp4 │   │   │   [2.5.1.2]--1-2 代码篇：SSR工作原理.mp4 │   │   │ │   │   ├─{2}--第2章 掌握SSR实战：应用vite-plugin-ssr项目改 │   │   │   [2.5.2.1]--2-1 SSR方案：vite-plugin-ssr&vite-s.mp4 │   │   │   [2.5.2.2]--2-2 SSR实战1：vite-plugin-ssr改造首页项目.mp4 │   │   │   [2.5.2.3]--2-3 [扩展]SSG方案：Vitepress&Hexo&Ast.mp4 │   │   │ │   │   ├─{2}--附件 │   │   │   (2.5.1)--第6周resources.zip │   │   │ │   │   ├─{3}--第3章 Nuxt.js入门与进阶：探索Nuxt的核心技术与工具 │   │   │   [2.5.3.1]--3-1 服务端渲染Nuxt.js：简介+核心概念.mp4 │   │   │   [2.5.3.2]--3-2 Nuxt工程目录&集成ESLint、Prettier.mp4 │   │   │   [2.5.3.3]--3-3 [更新]解决Vue ESLint配置冲突问题.mp4 │   │   │   [2.5.3.4]--3-4 Nuxt DevTools开发工具（实验特性）.mp4 │   │   │   [2.5.3.5]--3-5 Nuxt核心技术：Pinia&PWA&Unocss集成.mp4 │   │   │ │   │   ├─{4}--第4章 Nuxt项目改造与优化：深度探讨SSR在Nuxt中的应用 │   │   │   [2.5.4.1]--4-1 SSR方案2：首页项目Nuxt改造1.mp4 │   │   │   [2.5.4.2]--4-2 SSR方案2：首页项目Nuxt改造2.mp4 │   │   │   [2.5.4.3]--4-3 [扩展]Nuxt应用中两种设置环境变量的方式.mp4 │   │   │   [2.5.4.4]--4-4 [扩展]SSR与CSR测试论证：LightHouse使用.mp4 │   │   │   [2.5.4.5]--4-5 [优化]Nuxt中的SSR配置.mp4 │   │   │ │   │   ├─{5}--第5章 Linux系统解析，掌握Linux文件系统和常见命令 │   │   │   [2.5.5.1]--5-1 为什么要学习Linux：Linux目前的发行版本有哪些？.mp4 │   │   │   [2.5.5.2]--5-2 虚拟化软件：OS镜像下载&安装.mp4 │   │   │   [2.5.5.3]--5-3 Linux文件系统及常见命令（重要）.mp4 │   │   │   [2.5.5.4]--5-4 [扩展]Linux文件系统&磁盘相关命令.mp4 │   │   │   [2.5.5.5]--5-5 [扩展]Linux磁盘空间不够了？扩展新磁盘.mp4 │   │   │   [2.5.5.6]--5-6 [扩展]SSH密钥方式远程连接Linux.mp4 │   │   │   [2.5.5.7]--5-7 Linux学习资源推荐.mp4 │   │   │ │   │   └─{6}--第6章 Docker容器化技术，理解Docker的核心概念和配置 │   │       [2.5.6.1]--6-1 导学：容器与虚拟机.mp4 │   │       [2.5.6.2]--6-2 安装配置Docker&Docker核心概念.mp4 │   │       [2.5.6.3]--6-3 [扩展]管理Docker工具：Potainer&Lazy.mp4 │   │       [2.5.6.4]--6-4 [扩展]配置Docker国内的加速.mp4 │   │       [2.5.6.5]--6-5 [扩展]Docker集成管理命令compose.mp4 │   │ │   │ │   └─{6}--服务端开发：走向全栈Nodejs与数据库 │       ├─{1}--第1章 环境选择Java vs Node.js，探究Nest.j │       │   [2.6.1.1]--1-1 Java与Node.js：Node.js作为服务端的优势.mp4 │       │   [2.6.1.2]--1-2 什么是nestjs？应用场景是什么？.mp4 │       │   [2.6.1.3]--1-3 常见问题：对比koa&eggjs&express，nes.mp4 │       ├─{2}--第2章 Nest.js实战初步：CLI工具使用和应用调试 │       │   [2.6.2.1]--2-1 快速上手：安装官方nestjs CLI工具.mp4 │       │   [2.6.2.2]--2-2 最佳实践：工程目录+文件命名约定.mp4 │       │   [2.6.2.3]--2-3 CLI初试：启动 Nest 应用程序 + 创建控制器.mp4 │       │   [2.6.2.4]--2-4 [扩展]Nestjs版本更新10.0带来了哪些更新.mp4 │       │   [2.6.2.5]--2-5 如何调试Nestjs应用：三种调试方法.mp4 │       ├─{2}--附件 │       │   (2.6.1)--Nestjs官方CLI.pdf │       │   (2.6.2)--Java or Node.pdf │       │   (2.6.3)--数据库设计三大范式.pdf │       │   (2.6.4)--JSONtoClassPrompt.pdf │       │   (2.6.5)--部署方式说明.drawio.zip │       │   (2.6.6)--nestjs_TS注解.drawio.zip │       │   (2.6.7)--01-FP_FRP.zip │       │   (2.6.8)--02-OOP.zip │       │   (2.6.9)--03-IoC_DI.zip │       │   (2.6.10)--04-nestjs-core-concept.zip │       ├─{3}--第3章 编程思想与服务端架构：理解OOP, FP, FRP及依赖 │       │   [2.6.3.1]--3-1 如何学习才高效：以前端同学的视角看后端项目.mp4 │       │   [2.6.3.2]--3-2 编程思想 ：什么是OOP？FP？FRP编程？.mp4 │       │   [2.6.3.3]--3-3 编程思想：AOP切面编程是什么？特点是什么？.mp4 │       │   [2.6.3.4]--3-4 葵花宝典：什么是依赖注入(DI)&控制反转IoC.mp4 │       │   [2.6.3.5]--3-5 nestjs 架构篇：控制器、服务、数据访问（非常重要）.mp4 │       │   [2.6.3.6]--3-6 nestjs 架构篇：用模块来组织代码.mp4 │       │   [2.6.3.7]--3-7 加餐：DTO，DAO是什么？MVC是什么架构？.mp4 │       │   [2.6.3.8]--3-8 [工作原理]Nestjs中的DI系统&DI容器的概念.mp4 │       ├─{4}--第4章 数据库设计与实践：从核心概念到详细设计 │       │   [2.6.4.1]--4-1 服务端开发思路解密：深入nestjs核心概念.mp4 │       │   [2.6.4.2]--4-2 核心概念：关系型&非关系型、数据库设计工具、排行.mp4 │       │   [2.6.4.3]--4-3 核心概念：关系型数据库中的实体、主键和列概念浅析.mp4 │       │   [2.6.4.4]--4-4 数据库设计三大范式.mp4 │       │   [2.6.4.5]--4-5 [扩展]数据库设计之ER图（实体关系图）.mp4 │       │   [2.6.4.6]--4-6 数据库详细设计：完善数据库文档.mp4 │       ├─{5}--第5章 数据库操作与日志管理：ORM库与Docker应用 │       │   [2.6.5.1]--5-1 数据对接方案ORM库及方案：TypeORM&Prisma.mp4 │       │   [2.6.5.2]--5-2 [Docker进阶]数据库环境准备.mp4 │       │   [2.6.5.3]--5-3 [ORM库]Prism工作流及Nestjs集成.mp4 │       │   [2.6.5.4]--5-4 日志模块winston：按天滚动日志daily-rota.mp4 │       │   [2.6.5.5]--5-5 [扩展]Nestjs10带来的新编译器SWC&REPL开.mp4 │       ├─{6}--第6章 Nestjs中的CURD操作与数据校验 │       │   [2.6.6.1]--6-1 [工作原理]控制器：TS装饰器在Nestjs中的妙用.mp4 │       │   [2.6.6.2]--6-2 [CURD]接口创建&接口版本控制（重要）.mp4 │       │   [2.6.6.3]--6-3 [CURD]nestjs流程+Prisma内置的CURD.mp4 │       │   [2.6.6.4]--6-4 [CURD]prisma中分页查询&事务tranctio.mp4 │       │   [2.6.6.5]--6-5 [工作原理]validation管道是如何校验数据类型的.mp4 │       │   [2.6.6.6]--6-6 [CURD]新增逻辑+数据校验（重要）..mp4 │       │   [2.6.6.7]--6-7 [CURD]完成更新、删除（重要）.mp4 │       │   [2.6.6.8]--6-8 [预习]Prisma中关联关系的定义：1对1&1对多&多.mp4 │       │   [2.6.6.9]--6-9 [CURD]Nestjs项目中实践多种关联关系.mp4 │       │   [2.6.6.10]--6-10 [作业]创建评论相关、附件相关关系model.mp4 │       │   [2.6.6.11]--6-11 [扩展]prisma5发布更新需要注意的内容.mp4 │       ├─{7}--第7章 构建学习页面：数据查询与校验进阶 │       │   [2.6.7.1]--7-1 [学习页面]创建课程分类&课程标签服务.mp4 │       │   [2.6.7.2]--7-2 [prisma进阶]pull&push命令同步数据库更改.mp4 │       │   [2.6.7.3]--7-3 [调试服务]Nestjs REPL交互模式.mp4 │       │   [2.6.7.4]--7-4 [prisma进阶]批量插入与嵌套插入.mp4 │       │   [2.6.7.5]--7-5 嵌套数据写入与类型校验.mp4 │       │   [2.6.7.6]--7-6 [学习页面]嵌套数据查询(关联查询&多表联查).mp4 │       │   [2.6.7.7]--7-7 [分页相关]分页数据类型转换&校验（重要）.mp4 │       │   [2.6.7.8]--7-8 [进阶]两种不同的策略实现对传入动态参数的校验逻辑.mp4 │       │   [2.6.7.9]--7-9 [学习页面]where条件查询和in子句.mp4 │       │   [2.6.7.10]--7-10 [拦截器]数据序列化的三种方式.mp4 │       │   [2.6.7.11]--7-11 [拦截器进阶]响应数据脱敏处理（防止敏感数据外漏）.mp4 │       ├─{8}--第8章 前端接口对接：Nuxt优化与Mock工作流 │       │   [2.6.8.1]--8-1 [Nuxt优化]：服务端口+跨域请求+多环境变量配置.mp4 │       │   [2.6.8.2]--8-2 [Mock]前端接口开发工作流，Mock白名单配置.mp4 │       │   [2.6.8.3]--8-3 学习列表页面接口对接注意事项.mp4 │       {9}--第9章 项目部署与优化：直装与Docker容器化解决方案 │           [2.6.9.1]--9-1 [直装]项目打包&nginx配置.mp4 │           [2.6.9.2]--9-2 [直装]pm2部署Node.js服务端项目.mp4 │           [2.6.9.3]--9-3 [容器化]两种前端项目docker容器化部署方案（Doc.mp4 │           [2.6.9.4]--9-4 本地Docker构建优化加速思路.mp4 │           [2.6.9.5]--9-5 [扩展]docker镜像导出与恢复.mp4 │           [2.6.9.6]--9-6 [容器化]node.js应用容器化思路及解决办法.mp4 │           [2.6.9.7]--9-7 [安全]Docker镜像权限安全及Docker镜像构建过.mp4 │           [2.6.9.8]--9-8 [容器化]创建nestjs项目镜像配置文件&运行镜像+传.mp4 │           [2.6.9.9]--9-9 [macos]使用脚本+rsync来完成静态站点部署.mp4 │ │ ├─{3}--阶段三：【工程化能力-通识强化】开发提效、代码质量提升 │   ├─{1}--深入Git 高效代码管理与团队协作 │   │   ├─{1}--第1章 Git版本控制入门：理解Git与SVN的差异 │   │   │   [3.1.1.1]--1-1 版本控制：git工具环境准备+学习资源推荐.mp4 │   │   │   [3.1.1.2]--1-2 Git vs SVN.mp4 │   │   │ │   │   ├─{2}--第2章 深入探索Git：核心概念和本地远程仓库管理 │   │   │   [3.1.2.1]--2-1 Git核心概念：快照、缓存区、版本库.mp4 │   │   │   [3.1.2.2]--2-2 Git核心概念：本地版本仓库&远程版本仓库.mp4 │   │   │ │   │   ├─{2}--附件 │   │   │   (3.1.3)--Subtree与Submodule.pdf │   │   │   (3.1.1)--gitlab升级.drawio.zip │   │   │   (3.1.2)--git开发工作流.drawio.zip │   │   │   (3.1.4)--脚本.zip │   │   │ │   │   ├─{3}--第3章 Git实战：协同冲突处理与版本管理最佳实践 │   │   │   [3.1.3.1]--3-1 情景一：个人开发者从0创建仓库及代码-1.mp4 │   │   │   [3.1.3.1]--3-1 情景一：个人开发者从0创建仓库及代码-2.mp4 │   │   │   [3.1.3.2]--3-2 情景二：上班第一天，如何了解团队版本控制流程.mp4 │   │   │   [3.1.3.3]--3-3 分支管理策略：分支管理最佳实践&常见命令.mp4 │   │   │   [3.1.3.4]--3-4 情景三：常见多人协同冲突处理办法（带GUI操作）.mp4 │   │   │   [3.1.3.5]--3-5 情景四：来了新任务，旧的代码要保存怎么办？rebase&.mp4 │   │   │   [3.1.3.6]--3-6 情景五：已有的功能，需要摘取其中的提交cherry-pi.mp4 │   │   │   [3.1.3.7]--3-7 情景六：快速定位历史的bug提交（二分查找bisect）.mp4 │   │   │   [3.1.3.8]--3-8 情景七：多仓库管理&跨仓库clone三种方案.mp4 │   │   │   [3.1.3.9]--3-9 情景八：误添加了文件到版本库&gitignore文件.mp4 │   │   │   [3.1.3.10]--3-10 情景九：管理员权限设置及管理工作流.mp4 │   │   │   [3.1.3.11]--3-11 情景十：历史的提交中有敏感数据怎么办？git filt.mp4 │   │   │ │   │   └─{4}--第4章 Git托管平台全探索：GitLab与Gitea的部署和管 │   │       [3.1.4.1]--4-1 git托管平台对比：gitlab&gitea&gogs.mp4 │   │       [3.1.4.2]--4-2 [git hosting]本地私有化部署gitlab-c.mp4 │   │       [3.1.4.3]--4-3 gitlab权限&用户管理流程介绍.mp4 │   │       [3.1.4.4]--4-4 gitlab如何进行跨大版本升级.mp4 │   │       [3.1.4.5]--4-5 [git hosting]gitea安装、备份、权限配置.mp4 │   │ │   │ │   ├─{2}--前端开发利器：Mock接口及接口测试工具 │   │   ├─{1}--第1章 Mock技术：前端开发必备的接口测试和模拟工具 │   │   │   [3.2.1.1]--1-1 前端开发必备：Mock接口能力及接口测试工具.mp4 │   │   │   [3.2.1.2]--1-2 4种Mock假数据生成工具&mock.js用法介绍.mp4 │   │   │   [3.2.1.3]--1-3 使用Mock.js拦截前端请求.mp4 │   │   │ │   │   ├─{2}--第2章 深入json-server：轻量级CLI Mock多功能 │   │   │   [3.2.2.1]--2-1 CLI轻量mockserver：json-server.mp4 │   │   │   [3.2.2.2]--2-2 json-server常规mock功能+静态资源服务器.mp4 │   │   │   [3.2.2.3]--2-3 json-server进阶：mockserver白名单模.mp4 │   │   │ │   │   ├─{2}--附件 │   │   │   (3.2.1)--第8周 mock-接口测试.zip │   │   │ │   │   ├─{3}--第3章 强化开发工具链：推荐平台级工具和VSCode插件 │   │   │   [3.2.3.1]--3-1 [综合工具]平台级&桌面端工具推荐.mp4 │   │   │   [3.2.3.2]--3-2 Postman中文资源推荐&常见开发小技巧.mp4 │   │   │   [3.2.3.3]--3-3 VSCode插件：轻量REST客户端应用场景.mp4 │   │   │ │   │   ├─{4}--第4章 VSCode插件开发与开源项目管理 │   │   │   [3.2.4.1]--4-1 [扩展]离线安装&下载vsocde所有的插件思路.mp4 │   │   │   [3.2.4.2]--4-2 文件流下载got：VS扩展批量下载功能开发-1.mp4 │   │   │   [3.2.4.2]--4-2 文件流下载got：VS扩展批量下载功能开发-2.mp4 │   │   │   [3.2.4.3]--4-3 开源项目README书写策略&LICENSE选择.mp4 │   │   │   [3.2.4.4]--4-4 [扩展]README在线工具readme.so.mp4 │   │   │ │   │   └─{5}--第5章 精通接口测试：从测试流程到Jmeter的实践 │   │       [3.2.5.1]--5-1 接口测试流程+接口测试工具&脚本.mp4 │   │       [3.2.5.2]--5-2 [扩展]HTTP Benchmark类工具.mp4 │   │       [3.2.5.3]--5-3 [Jmeter]安装及环境配置.mp4 │   │       [3.2.5.4]--5-4 [扩展]Jmeter插件市场及常用插件介绍.mp4 │   │       [3.2.5.5]--5-5 Jmeter测试流程：使用Jmeter创建测试.mp4 │   │ │   │ │   ├─{3}--前端工程化：Webpack&Vite构建 │   │   ├─{1}--第1章 探索前端工程化：主流技术与工具的对比与应用 │   │   │   [3.3.1.1]--1-1 前端工程化世界：主流技术方案对比与应用场景介绍.mp4 │   │   │   [3.3.1.2]--1-2 ES规范和模块规范：探寻ECMAScript发展史.mp4 │   │   │   [3.3.1.3]--1-3 前端工程化工具及应用场景（webpack&vite等）.mp4 │   │   │   [3.3.1.4]--1-4 [扩展]Turbopack真的比Vite快10倍吗？.mp4 │   │   │   [3.3.1.5]--1-5 开发效率加倍：typescript运行时比较.mp4 │   │   │ │   │   ├─{2}--第2章 深度解析Webpack：核心概念、配置及AI辅助应用 │   │   │   [3.3.2.1]--2-1 [技术栈选择]如今如何来学习Webpack？从应用场景出.mp4 │   │   │   [3.3.2.2]--2-2 Webpack核心概念及配置.mp4 │   │   │   [3.3.2.3]--2-3 [AI]解决webpack配置&打包问题5种思路.mp4 │   │   │   [3.3.2.4]--2-4 新手配置webpack的两种方案.mp4 │   │   │   [3.3.2.5]--2-5 [扩展]Rollup简介.mp4 │   │   │ │   │   ├─{2}--附件 │   │   │   (3.3.1)--第9周 前端工程化.zip │   │   │ │   │   ├─{3}--第3章 实战升级：前端工程化在不同场景的应用与提升 │   │   │   [3.3.3.1]--3-1 情景一：webpack+node.js服务端项目升级.mp4 │   │   │   [3.3.3.2]--3-2 情景二：开发体验提升，ts&js运行时升级.mp4 │   │   │   [3.3.3.3]--3-3 情景三：升级构建工具，webpack&rollup构建时.mp4 │   │   │   [3.3.3.4]--3-4 [扩展]情景四：生产级项目构建&开发依赖升级-1.mp4 │   │   │   [3.3.3.4]--3-4 [扩展]情景四：生产级项目构建&开发依赖升级-2.mp4 │   │   │   [3.3.3.5]--3-5 情景五：前端Vue项目升级策略&示例.mp4 │   │   │ │   │   ├─{4}--第4章 Webpack开发环境的搭建与调试：源码解析及问题解决 │   │   │   [3.3.4.1]--4-1 webpack&webpack-cli本地开发环境搭建.mp4 │   │   │   [3.3.4.2]--4-2 [调试进阶]map文件：调试ts部分的源码.mp4 │   │   │   [3.3.4.3]--4-3 webpack-cli工具原理解析.mp4 │   │   │   [3.3.4.4]--4-4 webpack命令build构建过程解析.mp4 │   │   │   [3.3.4.5]--4-5 [bug]webpack-cli调试webpack源码解.mp4 │   │   │ │   │   ├─{5}--第5章 理解Webpack核心库Tapable：工作原理与事件控 │   │   │   [3.3.5.1]--5-1 [webpack核心库]tapable工作原理.mp4 │   │   │   [3.3.5.2]--5-2 tapable进阶：webpack核心库事件控制示例.mp4 │   │   │   [3.3.5.3]--5-3 [扩展]手撸SyncHook&AsyncHook.mp4 │   │   │ │   │   └─{6}--第6章 webpack工作流程：定制化Loaders与Plugi │   │       (3.3.6.1)--6-2 Webpack自定义Loaders.pdf │   │       (3.3.6.2)--6-3 Webpack自定义Plugins.pdf │   │       [3.3.6.1]--6-1 webpack工作流程：loaders&plugins执.mp4 │   │ │   │ │   └─{4}--CICD持续集成和部署及云构建工具 │       ├─{1}--第1章 深入浅出前端自动化 │       │   [3.4.1.1]--1-1 概念及目标：什么是自动化？.mp4 │       │   [3.4.1.2]--1-2 常见概念：DevOps&敏捷开发.mp4 │       │   [3.4.1.3]--1-3 DevOps大全：大厂案例&工具&流程设计.mp4 │       ├─{2}--第2章 深入Jenkins：从安装到高级配置 │       │   [3.4.2.1]--2-1 CICD界大佬：Jenkins介绍&安装方式&插件.mp4 │       │   [3.4.2.2]--2-2 Jenkins安装方式一：直装（Ubuntu演示，修改端.mp4 │       │   [3.4.2.3]--2-3 Jenkins安装方式二：docker方式安装.mp4 │       │   [3.4.2.4]--2-4 [进阶]Jenkins容器里面套docker&操作宿主机-1.mp4 │       │   [3.4.2.4]--2-4 [进阶]Jenkins容器里面套docker&操作宿主机-2.mp4 │       │   [3.4.2.5]--2-5 [扩展]插件加速两种方法&常见插件推荐.mp4 │       │   [3.4.2.6]--2-6 [扩展]Jenkins权限配置（基于角色的权限控制）.mp4 │       ├─{2}--附件 │       │   (3.4.1)--第10周 持续集成和部署CICD工具.zip │       ├─{3}--第3章 Jenkins与Gitlab集成：构建与部署的实战 │       │   [3.4.3.1]--3-1 CICD流程初体验：Jenkins与Gitlab集成.mp4 │       │   [3.4.3.2]--3-2 Jenkins配置Nodejs构建环境.mp4 │       │   [3.4.3.3]--3-3 [扩展]如何配置Jenkins工作节点（安装JDK环境并.mp4 │       │   [3.4.3.4]--3-4 [部署方案一]使用PublishOverSSH插件部署项.mp4 │       │   [3.4.3.5]--3-5 [部署方案二]使用docker方案部署项目-1.mp4 │       │   [3.4.3.5]--3-5 [部署方案二]使用docker方案部署项目-2.mp4 │       ├─{4}--第4章 私有制品库：定制化的仓库与流水线策略 │       │   [3.4.4.1]--4-1 镜像仓库本地化方案registry(配置docker-h.mp4 │       │   [3.4.4.2]--4-2 [进阶]企业级镜像仓库方案harbor.mp4 │       │   [3.4.4.3]--4-3 [扩展]npm私有化仓库方案-verdaccio.mp4 │       │   [3.4.4.4]--4-4 [扩展]Jenkins CICD进阶：Pipeline流.mp4 │       {5}--第5章 Gitlab流水线进阶：从CICD到容器集成 │           [3.4.5.1]--5-1 [gitlab进阶]配置CICD的runners环境.mp4 │           [3.4.5.2]--5-2 [gitlab进阶]gitlab-ci.yml配置文件编.mp4 │           [3.4.5.3]--5-3 [gitlab进阶]内置registry发包过程&配合C.mp4 │           [3.4.5.4]--5-4 [gitlab进阶]配置Vue项目CICD任务.mp4 │           [3.4.5.5]--5-5 [gitlab进阶]集成docker-registry的.mp4 │           [3.4.5.6]--5-6 [演示]gitlab集成docker-registry本.mp4 │ │ ├─{4}--阶段四：【自研组件库能力-进阶提升】通用复杂管理后台高性能组件库 │   ├─{1}--设计通用管理后台组件库：初始化模板+组件 │   │   ├─{1}--第1章 AI驱动的产品设计：从需求到组件库 │   │   │   [4.1.1.1]--1-1 全面拥抱AI：充当组件库项目的产品经理.mp4 │   │   │   [4.1.1.2]--1-2 产品背景语料准备：让GPT联网搜索总结背景内容.mp4 │   │   │   [4.1.1.3]--1-3 [AIGC]产品需求文档&核心开发链路.mp4 │   │   │   [4.1.1.4]--1-4 SSG方案大全Jamstack：自建文档库方案vitep.mp4 │   │   │ │   │   ├─{2}--第2章 项目起步：项目初始化与框架集成 │   │   │   (4.1.2.1)--2-2 使用git clone --depth之后无法Push了.pdf │   │   │   [4.1.2.1]--2-1 项目初始化.mp4 │   │   │   [4.1.2.2]--2-3 [复习]基础项目技术方案回顾.mp4 │   │   │   [4.1.2.3]--2-4 [复习]集成element-plus.mp4 │   │   │ │   │   ├─{2}--附件 │   │   │   (4.1.1)--第11周 高性能组件库.zip │   │   │ │   │   ├─{3}--第3章 图标组件进阶：从SVG到动态加载 │   │   │   [4.1.3.1]--3-1 Icon基础组件：iconify集成.mp4 │   │   │   [4.1.3.2]--3-2 SVG图标组件：svg类型图标Iconfont.mp4 │   │   │   [4.1.3.3]--3-3 网络图标组件：动态加载iconfont.css文件.mp4 │   │   │   [4.1.3.4]--3-4 [作业]业务型组件：图标列表组件.mp4 │   │   │   [4.1.3.5]--3-5 优化IconList图标组件.mp4 │   │   │   [4.1.3.6]--3-6 [作业]IconPicker图标选择组件.mp4 │   │   │   [4.1.3.7]--3-7 [作业]IconPicker图标选择组件.mp4 │   │   │   [4.1.3.8]--3-8 [更新]Iconify如何动态加载，与unplugin-.mp4 │   │   │ │   │   ├─{4}--第4章 界面交互：暗黑模式与全屏操作 │   │   │   [4.1.4.1]--4-1 头部功能性组件：暗黑模式-1.mp4 │   │   │   [4.1.4.1]--4-1 头部功能性组件：暗黑模式-2.mp4 │   │   │   [4.1.4.2]--4-2 头部功能：全屏功能组件.mp4 │   │   │ │   │   ├─{5}--第5章 多语言支持：vue-i18n集成与构建优化 │   │   │   (4.1.5.1)--5-7 [bug]element-plus组件不生效的原因.pdf │   │   │   [4.1.5.1]--5-1 国际化：协同翻译Crowdin&机翻API推荐（Deep.mp4 │   │   │   [4.1.5.2]--5-2 国际化：集成i18n基础用法.mp4 │   │   │   [4.1.5.3]--5-3 国际化：unplugin-vue-i18n集成-1.mp4 │   │   │   [4.1.5.3]--5-3 国际化：unplugin-vue-i18n集成-2.mp4 │   │   │   [4.1.5.4]--5-4 国际化：element-plus国际化与vue-i18n.mp4 │   │   │   [4.1.5.5]--5-5 国际化：i18n插件使用中坑点（js&ts是只读的）.mp4 │   │   │   [4.1.5.6]--5-6 国际化：打包&构建优化.mp4 │   │   │ │   │   └─{6}--第6章 头部消息组件：Elementplus基础组件&学习事件传 │   │       [4.1.6.1]--6-1 消息组件：扩展基础组件Badge自定义属性.mp4 │   │       [4.1.6.2]--6-2 [作业]消息组件：使用缩放控制图标大小.mp4 │   │       [4.1.6.3]--6-3 消息组件：弹出列表样式.mp4 │   │       [4.1.6.4]--6-4 消息组件：事件定义与样式优化.mp4 │   │       [4.1.6.5]--6-5 [更新]CSS属性中的v-bind.mp4 │   │       [4.1.6.6]--6-6 消息组件：测试组件事件与属性.mp4 │   │ │   │ │   ├─{2}--通用管理后台组件库：业务组件&页面开发 │   │   ├─{1}--第1章 导学：交互与响应式设计基础 │   │   │   [4.2.1.1]--1-1 章导学：菜单交互与响应式进阶.mp4 │   │   │ │   │   ├─{2}--第2章 菜单组件：构建高度可配置的菜单组件 │   │   │   [4.2.2.1]--2-1 菜单组件需求分析.mp4 │   │   │   [4.2.2.2]--2-2 菜单组件：组件结构与Props类型定义.mp4 │   │   │   [4.2.2.3]--2-3 菜单组件：子菜单组件SubMenu.mp4 │   │   │   [4.2.2.4]--2-4 菜单组件：菜单项组件MenuItem.mp4 │   │   │ │   │   ├─{3}--第3章 交互设计：实现多功能默认布局 │   │   │   [4.2.3.1]--3-1 默认布局组件：需求分析.mp4 │   │   │   [4.2.3.2]--3-2 默认布局：自动路由形成基础菜单结构.mp4 │   │   │   [4.2.3.3]--3-3 默认布局：头部组件结构+基础组件样式扩展.mp4 │   │   │   [4.2.3.4]--3-4 默认布局：头像菜单组件-1.mp4 │   │   │   [4.2.3.4]--3-4 默认布局：头像菜单组件-2.mp4 │   │   │   [4.2.3.5]--3-5 默认布局：头像菜单组件事件定义与传递.mp4 │   │   │   [4.2.3.6]--3-6 默认布局：主题设置组件（抽屉组件）-1.mp4 │   │   │   [4.2.3.6]--3-6 默认布局：主题设置组件（抽屉组件）-2.mp4 │   │   │   [4.2.3.7]--3-7 默认布局：主题设置组件事件传递.mp4 │   │   │   [4.2.3.8]--3-8 默认布局：主题暗黑模式事件传递.mp4 │   │   │   [4.2.3.9]--3-9 默认布局：菜单模式切换及折叠效果设计.mp4 │   │   │   [4.2.3.10]--3-10 默认布局：菜单混合模多级菜单显示效果.mp4 │   │   │   [4.2.3.11]--3-11 默认布局：完成菜单4种混合模式交互.mp4 │   │   │   [4.2.3.12]--3-12 总结开发习惯：关于编码规范、组件拆分思路、事件传递.mp4 │   │   │ │   │   ├─{4}--第4章 菜单样式优化：国际化+事件管理 │   │   │   [4.2.4.1]--4-1 样式优化：全局Rest样式&下拉菜单激活状态.mp4 │   │   │   [4.2.4.2]--4-2 下拉菜单组件：综合运用泛型&defineModel.mp4 │   │   │   [4.2.4.3]--4-3 菜单国际化：正确使用i18n国际化的3种姿势.mp4 │   │   │   [4.2.4.4]--4-4 菜单国际化实践：注意特殊情况defineXXX.mp4 │   │   │   [4.2.4.5]--4-5 菜单路由跳转：菜单事件传递.mp4 │   │   │   [4.2.4.6]--4-6 多级菜单：自动展开功能（嵌套&递归通用写法）.mp4 │   │   │ │   │   ├─{5}--第5章 响应式进阶：主题设置抽屉组件的响应式设计 │   │   │   [4.2.5.1]--5-1 源码学习：Menu组件顶部折叠样式优化.mp4 │   │   │   [4.2.5.2]--5-2 响应式设计：Drawer抽屉组件样式调整.mp4 │   │   │   [4.2.5.3]--5-3 响应式布局：菜单自动折叠与移动端抽屉菜单-1.mp4 │   │   │   [4.2.5.3]--5-3 响应式布局：菜单自动折叠与移动端抽屉菜单-2.mp4 │   │   │ │   │   └─{6}--第6章 登录注册：创建灵活的登录注册页面 │   │       [4.2.6.1]--6-1 基础表单：登录注册页面需求分析.mp4 │   │       [4.2.6.2]--6-2 登录注册页：表单基本结构.mp4 │   │       [4.2.6.3]--6-3 登录注册页：语言切换与暗黑模式，隐藏菜单.mp4 │   │       [4.2.6.4]--6-4 登录注册页：响应式布局+背景图片.mp4 │   │       [4.2.6.5]--6-5 第三方登录+LoginForm组件封装.mp4 │   │       [4.2.6.6]--6-6 登录注册页：表单校验&自定义规则.mp4 │   │