大前端2022|完结无秘

2022全面升级，对标阿里P6+,一个业务场景深度打通全端+全栈+全流程

全面覆盖PC、管理后台、WebApp、小程序、移动App、桌面端和服务端，提升开发硬实力

系统构建全局思维与大前端技术体系，成为抢手的高级人才

<12、大前端2022版>
├<{1}–阶段一：解锁“大前端思维”>
│ ├<{1}–认识大前端，全栈开发初体验>
│ │ ├<{0}–附件>
│ │ │ └(1.1.4)–PC原型图（axure）v1.0.rar
│ │ ├<{1}–第1章课程介绍>
│ │ │ ├[1.1.1.1]–1-1课程导学.mp4
│ │ │ ├[1.1.1.2]–1-3项目架构【全局把控】.mp4
│ │ │ ├[1.1.1.3]–1-6课程该如何学习？【重中之重】.mp4
│ │ │ └[1.1.1.4]–1-10如何获取课程资料【学习助力器】.mp4
│ │ ├<{2}–第2章前端成长困境如何破局>
│ │ │ ├[1.1.2.1]–2-1行业内卷如何应对？.mp4
│ │ │ ├[1.1.2.2]–2-2工作中的痛点问题.mp4
│ │ │ └[1.1.2.3]–2-3面试&行业选择.mp4
│ │ ├<{3}–第3章项目需求分析>
│ │ │ ├[1.1.3.1]–3-1章导读.mp4
│ │ │ ├[1.1.3.2]–3-2需求分析难点和痛点全解析【硬核知识】.mp4
│ │ │ ├[1.1.3.3]–3-4项目需求变更.mp4
│ │ │ ├[1.1.3.4]–3-6核心业务需求分析.mp4
│ │ │ ├[1.1.3.5]–3-7PC端需求分析【做分析从做好沟通开始】.mp4
│ │ │ ├[1.1.3.6]–3-8服务端&小程序需求分析【写文档需要勤练习】.mp4
│ │ │ └[1.1.3.7]–3-10技术栈考量【需求分析中的重要环节】.mp4
│ │ ├<{4}–第4章职场实用技能【加餐】>
│ │ │ ├[1.1.4.1]–4-13类需求分析工具.mp4
│ │ │ ├[1.1.4.2]–4-2原型图神器Axure应用.mp4
│ │ │ ├[1.1.4.3]–4-3原型图神奇Axure进阶应用.mp4
│ │ │ ├[1.1.4.4]–4-4协同原型图工具墨刀应用.mp4
│ │ │ ├[1.1.4.5]–4-5头脑风暴之脑图工具XMind应用.mp4
│ │ │ └[1.1.4.6]–4-6协同流程图ProcessOn在线流程图编辑工具应用.mp4
│ │ ├<{6}–第6章全栈开发—koa框架>
│ │ │ ├[1.1.6.1]–6-2Web框架koa简介.mp4
│ │ │ ├[1.1.6.10]–6-13koa应用打包优化koa-compose&koa-com.mp4
│ │ │ ├[1.1.6.2]–6-3第一个Koa应用.mp4
│ │ │ ├[1.1.6.3]–6-4Request属姓、路由基础用法、app.use链式处理【.mp4
│ │ │ ├[1.1.6.4]–6-5Koa中的Async&Await【原理篇】.mp4
│ │ │ ├[1.1.6.5]–6-6Koa开发RESTful接口，GET&POST获取数据及数.mp4
│ │ │ ├[1.1.6.7]–6-10koa开发热加载、ES6语法支持【进阶篇】.mp4
│ │ │ ├[1.1.6.8]–6-11如何调试Webpack？如何配置VSCode调试？【调试.mp4
│ │ │ └[1.1.6.9]–6-12优化Webpack配置，npm构建脚本【实战篇】.mp4
│ │ ├<{7}–第7章全栈开发初体验—登录模块>
│ │ │ ├[1.1.7.1]–7-1章导学.mp4
│ │ │ ├[1.1.7.10]–7-12vee-validate3.x演练.mp4
│ │ │ ├[1.1.7.11]–7-13完成登录、注册、找回密码页面样式及路由懒加载（1）.mp4
│ │ │ ├[1.1.7.12]–7-14完成登录、注册、找回密码页面样式及路由懒加载（2）.mp4
│ │ │ ├[1.1.7.13]–7-15完成登录注册页输入校验及图形验证码.mp4
│ │ │ ├[1.1.7.14]–7-17配置邮件服务NodeMailer（Nodejs进阶）.mp4
│ │ │ ├[1.1.7.15]–7-18完成邮件服务接口与找回密码对接（Nodejs进阶）.mp4
│ │ │ ├[1.1.7.2]–7-2UI框架快速完成登录业务的样式开发（学会用轮子）.mp4
│ │ │ ├[1.1.7.3]–7-3图形验证码功能开发1.mp4
│ │ │ ├[1.1.7.4]–7-4图形验证码功能开发2.mp4
│ │ │ ├[1.1.7.5]–7-5基本的验证方法（表单验证）.mp4
│ │ │ ├[1.1.7.6]–7-7Vuelidate的安装及使用（表单验证进阶）.mp4
│ │ │ ├[1.1.7.7]–7-8VeeValidate的安装及使用（表单验证进阶）.mp4
│ │ │ ├[1.1.7.8]–7-10适配vee-validate旧版本v2.x.mp4
│ │ │ └[1.1.7.9]–7-11vee-validate3.x简介.mp4
│ ├<{2}–企业标准的开发环境搭建>
│ │ ├<{0}–附件>
│ │ │ ├(1.2.1)–Hyper-v虚拟机的安装及使用.pdf
│ │ │ ├(1.2.2)–windows7及以上上安装dockertoolbox.pdf
│ │ │ ├(1.2.3)–什么是Harbor.pdf
│ │ │ ├(1.2.4)–在Vscode中配置Vue相应的插件.pdf
│ │ │ └(1.2.5)–Charles和Fiddler使用简介.pdf
│ │ ├<{1}–第1章开发环境搭建（简易版，适合有基础学习）>
│ │ │ ├[1.2.1.1]–1-1导读.mp4
│ │ │ ├[1.2.1.2]–1-2搭建开发环境-简版（针对有基础小伙伴）.mp4
│ │ │ └[1.2.1.3]–1-4【前端效率神器】Yarn&Nvm(nvm-windows).mp4
│ │ ├<{2}–第2章【难点】开发环境搭建（详细版，适合没有基础学习）>
│ │ │ ├[1.2.2.1]–2-1虚拟化软件&Linux版本介绍.mp4
│ │ │ ├[1.2.2.2]–2-6Linux内核&硬件资源&测试.mp4
│ │ │ ├[1.2.2.3]–2-7Linux常见指令&命令.mp4
│ │ │ ├[1.2.2.4]–2-9SSH密钥方式远程连接Linux.mp4
│ │ │ ├[1.2.2.5]–2-11docker入门.mp4
│ │ │ ├[1.2.2.6]–2-17docker-compose&dockerHub使用.mp4
│ │ │ └[1.2.2.7]–2-19认识node及node版本管理工具nvm介绍.mp4
│ │ ├<{3}–第3章编辑器WebstormvsVSCode>
│ │ │ ├[1.2.3.1]–3-1IDE简介及外观比较.mp4
│ │ │ ├[1.2.3.2]–3-2智能对比：代码提示、语法高亮、集成插件.mp4
│ │ │ ├[1.2.3.3]–3-3插件系统对比.mp4
│ │ │ ├[1.2.3.4]–3-4常规设置：字体、Tab缩进空格、快捷键.mp4
│ │ │ ├[1.2.3.5]–3-5调试介绍&IDE总结&小福利.mp4
│ │ │ ├[1.2.3.6]–3-6使用浏览器配合手机调试&使用Proxy劫持（3类真机调试技.mp4
│ │ │ └[1.2.3.7]–3-7Weinre&spydebugger&vConsole（3.mp4
│ │ ├<{4}–第4章开发准备–接口测试>
│ │ │ ├[1.2.4.1]–4-1章导读.mp4
│ │ │ ├[1.2.4.2]–4-2RESTfulAPI简介.mp4
│ │ │ ├[1.2.4.3]–4-34种常见接口测试工具介绍.mp4
│ │ │ ├[1.2.4.4]–4-4什么是Mock数据，有哪些Mock平台？.mp4
│ │ │ ├[1.2.4.5]–4-5使用Docker搭建本地Mock服务&接口测试服务DOCl.mp4
│ │ │ ├[1.2.4.6]–4-6DOClever中Mock方式开发.mp4
│ │ │ ├[1.2.4.7]–4-7Mock.js小而美的Mock数据神器.mp4
│ │ │ └[1.2.4.8]–4-9本章小结.mp4
│ ├<{3}–NoSQL数据库的设计与集成>
│ │ ├<{0}–附件>
│ │ ├<{1}–第1章NoSQL数据库MongoDB认知与设计>
│ │ │ ├[1.3.1.1]–1-1章导读.mp4
│ │ │ ├[1.3.1.2]–1-3NoSQL数据库&设计原则.mp4
│ │ │ └[1.3.1.3]–1-4MongoDB简介&安装.mp4
│ │ ├<{2}–第2章MongoDB应用与实战>
│ │ │ ├[1.3.2.1]–2-1MongoDB初始化配置.mp4
│ │ │ ├[1.3.2.2]–2-2介绍GUI工具.mp4
│ │ │ ├[1.3.2.3]–2-3MongoDB备份与恢复.mp4
│ │ │ ├[1.3.2.4]–2-4Mongoose使用简介.mp4
│ │ │ └[1.3.2.5]–2-5Mongoose实战配置&CURD操作.mp4
│ │ ├<{3}–第3章Redis认知与必备CLI命令>
│ │ │ ├[1.3.3.1]–3-1章导读.mp4
│ │ │ ├[1.3.3.2]–3-2Redis简介.mp4
│ │ │ ├[1.3.3.3]–3-5Redis安装.mp4
│ │ │ ├[1.3.3.4]–3-7Redis常见CLI命令1—取值.mp4
│ │ │ ├[1.3.3.5]–3-10Redis常见CLI命令2—发布订阅.mp4
│ │ │ └[1.3.3.6]–3-12Redis常见CLI命令3—服务相关&备份恢复.mp4
│ │ ├<{4}–第4章Redis和Nodejs集成与实践>
│ │ │ ├[1.3.4.1]–4-1Redis的GUI工具.mp4
│ │ │ ├[1.3.4.2]–4-2Redis实战应用配置—get&set方法.mp4
│ │ │ ├[1.3.4.3]–4-3Redis实战应用配置—哈希表hset&hgetall.mp4
│ │ │ └[1.3.4.4]–4-4Redis实战应用配置-BlueBird.mp4
│ ├<{4}–JWT登录鉴权—通用登录模块后端开发>
│ │ ├<{0}–附件>
│ │ ├<{1}–第1章鉴权方式及相关概念>
│ │ │ ├[1.4.1.1]–1-1章导学.mp4
│ │ │ ├[1.4.1.2]–1-2登录鉴权核心概念.mp4
│ │ │ └[1.4.1.4]–1-4API接口安全相关知识（加密&算法&HTTPS）.mp4
│ │ ├<{2}–第2章客户端开发-前端接口开发&数据校验>
│ │ │ ├[1.4.2.1]–2-1登录鉴权开发前置回顾.mp4
│ │ │ ├[1.4.2.2]–2-2前端项目Veevalidate3X.mp4
│ │ │ ├[1.4.2.3]–2-3Veevalidate3X升级-本地化&配置自定义消息.mp4
│ │ │ ├[1.4.2.4]–2-4Veevalidate结合vuei18n.mp4
│ │ │ ├[1.4.2.5]–2-5封装Axios请求（拦截器）.mp4
│ │ │ ├[1.4.2.6]–2-6axios封装进阶-业务示例、逻辑代码、配置.mp4
│ │ │ ├[1.4.2.7]–2-7图片验证码存储&校验机制设计.mp4
│ │ │ └[1.4.2.8]–2-8前台veevalidate登录校验&接口请求设计.mp4
│ │ ├<{3}–第3章服务端开发-jwt鉴权集成>
│ │ │ ├[1.4.3.1]–3-1JWT鉴权方式：koa-jwt集成.mp4
│ │ │ ├[1.4.3.2]–3-2服务端登录逻辑&业务代码调试.mp4
│ │ │ ├[1.4.3.3]–3-3服务端koa统一错误处理.mp4
│ │ │ ├[1.4.3.4]–3-4VSCode对配置alias的支持.mp4
│ │ │ ├[1.4.3.5]–3-5使用Chrome调试服务端应用.mp4
│ │ │ └[1.4.3.6]–3-6登录功能小结&联调测试.mp4
│ │ ├<{4}–第4章vue自定义组件>
│ │ │ ├[1.4.4.1]–4-1前端数据校验及交互设计的两种方法.mp4
│ │ │ ├[1.4.4.2]–4-2Vue自定义Alert组件.mp4
│ │ │ ├[1.4.4.3]–4-3Vue自定义Confirm组件.mp4
│ │ │ └[1.4.4.4]–4-4前端数据校验交互一：自定义弹窗.mp4
│ │ ├<{5}–第5章前后端联调–注册接口及接口联调>
│ │ │ ├[1.4.5.1]–5-1前端注册业务开发.mp4
│ │ │ ├[1.4.5.2]–5-2注册接口Mock数据.mp4
│ │ │ ├[1.4.5.3]–5-3注册接口开发&前后联调.mp4
│ │ │ └[1.4.5.4]–5-4登录鉴权总结.mp4
├<{2}–阶段二：项目全流程DevOps>
│ ├<{1}–团队协作-文档管理与缺陷控制>
│ │ ├<{0}–附件>
│ │ ├<{1}–第1章项目开发团队协作——文档管理>
│ │ │ ├[2.1.1.1]–1-1章导读（敏捷流程之文档管理宝鉴）.mp4
│ │ │ ├[2.1.1.10]–1-12pages自建博客.mp4
│ │ │ ├[2.1.1.11]–1-13章小结【文档管理工具按需取用】.mp4
│ │ │ ├[2.1.1.2]–1-2Markdown简介.mp4
│ │ │ ├[2.1.1.3]–1-3Typora一款跨端的Markdown实时编辑预览编辑器.mp4
│ │ │ ├[2.1.1.4]–1-4Markdown常用语法.mp4
│ │ │ ├[2.1.1.5]–1-5Typora主题及Markdown输出样式自定义.mp4
│ │ │ ├[2.1.1.6]–1-64款文档管理工具介绍（思想决定视野，工具提升效率）.mp4
│ │ │ ├[2.1.1.7]–1-8ShowDoc的本地化安装.mp4
│ │ │ ├[2.1.1.8]–1-9ShowDoc工作流及配置.mp4
│ │ │ └[2.1.1.9]–1-11云笔记&个人笔记使用指北（勤练习才能写好文档）-v2.0.mp4
│ │ ├<{2}–第2章缺陷控制（项目进度质量管理）>
│ │ │ ├[2.1.2.1]–2-1章导读.mp4
│ │ │ ├[2.1.2.2]–2-3缺陷控制概念【万里长征第一步，质量管理】.mp4
│ │ │ ├[2.1.2.3]–2-6最佳实践【万里长征第一步，质量管理】.mp4
│ │ │ ├[2.1.2.4]–2-8缺陷管理工具分类.mp4
│ │ │ ├[2.1.2.5]–2-9Trello&Teambition使用介绍.mp4
│ │ │ └[2.1.2.6]–2-10禅道&Jira&Redmine简介.mp4
│ │ ├<{3}–第3章缺陷控制之质量管理工具>
│ │ │ ├[2.1.3.1]–3-1ESLint安装&初始化.mp4
│ │ │ ├[2.1.3.2]–3-4ESLint规则&配置方法.mp4
│ │ │ ├[2.1.3.3]–3-7ESLint与VSCode&Webstorm结合使用.mp4
│ │ │ ├[2.1.3.4]–3-8Vue项目中使用VSCode插件自动格式化+自动ESLin.mp4
│ │ │ └[2.1.3.5]–3-9本章小结.mp4
│ ├<{2}–团队协作-版本管理>
│ │ ├<{0}–附件>
│ │ │ ├(2.2.1)–Typora中Table进阶使用.pdf
│ │ │ ├(2.2.2)–gitsubmodule.pdf
│ │ │ ├(2.2.3)–gitlab配置HTTPS与邮件服务.pdf
│ │ │ ├(2.2.4)–开源许可协议.pdf
│ │ │ ├(2.2.5)–使用gitsubtree管理项目中的子库.pdf
│ │ │ ├(2.2.6)–2-22（资料与代码）.rar
│ │ │ └(2.2.7)–学习Markdown语法.pdf
│ │ ├<{1}–第1章项目开发团队协作——版本管理>
│ │ │ ├[2.2.1.1]–1-1章导学（敏捷流程之版本控制宝鉴）-.mp4
│ │ │ ├[2.2.1.10]–1-19分支管理的基础命令介绍（多人协作之分支管理）.mp4
│ │ │ ├[2.2.1.11]–1-21实操gitflow&常见问题（多人协作之分支管理）.mp4
│ │ │ ├[2.2.1.12]–1-24dockerrun搭建gitlab平台.mp4
│ │ │ ├[2.2.1.13]–1-25docker-compose搭建gitlab平台（自动动.mp4
│ │ │ ├[2.2.1.14]–1-26docker-compose运维gitlab平台：备份&.mp4
│ │ │ ├[2.2.1.15]–1-27gitlab的权限介绍&组权限控制&分支保护.mp4
│ │ │ ├[2.2.1.16]–1-28三种方法产生.gitignore文件（git必备知识）.mp4
│ │ │ ├[2.2.1.17]–1-29Git的GUI工具使用简介.mp4
│ │ │ ├[2.2.1.18]–1-30【温故知新】章总结.mp4
│ │ │ ├[2.2.1.2]–1-2语义化版本SemanticVersioning（版本控制基.mp4
│ │ │ ├[2.2.1.3]–1-5git工具导学&gitvssvn&git多密钥管理.mp4
│ │ │ ├[2.2.1.4]–1-8从零配置github到SSH秘钥克隆仓库（版本控制工具gi.mp4
│ │ │ ├[2.2.1.5]–1-10情景一：空仓库&创建仓库提交代码（版本控制工具git）.mp4
│ │ │ ├[2.2.1.6]–1-11情境二：推送代码到多个仓库（版本控制工具git）.mp4
│ │ │ ├[2.2.1.7]–1-12github仓库settings介绍（版本控制工具git.mp4
│ │ │ ├[2.2.1.8]–1-14深入理解git工作原理——快照管理（版本控制工具git）.mp4
│ │ │ └[2.2.1.9]–1-16两种应用场景下的gitflow模型（多人协作gitflo.mp4
│ ├<{3}–团队协作-自动化流程>
│ │ ├<{0}–附件>
│ │ ├<{1}–第1章深入浅出前端自动化>
│ │ │ ├[2.3.1.1]–1-1章导读【小荷才露尖尖角，揭开自动化的面纱】.mp4
│ │ │ ├[2.3.1.2]–1-2什么是前端自动化？什么是CICD？.mp4
│ │ │ └[2.3.1.3]–1-4自动化流程概念&最佳实践.mp4
│ │ ├<{2}–第2章CircleCITravisCI自动化工具合集>
│ │ │ ├[2.3.2.1]–2-1自动化工具介绍&CircleCI使用.mp4
│ │ │ ├[2.3.2.2]–2-4CircleCI配置自动化任务—打包构建.mp4
│ │ │ └[2.3.2.3]–2-7CircleCI实战Vue项目发布到githubpages.mp4
│ │ ├<{3}–第3章Jenkins—CI&CD工具鼻祖>
│ │ │ ├[2.3.3.1]–3-1Jenkins使用介绍&课程案例架构.mp4
│ │ │ ├[2.3.3.2]–3-3Jenkins安装&Docker安装示例.mp4
│ │ │ ├[2.3.3.3]–3-7Jenkins插件配置&保存Docker容器数据.mp4
│ │ │ ├[2.3.3.4]–3-10Jenkins权限管理3种方案.mp4
│ │ │ └[2.3.3.5]–3-12Jenkins&gitlab项目任务.mp4
│ │ ├<{4}–第4章自动化实战>
│ │ │ ├[2.3.4.1]–4-1前后端项目Dockerfile&项目实战配置.mp4
│ │ │ ├[2.3.4.3]–4-3前后端项目Jenkins任务配置（1）.mp4
│ │ │ └[2.3.4.4]–4-4前后端项目Jenkins任务配置（2）.mp4
│ │ ├<{5}–第5章GithubActions>
│ │ │ ├[2.3.5.1]–5-1章导学：githubactions.mp4
│ │ │ ├[2.3.5.10]–5-10[加餐]手动发布release&自动生成发行说明.mp4
│ │ │ ├[2.3.5.11]–5-11使用GithubActions自动发布Release.mp4
│ │ │ ├[2.3.5.12]–5-12常见的Actions推荐&如何自建GithubActio.mp4
│ │ │ ├[2.3.5.2]–5-2Github加速DevSideCar.mp4
│ │ │ ├[2.3.5.3]–5-3GithubActions界面与设置.mp4
│ │ │ ├[2.3.5.4]–5-4同步Gitee代码的三种方式.mp4
│ │ │ ├[2.3.5.5]–5-5构建代码并发布GithubPages.mp4
│ │ │ ├[2.3.5.6]–5-6构建优化加入npm缓存.mp4
│ │ │ ├[2.3.5.7]–5-7使用GithubActions自动化发布GiteePage.mp4
│ │ │ ├[2.3.5.8]–5-8GA作业&rsync发布至服务器.mp4
│ │ │ └[2.3.5.9]–5-9自动管理githubissues并打标签.mp4
├<{3}–阶段三：PC端进阶前后端开发>
│ ├<{1}–全栈开发—首页模块>
│ │ ├<{0}–附件>
│ │ │ └(3.1.1)–社区开发功能思维导图.png
│ │ ├<{1}–第1章首页：需求分析>
│ │ │ ├[3.1.1.1]–1-1章导读（教学内容、目标、建议）.mp4
│ │ │ └[3.1.1.2]–1-2功能拆解&原型设计说明.mp4
│ │ ├<{2}–第2章首页：数据库设计>
│ │ │ ├[3.1.2.1]–2-1数据库-业务功能分析.mp4
│ │ │ ├[3.1.2.2]–2-2数据库设计-用户信息.mp4
│ │ │ └[3.1.2.3]–2-3数据库设计-发贴、签到、友链.mp4
│ │ ├<{3}–第3章首页：接口定义&组件拆分>
│ │ │ ├[3.1.3.1]–3-1接口设计&组件拆分.mp4
│ │ │ ├[3.1.3.2]–3-2首页接口定义-文章列表.mp4
│ │ │ └[3.1.3.3]–3-3首页接口定义-侧栏接口定义.mp4
│ │ ├<{4}–第4章首页样式开发>
│ │ │ ├[3.1.4.2]–4-2vue-cli升级到v4版本.mp4
│ │ │ ├[3.1.4.3]–4-4初始响应式原理.mp4
│ │ │ ├[3.1.4.4]–4-7完成首页静态页面结构.mp4
│ │ │ └[3.1.4.5]–4-8优化温馨通道样式.mp4
│ │ ├<{5}–第5章首页筛选交互及接口开发>
│ │ │ ├[3.1.5.1]–5-1首页交互及接口分析&最终效果展示.mp4
│ │ │ ├[3.1.5.2]–5-3首页Panel部分路由交互.mp4
│ │ │ ├[3.1.5.3]–5-4前台首页接口开发.mp4
│ │ │ ├[3.1.5.4]–5-5首页列表筛选部分交互逻辑.mp4
│ │ │ ├[3.1.5.5]–5-6拆分首页ListItem组件1.mp4
│ │ │ └[3.1.5.6]–5-7拆分首页ListItem组件2.mp4
│ │ ├<{6}–第6章首页长列表内容配合Mock数据开发>
│ │ │ ├[3.1.6.1]–6-1长列表加载注意的三个基本面.mp4
│ │ │ ├[3.1.6.2]–6-2axios拦截器取消用户重复请求.mp4
│ │ │ ├[3.1.6.3]–6-3首页列表监听筛选数据.mp4
│ │ │ ├[3.1.6.4]–6-4首页路由监听加载分类数据.mp4
│ │ │ └[3.1.6.5]–6-5首页侧边栏：温馨通道、友链接口开发.mp4
│ │ ├<{7}–第7章首页后端开发>
│ │ │ ├[3.1.7.1]–7-1后台项目初始化：项目依赖升级.mp4
│ │ │ ├[3.1.7.2]–7-2ESLint规则扩展：使用Standard规则.mp4
│ │ │ ├[3.1.7.3]–7-4定义文章接口的Model（学习Pre、Statics方法）.mp4
│ │ │ ├[3.1.7.4]–7-5（插播技巧）效率开发-vscode编辑进阶.mp4
│ │ │ ├[3.1.7.5]–7-6后台文章接口测试&联合查询介绍.mp4
│ │ │ ├[3.1.7.6]–7-8升级Dayjs库（用法与Moment一致）.mp4
│ │ │ ├[3.1.7.7]–7-9完善用户信息Model（与Post进行联合查询）.mp4
│ │ │ └[3.1.7.9]–7-12首页侧栏（温馨提醒、本周热议）接口联调.mp4
│ │ ├<{8}–第8章周总结>
│ │ │ └[3.1.8.1]–8-1周总结.mp4
│ ├<{2}–全栈开发—用户中心>
│ │ ├<{1}–第1章个人中心页面与交互开发>
│ │ │ ├[3.2.1.1]–1-1优化用户登录路由.mp4
│ │ │ ├[3.2.1.10]–1-10Sass进阶1@for,@Mixin,Map用法介绍.mp4
│ │ │ ├[3.2.1.11]–1-12Sass进阶2@each,Map相关操作，学会书写通用工.mp4
│ │ │ ├[3.2.1.2]–1-2首页个人中心菜单交互.mp4
│ │ │ ├[3.2.1.4]–1-4使用最新的Layui版本.mp4
│ │ │ ├[3.2.1.5]–1-5创建个人内容子组件.mp4
│ │ │ ├[3.2.1.6]–1-6完成用户中心欢迎页静态样式书写(CSS基础).mp4
│ │ │ ├[3.2.1.7]–1-7完成个人中心基本设置(CSS基础).mp4
│ │ │ ├[3.2.1.8]–1-8完成我的帖子子组件静态样式(CSS基础).mp4
│ │ │ └[3.2.1.9]–1-9完成消息&其他设置页面静态样式(CSS基础).mp4
│ │ ├<{2}–第2章前后端分离后安全机制与缓存机制>
│ │ │ ├[3.2.2.1]–2-1用户信息如何缓存？localStorage&Session.mp4
│ │ │ ├[3.2.2.2]–2-3登录路由优化（全局路由守卫）.mp4
│ │ │ └[3.2.2.3]–2-5登录安全机制优化（jwt过期后处理逻辑）.mp4
│ │ ├<{3}–第3章用户积分体系之签到模块开发>
│ │ │ ├[3.2.3.1]–3-1用户签到说明模态框（CSS基础）.mp4
│ │ │ ├[3.2.3.10]–3-11签到组件前端交互.mp4
│ │ │ ├[3.2.3.11]–3-12自定义Pop气泡组件.mp4
│ │ │ ├[3.2.3.12]–3-13完善签到组件.mp4
│ │ │ ├[3.2.3.2]–3-2签到榜列表（CSS基础）.mp4
│ │ │ ├[3.2.3.3]–3-3签到榜标签切换.mp4
│ │ │ ├[3.2.3.4]–3-5签到榜的组件拆分&子组件事件传递.mp4
│ │ │ ├[3.2.3.5]–3-6用户签到逻辑介绍.mp4
│ │ │ ├[3.2.3.6]–3-7签到接口开发1.mp4
│ │ │ ├[3.2.3.7]–3-8签到接口开发2.mp4
│ │ │ ├[3.2.3.8]–3-9签到接口3种调试方法：功能测试、单步调试、临界条件测试.mp4
│ │ │ └[3.2.3.9]–3-10签到接口完成测试&接口开发小结.mp4
│ │ ├<{4}–第4章修改基本信息页面开发>
│ │ │ ├[3.2.4.1]–4-1异常路由处理，添加404页面.mp4
│ │ │ ├[3.2.4.10]–4-10代码作业-忘记密码页面&接口.mp4
│ │ │ ├[3.2.4.11]–4-11上传头像前端页面开发.mp4
│ │ │ ├[3.2.4.12]–4-12图片上传接口路由&文件解析配置.mp4
│ │ │ ├[3.2.4.13]–4-13自定义路径工具类&make-dir库使用.mp4
│ │ │ ├[3.2.4.14]–4-15上传头像接口联调.mp4
│ │ │ ├[3.2.4.15]–4-16修改密码功能.mp4
│ │ │ ├[3.2.4.2]–4-2input标签radio样式自定义.mp4
│ │ │ ├[3.2.4.3]–4-3基本设置修改用户资料接口.mp4
│ │ │ ├[3.2.4.4]–4-4后端Routes入口优化require.context.mp4
│ │ │ ├[3.2.4.5]–4-5基本信息修改接口开发.mp4
│ │ │ ├[3.2.4.6]–4-6调试账号修改接口&邮件发送服务.mp4
│ │ │ ├[3.2.4.7]–4-7调试账号修改路由&自定义邮件内容.mp4
│ │ │ ├[3.2.4.8]–4-8开发确认邮件跳转的前端页面.mp4
│ │ │ └[3.2.4.9]–4-9完成用户中心修改个人信息.mp4
│ ├<{3}–全栈开发—发贴回帖模块>
│ │ ├<{1}–第1章发贴功能之自定义编辑器开发>
│ │ │ ├[3.3.1.1]–1-1node版本升级至12.14.0.mp4
│ │ │ ├[3.3.1.10]–1-12完成编辑器预览之表情、链接、引用处理.mp4
│ │ │ ├[3.3.1.11]–1-13完成代码块&预览功能，调试自定义编辑器.mp4
│ │ │ ├[3.3.1.12]–1-16发贴请求表单检验.mp4
│ │ │ ├[3.3.1.13]–1-17发贴内容使用localStorage本地缓存.mp4
│ │ │ ├[3.3.1.14]–1-18发贴后端接口开发&前后端联调.mp4
│ │ │ ├[3.3.1.15]–1-19dayjs使用扩展插件（国际化、取时间差）.mp4
│ │ │ ├[3.3.1.2]–1-2发贴页面需求分析.mp4
│ │ │ ├[3.3.1.3]–1-3完成发贴页面样式&自定义select交互.mp4
│ │ │ ├[3.3.1.4]–1-4使用mixin混入优化图片验证码功能.mp4
│ │ │ ├[3.3.1.5]–1-6自定义表情&transition过渡、父子通信.mp4
│ │ │ ├[3.3.1.6]–1-8编辑器图片上传功能.mp4
│ │ │ ├[3.3.1.7]–1-9编辑器添加链接功能（作业：自行完成引用、代码块插入样式）.mp4
│ │ │ ├[3.3.1.8]–1-10优化编辑器组件间事件传递.mp4
│ │ │ └[3.3.1.9]–1-11指定光标位置插入自定义内容格式.mp4
│ │ ├<{2}–第2章帖子详情页面开发–需求、样式与自定义组件>
│ │ │ ├[3.3.2.1]–2-1帖子详情页面需求分析.mp4
│ │ │ ├[3.3.2.10]–2-10文章详情前端页面调试.mp4
│ │ │ ├[3.3.2.2]–2-2帖子详情数据库及接口定义.mp4
│ │ │ ├[3.3.2.3]–2-3完成帖子详情样式.mp4
│ │ │ ├[3.3.2.4]–2-4自定义分页组件.mp4
│ │ │ ├[3.3.2.5]–2-5分页组件添加统计页数&分页限制选项.mp4
│ │ │ ├[3.3.2.6]–2-6分页组件逻辑分析&lodash进阶使用.mp4
│ │ │ ├[3.3.2.7]–2-7控制按钮样式与列表index绑定.mp4
│ │ │ ├[3.3.2.8]–2-8完成分页组件&调试页面点击事件.mp4
│ │ │ └[3.3.2.9]–2-9文章详情&评论列表接口定义.mp4
│ │ ├<{3}–第3章帖子详情页面开发–评论点赞、回复>
│ │ │ ├[3.3.3.1]–3-1Mock数据调试前端评论列表样式.mp4
│ │ │ ├[3.3.3.10]–3-11评论点赞&回复特定的用户.mp4
│ │ │ ├[3.3.3.2]–3-2文章详情后台接口开发&前后端调试.mp4
│ │ │ ├[3.3.3.3]–3-3评论列表接口开发.mp4
│ │ │ ├[3.3.3.4]–3-4新增评论接口开发.mp4
│ │ │ ├[3.3.3.5]–3-5新增richtext自定义指令&完善翻页组件(小作业).mp4
│ │ │ ├[3.3.3.7]–3-8评论编辑接口开发.mp4
│ │ │ ├[3.3.3.8]–3-9评论采纳功能开发.mp4
│ │ │ └[3.3.3.9]–3-10评论点赞前后端联调.mp4
│ │ ├<{4}–第4章帖子详情页面开发–发贴编辑、收藏>
│ │ │ ├[3.3.4.1]–4-1阅读记数&评论记数功能.mp4
│ │ │ ├[3.3.4.2]–4-2开发编辑帖子功能.mp4
│ │ │ ├[3.3.4.3]–4-3文章详情&评论点赞联调（完成发贴业务）.mp4
│ │ │ └[3.3.4.4]–4-4设置收藏&取消收藏功能开发.mp4
│ │ ├<{5}–第5章个人中心之发帖、收藏、获取信息与联调>
│ │ │ ├[3.3.5.1]–5-1个人中心-发贴记录功能开发.mp4
│ │ │ ├[3.3.5.2]–5-2个人中心-收藏帖子列表.mp4
│ │ │ ├[3.3.5.3]–5-3个人中心-获取用户的基本信息.mp4
│ │ │ └[3.3.5.4]–5-4完成用户中心&页面联调.mp4
│ ├<{4}–消息中间件开发（WebSocket通信）>
│ │ ├<{0}–附件>
│ │ │ └(3.4.1)–消息中间件开发WebSocket通信.pdf
│ │ ├<{1}–第1章WebSocket简介>
│ │ │ ├[3.4.1.1]–1-1websocket周导读.mp4
│ │ │ ├[3.4.1.2]–1-2Websocket基础.mp4
│ │ │ ├[3.4.1.3]–1-3第一个WebSocket应用.mp4
│ │ │ ├[3.4.1.4]–1-4常见API介绍&第一个ws应用.mp4
│ │ │ ├[3.4.1.5]–1-5socket.io开发简单的消息应用.mp4
│ │ │ └[3.4.1.6]–1-6WebSocket属姓onerror&onclose.mp4
│ │ ├<{2}–第2章多人聊天室应用>
│ │ │ ├[3.4.2.1]–2-1ws实现聊天功能(消息广播).mp4
│ │ │ ├[3.4.2.2]–2-2进入聊天室欢迎语功能.mp4
│ │ │ ├[3.4.2.3]–2-3统计在线人数&离开聊天室发送通知.mp4
│ │ │ ├[3.4.2.4]–2-4多聊天室.mp4
│ │ │ ├[4.1.2.1]–2-1项目依赖升级：Prettier&lint-stage配置.mp4
│ │ │ ├[4.1.2.2]–2-2升级iview4.x版本&配置sass-loader.mp4
│ │ │ ├[4.1.2.3]–2-3工程目录.mp4
│ │ │ ├[4.1.2.4]–2-4修改登录表单，添加图片验证码样式.mp4
│ │ │ ├[4.1.2.5]–2-5iview-admin整体代码逻辑分析&图片验证码接口对接.mp4
│ │ │ ├[4.1.2.6]–2-6vuex中modules用法介绍.mp4
│ │ │ ├[4.1.2.7]–2-7完成登录功能接口联调&登录组件改造.mp4
│ │ │ ├[4.1.2.8]–2-8登录Form组件数据校验.mp4
│ │ │ └[4.1.2.9]–2-9用户登录状态保存（js-cookie）.mp4
│ │ ├<{3}–第3章WebSocket消息应用进阶>
│ │ │ ├[3.4.3.1]–3-1WebSocket鉴权方式.mp4
│ │ │ ├[3.4.3.2]–3-2心跳检测&断线重连.mp4
│ │ │ ├[3.4.3.3]–3-3心跳检测&断线重连联调.mp4
│ │ │ ├[3.4.3.4]–3-4离线消息缓存开发准备.mp4
│ │ │ ├[3.4.3.5]–3-5消息缓存流程图&数据结构设计.mp4
│ │ │ ├[3.4.3.6]–3-6离线消息缓存-存储房间信息.mp4
│ │ │ ├[3.4.3.7]–3-7离线消息缓存-消息缓存.mp4
│ │ │ └[3.4.3.8]–3-8离线消息缓存联调.mp4
│ │ ├<{4}–第4章个人中心–我的消息（实时、历史消息）开发>
│ │ │ ├[3.4.4.1]–4-1个人中心-我的消息功能分析&样式开发.mp4
│ │ │ ├[3.4.4.2]–4-2后端消息查询方法一：MongoDB联合查询（困难）.mp4
│ │ │ ├[3.4.4.3]–4-3后端消息查询方法二：扩展Comments评论信息.mp4
│ │ │ ├[3.4.4.4]–4-4实时消息开发-后端WebSocket封装.mp4
│ │ │ ├[3.4.4.5]–4-5实时消息开发-前端websocket封装.mp4
│ │ │ ├[3.4.4.6]–4-6实时消息开发-前后端联调.mp4
│ │ │ ├[3.4.4.7]–4-7作业-清空全部消息功能开发.mp4
│ │ │ ├[3.4.4.8]–4-8实时消息开发-断线重连.mp4
│ │ │ └[3.4.4.9]–4-9周总结.mp4
├<{4}–阶段四：CMS后台管理系统开发>
│ ├<{1}–组件化思想进阶：iview上手文章管理>
│ │ ├<{0}–附件>
│ │ ├<{1}–第1章导读>
│ │ │ └[4.1.1.2]–1-2课程导读（必看）.mp4
│ │ ├<{2}–第2章中后台UI进阶（升级iview-admin基础组件库）>
│ │ │ ├[4.1.2.1]–2-1项目依赖升级：Prettier&lint-stage配置.mp4
│ │ │ ├[4.1.2.2]–2-2升级iview4.x版本&配置sass-loader.mp4
│ │ │ ├[4.1.2.3]–2-3工程目录.mp4
│ │ │ ├[4.1.2.4]–2-4修改登录表单，添加图片验证码样式.mp4
│ │ │ ├[4.1.2.5]–2-5iview-admin整体代码逻辑分析&图片验证码接口对接.mp4
│ │ │ ├[4.1.2.6]–2-6vuex中modules用法介绍.mp4
│ │ │ ├[4.1.2.7]–2-7完成登录功能接口联调&登录组件改造.mp4
│ │ │ ├[4.1.2.8]–2-8登录Form组件数据校验.mp4
│ │ │ └[4.1.2.9]–2-9用户登录状态保存（js-cookie）.mp4
│ │ ├<{3}–第3章后台文章管理页面开发>
│ │ │ ├[4.1.3.1]–3-1创建自定义路由.mp4
│ │ │ ├[4.1.3.10]–3-10标签管理页面开发（代码作业）.mp4
│ │ │ ├[4.1.3.2]–3-2路由多语言逻辑分析&i18n多语言插件.mp4
│ │ │ ├[4.1.3.3]–3-3自定义内容管理页面基础样式.mp4
│ │ │ ├[4.1.3.4]–3-4两种格式化表格数据的方法（推荐render动态渲染）.mp4
│ │ │ ├[4.1.3.5]–3-5集成Page分页组件.mp4
│ │ │ ├[4.1.3.6]–3-6自定义表格组件操作功能.mp4
│ │ │ ├[4.1.3.7]–3-7删除指定文章功能开发&接口联调.mp4
│ │ │ ├[4.1.3.8]–3-8文章管理编辑模态框.mp4
│ │ │ └[4.1.3.9]–3-9文章管理编辑功能开发&接口联调.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页面权限举例：基于角涩的权限控制.mp4
│ │ │ ├[4.2.2.3]–2-3页面权限举例：操作权限控制.mp4
│ │ │ └[4.2.2.4]–2-4角涩权限控制基础.mp4
│ │ ├<{3}–第3章用户管理（自定义动态搜索组件、批量设置）>
│ │ │ ├[4.2.3.1]–3-1用户管理页面样式开发-添加Tables行批量选择功能.mp4
│ │ │ ├[4.2.3.10]–3-10自定义搜索组件样式.mp4
│ │ │ ├[4.2.3.11]–3-11自定义搜索组件动态选项交互.mp4
│ │ │ ├[4.2.3.12]–3-12自定义搜索组件交互调试.mp4
│ │ │ ├[4.2.3.13]–3-13自定义搜索组件接口开发.mp4
│ │ │ ├[4.2.3.2]–3-2开发用户管理接口（获取用户列表）.mp4
│ │ │ ├[4.2.3.3]–3-3用户基本信息编辑功能.mp4
│ │ │ ├[4.2.3.4]–3-4修改用户信息&删除用户模态框开发（form表单异步校验）.mp4
│ │ │ ├[4.2.3.5]–3-5新增用户前台样式&交互开发.mp4
│ │ │ ├[4.2.3.6]–3-6新增用户接口开发&联调.mp4
│ │ │ ├[4.2.3.7]–3-7批量操作-批量删除用户（学习deleteMany方法）.mp4
│ │ │ ├[4.2.3.8]–3-8批量操作-批量设置用户前台样式&交互开发-.mp4
│ │ │ └[4.2.3.9]–3-9批量操作-批量设置用户接口开发&联调-.mp4
│ │ ├<{4}–第4章权限设计>
│ │ │ ├[4.2.4.1]–4-1菜单权限设计基础.mp4
│ │ │ ├[4.2.4.2]–4-2菜单&权限管理数据库设计.mp4
│ │ │ └[4.2.4.3]–4-3菜单&权限管理页面设计思考.mp4
│ ├<{3}–中后台权限系统：基于角涩&菜单权限设计>
│ │ ├<{1}–第1章菜单管理基础样式（响应式、自定义表单）>
│ │ │ ├[4.3.1.1]–1-1创建菜单&权限管理页面路由.mp4
│ │ │ ├[4.3.1.2]–1-2开发菜单管理页面样式（响应式布局设置）.mp4
│ │ │ ├[4.3.1.3]–1-3菜单管理表单内容定制（vue中webpack链式配置：添加.mp4
│ │ │ └[4.3.1.4]–1-4自定义资源选项（分析页面交互，添加功能按钮）.mp4
│ │ ├<{2}–第2章菜单管理多级树形控件>
│ │ │ ├[4.3.2.1]–2-1添加菜单Dropdown交互.mp4
│ │ │ ├[4.3.2.2]–2-2多级菜单树添加兄弟节点、子节点交互.mp4
│ │ │ ├[4.3.2.3]–2-3多级菜单树编辑功能交互.mp4
│ │ │ ├[4.3.2.4]–2-4多级菜单树删除交互&操作互锁功能.mp4
│ │ │ └[4.3.2.5]–2-5代码作业：菜单管理页面-组件拆分.mp4
│ │ ├<{3}–第3章菜单管理之资源管理>
│ │ │ ├[4.3.3.1]–3-1资源管理添加交互.mp4
│ │ │ ├[4.3.3.2]–3-2资源管理数据保存与显示交互.mp4
│ │ │ └[4.3.3.3]–3-3资源管理批量设置、删除（完成菜单管理页面级交互）.mp4
│ │ ├<{4}–第4章菜单管理接口开发>
│ │ │ ├[4.3.4.1]–4-1Mongodb嵌套Model定义方法-定义菜单Menus.mp4
│ │ │ ├[4.3.4.2]–4-2菜单管理数据库操作机制（非常重要）.mp4
│ │ │ ├[4.3.4.3]–4-3菜单管理接口（CURD操作）.mp4
│ │ │ ├[4.3.4.4]–4-4获取&添加菜单接口对接（递归查询父节点）.mp4
│ │ │ ├[4.3.4.5]–4-5添加子菜单&更新菜单接口对接&联调.mp4
│ │ │ └[4.3.4.6]–4-6菜单管理删除菜单接口联调.mp4
│ │ ├<{5}–第5章角涩权限页面开发>
│ │ │ ├[4.3.5.1]–5-1角涩权限页面样式开发-.mp4
│ │ │ ├[4.3.5.2]–5-2角涩权限页面交互分析&添加角涩模态框-.mp4
│ │ │ ├[4.3.5.3]–5-3角涩权限管理交互（添加角涩、角涩权限展示.mp4
│ │ │ ├[4.3.5.4]–5-4角涩与菜单权限&操作权限联动交互.mp4
│ │ │ ├[4.3.5.5]–5-5角涩权限操作互锁（非编辑状态判断）.mp4
│ │ │ ├[4.3.5.6]–5-6设置角涩菜单权限、操作权限页面交互.mp4
│ │ │ └[4.3.5.7]–5-7角涩权限接口开发&联调.mp4
│ │ ├<{6}–第6章用户权限管理&接口权限(数据权限)开发>
│ │ │ ├[4.3.6.1]–6-1用户管理页面（对接角涩信息）.mp4
│ │ │ ├[4.3.6.2]–6-2代码作业（评论管理）.mp4
│ │ │ ├[4.3.6.3]–6-3获取用户所有角涩权限信息.mp4
│ │ │ ├[4.3.6.4]–6-4完成动态菜单联调.mp4
│ │ │ ├[4.3.6.5]–6-5如何配置超级管理员？(代码作业：菜单列表排序).mp4
│ │ │ └[4.3.6.6]–6-6接口权限控制中间件开发(数据权限).mp4
│ ├<{4}–首页可视化图表与日志服务>
│ │ ├<{1}–第1章首页可视化&Echart导学>
│ │ │ ├[4.4.1.1]–1-1章导学.mp4
│ │ │ └[4.4.1.2]–1-2Echarts基础&地图类型图表两种解决方案.mp4
│ │ ├<{2}–第2章首页统计>
│ │ │ ├[4.4.2.1]–2-1首页顶部统计信息-新增用户统计.mp4
│ │ │ ├[4.4.2.2]–2-2首页顶部统计-周数据统计.mp4
│ │ │ ├[4.4.2.3]–2-3定制发帖统计功能（通用饼状组件）.mp4
│ │ │ ├[4.4.2.4]–2-4近6月累计发帖统计(aggregate进阶).mp4
│ │ │ ├[4.4.2.5]–2-5近7日的统计数据（echarts进阶）.mp4
│ │ │ └[4.4.2.6]–2-6近7日的统计数据接口&联调.mp4
│ │ ├<{3}–第3章监控日志服务>
│ │ │ ├[4.4.3.1]–3-1准备联调开发环境.mp4
│ │ │ ├[4.4.3.2]–3-2监控日志方法一：简单的调试日志koa-logger.mp4
│ │ │ ├[4.4.3.3]–3-3监控日志方法二：文件日志koa-log4j.mp4
│ │ │ ├[4.4.3.4]–3-5错误日志收集koa中间件开发(持久化方案-数据库保存).mp4
│ │ │ ├[4.4.3.5]–3-6管理后台页面：table组件render进阶.mp4
│ │ │ ├[4.4.3.6]–3-7管理后台页面参数详情&批量删除功能.mp4
│ │ │ └[4.4.3.7]–3-8错误日志筛选查询（表格filterRemote）.mp4
│ │ ├<{4}–第4章前后台联调&持续集成任务配置>
│ │ │ ├[4.4.4.1]–4-1联调项目部署介绍.mp4
│ │ │ ├[4.4.4.2]–4-2社区应用前后端联调（配置接口权限、优化登录细节）.mp4
│ │ │ ├[4.4.4.4]–4-5项目部署准备（Dockerfile、生产环境mongo&r.mp4
│ │ │ ├[4.4.4.5]–4-6接口项目配置自动化任务（敏感信息、微信通知）.mp4
│ │ │ └[4.4.4.6]–4-7自动化部署前后台项目.mp4
├<{5}–阶段五：WebApp开发与Vue3项目重构>
│ ├<{1}–WebApp页面设计与开发>
│ │ ├<{1}–第1章导读>
│ │ │ ├[5.1.1.1]–1-1Webapp章导学.mp4
│ │ │ └[5.1.1.2]–1-2Webapp原型稿&项目演示.mp4
│ │ ├<{2}–第2章基础组件开发>
│ │ │ ├[5.1.2.1]–2-1Mint-ui介绍(熟悉组件名称、使用场景).mp4
│ │ │ ├[5.1.2.2]–2-2mint项目初始化（配置babel）.mp4
│ │ │ ├[5.1.2.3]–2-3项目state分层及动态module加载（改造登录逻辑）.mp4
│ │ │ ├[5.1.2.4]–2-4自定义icon组件（svg-sprite-loader的v.mp4
│ │ │ ├[5.1.2.5]–2-5自定义header组件（动态组件注册）(1).mp4
│ │ │ ├[5.1.2.6]–2-6全局样式方案：Normalize和Reset.mp4
│ │ │ ├[5.1.2.7]–2-7全局预处理样式&变量sass-loader配置.mp4
│ │ │ └[5.1.2.8]–2-8如何修改UI框架主题？(三种思路).mp4
│ │ ├<{3}–第3章常见问题解决方案(适配、上下拉加载)>
│ │ │ ├[5.1.3.1]–3-1自定义搜索组件（移动端适配方案postcss-px-to-.mp4
│ │ │ ├[5.1.3.2]–3-2作业：iconfont添加自定义去涩的svg图片.mp4
│ │ │ ├[5.1.3.3]–3-3自定义Footer组件.mp4
│ │ │ ├[5.1.3.4]–3-4移动端适配底部Footer组件(mixin方法扩展应用).mp4
│ │ │ ├[5.1.3.5]–3-5添加首页路由及页面Tabs.mp4
│ │ │ ├[5.1.3.6]–3-6下拉刷新、上拉加载（重要）.mp4
│ │ │ └[5.1.3.7]–3-7自定义首页ListItem组件.mp4
│ │ ├<{4}–第4章详情页面交互>
│ │ │ ├[5.1.4.1]–4-1详情页面需求分析&详情页开发准备.mp4
│ │ │ ├[5.1.4.2]–4-2详情页面开发-文章、底部输入框-.mp4
│ │ │ ├[5.1.4.3]–4-3完成评论列表样式.mp4
│ │ │ └[5.1.4.4]–4-4评论列表(无限滚动加载).mp4
│ │ ├<{5}–第5章移动端适配解决方案>
│ │ │ ├[5.1.5.1]–5-1处理微信下拉黑边.mp4
│ │ │ ├[5.1.5.2]–5-2移动端HTML的Meta标签配置.mp4
│ │ │ ├[5.1.5.3]–5-3移动端横竖屏兼容CSS方案.mp4
│ │ │ └[5.1.5.4]–5-4移动端底部Fixed定位交互设计.mp4
│ │ ├<{6}–第6章业务组件样式开发>
│ │ │ ├[5.1.6.1]–6-1登录页面基础结构.mp4
│ │ │ ├[5.1.6.2]–6-2登录接口对接（Vuex进阶Namespace及使用）.mp4
│ │ │ ├[5.1.6.3]–6-3个人中心页面头部样式.mp4
│ │ │ ├[5.1.6.4]–6-4完成个人中心样式(处理资源路径).mp4
│ │ │ ├[5.1.6.5]–6-5热门头部筛选样式.mp4
│ │ │ ├[5.1.6.6]–6-6完成热门列表样式.mp4
│ │ │ └[5.1.6.7]–6-7完成消息列表样式.mp4
│ │ ├<{7}–第7章WebApp前后端对接>
│ │ │ ├[5.1.7.1]–7-1热门功能前端接口定义（js策略模式）.mp4
│ │ │ ├[5.1.7.10]–7-11如何调试过渡效果&动画？transition小结.mp4
│ │ │ ├[5.1.7.11]–7-12热门模块组件化拆分.mp4
│ │ │ ├[5.1.7.12]–7-13webapp自动化发布&打包优化(配置TerserWeb.mp4
│ │ │ ├[5.1.7.2]–7-2热门文章接口开发&调试.mp4
│ │ │ ├[5.1.7.3]–7-3热门评论&签到接口开发.mp4
│ │ │ ├[5.1.7.4]–7-4热门帖子功能前后端联调.mp4
│ │ │ ├[5.1.7.5]–7-5热门评论&签到排行前后端联调.mp4
│ │ │ ├[5.1.7.6]–7-7路由守卫&历史消息对接.mp4
│ │ │ ├[5.1.7.7]–7-8NotFound页面及路由配置.mp4
│ │ │ ├[5.1.7.8]–7-9如何理解Vue中的Transtion过渡.mp4
│ │ │ └[5.1.7.9]–7-10移动端路由切换动画设计.mp4
│ ├<{2}–Vue3全家桶+Vite开发工具>
│ │ ├<{0}–附件>
│ │ │ ├(5.2.5)–状态管理pinia.pdf
│ │ │ ├(5.2.6)–Rollup扩展.pdf
│ │ │ └(5.2.7)–Vite插件.pdf
│ │ ├<{1}–第1章TypeScript核心知识讲解>
│ │ │ ├[5.2.1.1]–1-1TS导学.mp4
│ │ │ ├[5.2.1.10]–1-10声明文件&tsconfig配置文件.mp4
│ │ │ ├[5.2.1.2]–1-2基础类型&引用类型.mp4
│ │ │ ├[5.2.1.3]–1-3函数类型.mp4
│ │ │ ├[5.2.1.4]–1-4函数重载.mp4
│ │ │ ├[5.2.1.5]–1-5any&never&void&unknown区别与应用场景.mp4
│ │ │ ├[5.2.1.6]–1-6tuple与enum.mp4
│ │ │ ├[5.2.1.7]–1-7Interface.mp4
│ │ │ ├[5.2.1.8]–1-8Class类（修饰符、构建函数、接口扩展）.mp4
│ │ │ └[5.2.1.9]–1-9泛型.mp4
│ │ ├<{2}–第2章Vue2vsVue3>
│ │ │ ├[5.2.2.1]–2-1导学.mp4
│ │ │ ├[5.2.2.2]–2-2Vue3环境搭建&DevTools安装使用介绍.mp4
│ │ │ ├[5.2.2.3]–2-3Vue3中有哪些新的特姓？新的变化？.mp4
│ │ │ ├[5.2.2.4]–2-4Vue3响应式原理&Proxy工作原理.mp4
│ │ │ ├[5.2.2.5]–2-5Vue3渲染机制与优化（VirtualDOM）.mp4
│ │ │ ├[5.2.2.6]–2-6如何调试Vue3源码，学习内在的工作原理.mp4
│ │ │ └[5.2.2.7]–2-8Vue3集成TypeScript及TS配置指南.mp4
│ │ ├<{3}–第3章CompositionAPI>
│ │ │ ├[5.2.3.1]–3-1章导学-为什么要使用CompositionAPI.mp4
│ │ │ ├[5.2.3.2]–3-2新增组件属姓setup及其用法.mp4
│ │ │ ├[5.2.3.3]–3-3Vue3中如何进行逻辑复用？.mp4
│ │ │ ├[5.2.3.4]–3-4computedvswatchvswatchEffect.mp4
│ │ │ ├[5.2.3.5]–3-5深入学习常见响应式API.mp4
│ │ │ ├[5.2.3.6]–3-7Vue3生命周期钩子函数.mp4
│ │ │ ├[5.2.3.7]–3-8Suspense简介&封装通用ErrorCapture组件.mp4
│ │ │ └[5.2.3.8]–3-9teleport组件介绍.mp4
│ │ ├<{4}–第4章vue生态有哪些变化>
│ │ │ ├[5.2.4.1]–4-1章导学.mp4
│ │ │ ├[5.2.4.2]–4-2Vue-Router有哪些变化？.mp4
│ │ │ └[5.2.4.3]–4-3Vuex有哪些变化.mp4
│ │ ├<{5}–第5章todolist案例>
│ │ │ ├[5.2.5.1]–5-1TodoList需求分析.mp4
│ │ │ ├[5.2.5.2]–5-2页面基本结构&路由定义.mp4
│ │ │ ├[5.2.5.3]–5-3添加待办数据&如何自动创建types.mp4
│ │ │ ├[5.2.5.4]–5-4完成单项Item状态修改.mp4
│ │ │ ├[5.2.5.5]–5-5完成页面列表过滤功能.mp4
│ │ │ └[5.2.5.6]–5-6完成编辑与本地数据持久化.mp4
│ │ ├<{6}–第6章新一代的状态管理方案Pinia>
│ │ │ ├[5.2.6.1]–6-1[回顾]什么是状态管理？解决了什么问题？.mp4
│ │ │ ├[5.2.6.10]–6-10基础的TodoList案例（StoreToRefs）.mp4
│ │ │ ├[5.2.6.11]–6-11作业解析：进阶-嵌套列表与状态管理.mp4
│ │ │ ├[5.2.6.12]–6-12作业解析：进阶-删除清单项+统计.mp4
│ │ │ ├[5.2.6.13]–6-13作业解析：进阶-编辑清单项与排序.mp4
│ │ │ ├[5.2.6.14]–6-14作业解析：进阶-编辑清单项与排序.mp4
│ │ │ ├[5.2.6.15]–6-15作业总结+Vuex迁移方案.mp4
│ │ │ ├[5.2.6.2]–6-2Pinia定义：为什么要学习Pinia？它与Vuex的区别.mp4
│ │ │ ├[5.2.6.3]–6-3代码对比：Vuex3.xvsVuex4.mp4
│ │ │ ├[5.2.6.4]–6-4代码对比：Pinia基础示例（三种修改state的方法）.mp4
│ │ │ ├[5.2.6.5]–6-5代码对比：原生写法（依赖注入）.mp4
│ │ │ ├[5.2.6.6]–6-6代码对比：小结.mp4
│ │ │ ├[5.2.6.7]–6-7Pinia核心概念与进阶API.mp4
│ │ │ ├[5.2.6.8]–6-8通用开发环境搭建：Vite+Pinia+VSCode插件.mp4
│ │ │ └[5.2.6.9]–6-9Element-plus与Vue-router整合.mp4
│ │ ├<{7}–第7章Vite前端开发与构建工具介绍>
│ │ │ ├[5.2.7.1]–7-1Vite介绍&上手实践.mp4
│ │ │ ├[5.2.7.2]–7-2Vite配置TS支持,CSS预编译,路径别名.mp4
│ │ │ ├[5.2.7.3]–7-3vite2.x项目初始化(路径别名、CSS预编译、静态资源.mp4
│ │ │ ├[5.2.7.4]–7-4集成vuex,vue-router.mp4
│ │ │ ├[5.2.7.5]–7-5配置prettier&eslint&stylelint.mp4
│ │ │ └[5.2.7.6]–7-6Rollup简介.mp4
│ ├<{3}–前后端项目Vue3重构>
│ │ ├<{0}–附件>
│ │ ├<{1}–第1章PC端项目升级策略>
│ │ │ ├[5.3.1.1]–1-1章导学.mp4
│ │ │ └[5.3.1.2]–1-2PC端项目升级策略.mp4
│ │ ├<{2}–第2章登录&注册功能重构>
│ │ │ ├[5.3.2.1]–2-1处理项目资源+样式.mp4
│ │ │ ├[5.3.2.10]–2-10自定义弹窗组件.mp4
│ │ │ ├[5.3.2.2]–2-2完成底部Footer改造&封装ToggleUtils.mp4
│ │ │ ├[5.3.2.3]–2-3Veevalidate4.x集成.mp4
│ │ │ ├[5.3.2.4]–2-4Veevalidate4.x配置国际化插件i18n.mp4
│ │ │ ├[5.3.2.5]–2-5Axios&登录接口TS改造.mp4
│ │ │ ├[5.3.2.6]–2-6重构获取验证码逻辑.mp4
│ │ │ ├[5.3.2.7]–2-7登录表单预校验+定制错误消息提示.mp4
│ │ │ ├[5.3.2.8]–2-8处理登录请求(接口+表单重置+路由跳转).mp4
│ │ │ └[5.3.2.9]–2-9重构注册页面，优化Veevalidate.mp4
│ │ ├<{3}–第3章首页重构>
│ │ │ ├[5.3.3.1]–3-1首页重构分析.mp4
│ │ │ ├[5.3.3.2]–3-2完成首页布局+路由跳转.mp4
│ │ │ ├[5.3.3.3]–3-3重构首页List列表mixin.mp4
│ │ │ ├[5.3.3.4]–3-4重构ListItem&改写日期格式Filter.mp4
│ │ │ ├[5.3.3.5]–3-5封装通用listService，改写Top置顶组件.mp4
│ │ │ └[5.3.3.6]–3-6完成签到组件重构.mp4
│ │ ├<{4}–第4章改造第三方UI库升级Vue3.0>
│ │ │ ├[5.3.4.1]–4-1章导学.mp4
│ │ │ ├[5.3.4.2]–4-2UI基础库准备&Github下载加速.mp4
│ │ │ ├[5.3.4.3]–4-3ESLint&TypeScript升级（需要非常耐心）.mp4
│ │ │ ├[5.3.4.4]–4-4TS支持：TypeScript配置.mp4
│ │ │ ├[5.3.4.5]–4-5Babel升级到7.x版本.mp4
│ │ │ ├[5.3.4.7]–4-7改造button按钮组件Mixin.mp4
│ │ │ ├[5.3.4.8]–4-8完成Button组件改造(computed&methods.mp4
│ │ │ └[5.3.4.9]–4-9改造工具类.mp4
│ │ ├<{5}–第5章前端项目优化>
│ │ │ ├[5.3.5.1]–5-1refreshToken机制.mp4
│ │ │ ├[5.3.5.2]–5-2使用axios拦截器完成refreshToken机制mp4.mp4
│ │ │ ├[5.3.5.3]–5-3refreshToken功能前后台联调.mp4
│ │ │ ├[5.3.5.4]–5-4登录成功跳转回原来的页面.mp4
│ │ │ ├[5.3.5.5]–5-5动态菜单addRoutes功能介绍&接口测试.mp4
│ │ │ ├[5.3.5.6]–5-6管理后台项目动态路由开发.mp4
│ │ │ ├[5.3.5.7]–5-7动态路由功能前后端联调.mp4
│ │ │ └[5.3.5.8]–5-8动态路由持久化.mp4
│ ├<{4}–性能优化（服务端渲染）>
│ │ ├<{0}–附件>
│ │ ├<{1}–第1章导读>
│ │ │ └[5.4.1.1]–1-1导学.mp4
│ │ ├<{2}–第2章Vue服务端渲染方案一vue-server-rendere>
│ │ │ ├[5.4.2.1]–2-1SSR基础及工作原理.mp4
│ │ │ ├[5.4.2.2]–2-2SSR学习路径.mp4
│ │ │ ├[5.4.2.4]–2-4第一个SSR应用.mp4
│ │ │ ├[5.4.2.5]–2-5配置SSRwebpack热重载流程分析.mp4
│ │ │ ├[5.4.2.6]–2-6配置学习webpack-dev-middleware&we.mp4
│ │ │ ├[5.4.2.7]–2-7调试webpack热重载.mp4
│ │ │ ├[5.4.2.8]–2-8路由和代码分割.mp4
│ │ │ └[5.4.2.9]–2-9数据预取和状态.mp4
│ │ ├<{3}–第3章Vue服务端渲染方案二：Nuxt.js>
│ │ │ ├[5.4.3.1]–3-1Nuxtjs简介.mp4
│ │ │ ├[5.4.3.2]–3-2工程目录&自动生成路由.mp4
│ │ │ ├[5.4.3.3]–3-3Nuxtjs异步数据.mp4
│ │ │ ├[5.4.3.4]–3-4UniversalMode.mp4
│ │ │ └[5.4.3.5]–3-5登录鉴权之nuxtjsauth模块.mp4
│ │ ├<{4}–第4章服务端渲染实战-改造PC端首页与登录鉴权>
│ │ │ ├[5.4.4.1]–4-1首页项目初始化&完成头部底部样式.mp4
│ │ │ └[5.4.4.2]–4-2完成首页服务端渲染及调试.mp4
├<{6}–阶段六：小程序开发与支付专题>
│ ├<{1}–uniapp开发(首页菜单定制搜索)>
│ │ ├<{1}–第1章小程序开发环境与核心知识>
│ │ │ ├[6.1.1.1]–1-1小程序注册流程(建议使用非个人主体注册).mp4
│ │ │ ├[6.1.1.2]–1-2小程序后台开发配置、流程及UnionID机制.mp4
│ │ │ ├[6.1.1.3]–1-3开发者工具&第一个小程序应用.mp4
│ │ │ ├[6.1.1.4]–1-4小程序工程目录.mp4
│ │ │ ├[6.1.1.5]–1-5小程序宿主环境.mp4
│ │ │ ├[6.1.1.6]–1-6小程序样式语言WXSS及两种预编译方案介绍.mp4
│ │ │ └[6.1.1.8]–1-8WXML&WXSS语法简介.mp4
│ │ ├<{2}–第2章uniapp跨端开发框架>
│ │ │ ├[6.1.2.1]–2-1跨端框架(uniapp、taro、chameleon、mp.mp4
│ │ │ ├[6.1.2.2]–2-2uniapp开发规范（上手必读注意的点）.mp4
│ │ │ ├[6.1.2.3]–2-3uni-app项目目录.mp4
│ │ │ └[6.1.2.4]–2-4静态资源的引入方式.mp4
│ │ ├<{3}–第3章uniapp开发环境配置>
│ │ │ ├[6.1.3.1]–3-1玩转HBuilderX(主题、自定义配置、scss插件).mp4
│ │ │ ├[6.1.3.2]–3-2方案一：使用可视化界面创建uniapp项目.mp4
│ │ │ ├[6.1.3.3]–3-3方案二：使用vue-cli创建uni-app项目.mp4
│ │ │ └[6.1.3.4]–3-4最佳实践：ESLint+代码自动格式化.mp4
│ │ ├<{4}–第4章小程序演示&集成uViewUI框架>
│ │ │ ├[6.1.4.1]–4-1小程序功能演示.mp4
│ │ │ ├[6.1.4.2]–4-2代码依赖分析&导入静态资源.mp4
│ │ │ ├[6.1.4.3]–4-3完成首页tabBar.mp4
│ │ │ ├[6.1.4.4]–4-4uViewUI集成.mp4
│ │ │ └[6.1.4.5]–4-5自定义Navbar及适配右侧胶囊高度.mp4
│ │ ├<{5}–第5章首页搭建与样式>
│ │ │ ├[6.1.5.1]–5-1自定义搜索组件(使用easycom的两种方式).mp4
│ │ │ ├[6.1.5.2]–5-2分包是什么？创建&配置分包页面的两种方法.mp4
│ │ │ ├[6.1.5.3]–5-3搜索页面需求分析&完成页面基本结构.mp4
│ │ │ ├[6.1.5.4]–5-4首页标签样式与列表基本结构实现.mp4
│ │ │ ├[6.1.5.5]–5-5uview样式工具类介绍.mp4
│ │ │ ├[6.1.5.6]–5-6完成首页样式.mp4
│ │ │ └[6.1.5.7]–5-7uni获取元素高度（小技巧）.mp4
│ │ ├<{6}–第6章APIPromise化&请求封装>
│ │ │ ├[6.1.6.1]–6-1原生小程序接口APIPromise化.mp4
│ │ │ ├[6.1.6.2]–6-2uniapp中request封装需求分析.mp4
│ │ │ ├[6.1.6.3]–6-3请求封装方案一：原生封装及必须注意的三点（拦截器、错误处理.mp4
│ │ │ ├[6.1.6.4]–6-4uview中请求封装源码解读与全局配置.mp4
│ │ │ ├[6.1.6.5]–6-5请求封装方案二：view请求封装与统一错误处理.mp4
│ │ │ ├[6.1.6.6]–6-6优化uview请求封装.mp4
│ │ │ └[6.1.6.7]–6-7封装请求总结&说明.mp4
│ │ ├<{7}–第7章首页&搜索接口对接>
│ │ │ ├[6.1.7.1]–7-1小程序接口集中管理.mp4
│ │ │ ├[6.1.7.2]–7-2首页接口数据对接.mp4
│ │ │ ├[6.1.7.3]–7-3下拉刷新&上拉加载更多.mp4
│ │ │ ├[6.1.7.4]–7-4优化首页页面逻辑&封装list-item组件.mp4
│ │ │ ├[6.1.7.5]–7-5过滤器的使用：日期时间格式化.mp4
│ │ │ ├[6.1.7.6]–7-6搜索需求分析&搜索历史功能.mp4
│ │ │ ├[6.1.7.7]–7-7完成搜索建议(搜索推荐列表)及样式.mp4
│ │ │ └[6.1.7.8]–7-8搜索按钮&清空搜索历史.mp4
│ ├<{2}–uniapp开发(登录、详情、个人中心)>
│ │ ├<{1}–第1章优化API接口项目>
│ │ │ ├[6.2.1.1]–1-1章导读.mp4
│ │ │ ├[6.2.1.2]–1-2升级api项目webpack及相关依赖包.mp4
│ │ │ ├[6.2.1.3]–1-3借助ncu升级其他依赖项.mp4
│ │ │ ├[6.2.1.4]–1-4lint-staged解决了什么问题？lint-stage.mp4
│ │ │ └[6.2.1.5]–1-5nodemon-webpack-plugin优化调试命令.mp4
│ │ ├<{2}–第2章小程序登录&微信鉴权>
│ │ │ ├[6.2.2.1]–2-1微信登录流程介绍&阅读时序图.mp4
│ │ │ ├[6.2.2.10]–2-10维护登录凭证(code)的有效姓.mp4
│ │ │ ├[6.2.2.11]–2-11完善用户登录前端逻辑.mp4
│ │ │ ├[6.2.2.12]–2-12完善用户登录后端接口逻辑.mp4
│ │ │ ├[6.2.2.13]–2-13用户登录前后端联调.mp4
│ │ │ ├[6.2.2.2]–2-2在uniapp中集成Vuex.mp4
│ │ │ ├[6.2.2.3]–2-3小程序中如何调试Vuex？console&debugger.mp4
│ │ │ ├[6.2.2.4]–2-4vuex添加token&userInfo并持久化.mp4
│ │ │ ├[6.2.2.5]–2-5创建登录页面&完成基础样式.mp4
│ │ │ ├[6.2.2.6]–2-6获取用户信息两种方式(注意事项).mp4
│ │ │ ├[6.2.2.7]–2-7接口部分-用户登录接口获取开放数据.mp4
│ │ │ ├[6.2.2.8]–2-8开放数据校验与解密.mp4
│ │ │ └[6.2.2.9]–2-9用户登录&前后端测试数据解密.mp4
│ │ ├<{3}–第3章短信登录功能>
│ │ │ ├[6.2.3.1]–3-1需求分析&业务流程图.mp4
│ │ │ ├[6.2.3.2]–3-2手机登录页面样式.mp4
│ │ │ ├[6.2.3.4]–3-4短信服务介绍(推荐服务商、控制面板使用、API开发).mp4
│ │ │ ├[6.2.3.5]–3-5手机号登录前端逻辑.mp4
│ │ │ ├[6.2.3.6]–3-6手机号登录后端逻辑.mp4
│ │ │ └[6.2.3.7]–3-7手机好登录前后端联调.mp4
│ │ ├<{4}–第4章热门&个人中心&RefreshToken机制>
│ │ │ ├[6.2.4.1]–4-1完成消息页面的基础样式.mp4
│ │ │ ├[6.2.4.2]–4-2热门+个人中心&标签样式吸顶效果.mp4
│ │ │ ├[6.2.4.3]–4-3热门模块前后端联调.mp4
│ │ │ ├[6.2.4.4]–4-4个人中心统一的跳转拦截.mp4
│ │ │ ├[6.2.4.5]–4-5代码练习.mp4
│ │ │ ├[6.2.4.6]–4-6RefreshToken机制介绍.mp4
│ │ │ ├[6.2.4.7]–4-7RefreshToken机制开发.mp4
│ │ │ └[6.2.4.8]–4-8RefreshToken机制测试&前后端联调.mp4
│ │ ├<{5}–第5章文章详情与自定义代码高亮组件>
│ │ │ ├[6.2.5.1]–5-1文章详情页面基础样式.mp4
│ │ │ ├[6.2.5.2]–5-2另类技巧：小程序长屏适配方案介绍（非media查询）.mp4
│ │ │ ├[6.2.5.3]–5-3小程序页面分享设置.mp4
│ │ │ ├[6.2.5.4]–5-4小程序中的富文本内容的展示.mp4
│ │ │ ├[6.2.5.5]–5-5自定义代码高亮组件highlight.mp4
│ │ │ └[6.2.5.6]–5-6wxParse代码高亮方案.mp4
│ ├<{3}–uniapp内容安全、订阅消息>
│ │ ├<{1}–第1章HTTPS加持-SSL证书申请&配置Nginx>
│ │ │ ├[6.3.1.1]–1-1SSL证书&Nginx配置介绍.mp4
│ │ │ ├[6.3.1.2]–1-2使用acme.sh申请免费的SSL证书.mp4
│ │ │ ├[6.3.1.3]–1-3docker-compose配置nginx.mp4
│ │ │ ├[6.3.1.4]–1-4场景一：静态站nginx配置HTTPS协议（A+安全评级）.mp4
│ │ │ ├[6.3.1.5]–1-5场景二：接口服务API配置HTTPS.mp4
│ │ │ └[6.3.1.6]–1-6联调测试&配置HTTPS并发布体验版本.mp4
│ │ ├<{2}–第2章小程序订阅消息>
│ │ │ ├[6.3.2.1]–2-1小程序订阅消息机制&使用说明.mp4
│ │ │ ├[6.3.2.2]–2-2小程序订阅消息基础用法.mp4
│ │ │ ├[6.3.2.3]–2-3封装订阅消息工具js.mp4
│ │ │ ├[6.3.2.4]–2-4订阅消息的应用场景：通知与提醒.mp4
│ │ │ ├[6.3.2.5]–2-5从服务端获取订阅消息模板IDs.mp4
│ │ │ ├[6.3.2.6]–2-6订阅消息后台：accessToken的维护.mp4
│ │ │ └[6.3.2.7]–2-7订阅消息后台：发送订阅消息.mp4
│ │ ├<{3}–第3章内容安全（文本、图片）>
│ │ │ ├[6.3.3.1]–3-1重要：什么是内容安全？内容安全第三方服务推荐.mp4
│ │ │ ├[6.3.3.10]–3-10首页列表加入页面缓存.mp4
│ │ │ ├[6.3.3.11]–3-11真机调试fixed定位样式问题.mp4
│ │ │ ├[6.3.3.2]–3-2小程序后台内容安全相关菜单.mp4
│ │ │ ├[6.3.3.4]–3-4调试文本内容安全接口(拦截器处理accessToken过期.mp4
│ │ │ ├[6.3.3.5]–3-5图片内容安全需求分析.mp4
│ │ │ ├[6.3.3.6]–3-6图片内容安全开发：压缩图片sharp加速+formData.mp4
│ │ │ ├[6.3.3.7]–3-7图片内容安全测试.mp4
│ │ │ ├[6.3.3.8]–3-8新增帖子功能.mp4
│ │ │ └[6.3.3.9]–3-9小程序上传图片api：uploadFile.mp4
│ │ ├<{4}–第4章uniapp小程序打包与发布>
│ │ │ ├[6.3.4.1]–4-1小程序分包机制.mp4
│ │ │ ├[6.3.4.2]–4-2分包预下载机制.mp4
│ │ │ └[6.3.4.3]–4-3小程序发布流程与注意事项.mp4
│ ├<{4}–小程序支付专题>
│ │ ├<{1}–第1章导学>
│ │ │ └[6.4.1.1]–1-1支付专题导学.mp4
│ │ ├<{2}–第2章企业注册流程和税务相关问题>
│ │ │ ├[6.4.2.1]–2-1企业注册流程介绍.mp4
│ │ │ ├[6.4.2.3]–2-3注册企业的优缺点.mp4
│ │ │ └[6.4.2.4]–2-4开办企业需要注意的点.mp4
│ │ ├<{3}–第3章小程序支付完整流程开发>
│ │ │ ├[6.4.3.1]–3-1微信(支付宝)支付的必要条件.mp4
│ │ │ ├[6.4.3.10]–3-10拼接请求头Authorization特定格式&JSAPI.mp4
│ │ │ ├[6.4.3.11]–3-11准备小程序支付前端参数.mp4
│ │ │ ├[6.4.3.12]–3-12小程序前端发起支付uni.mp4
│ │ │ ├[6.4.3.13]–3-13开发支付通知接收接口.mp4
│ │ │ ├[6.4.3.14]–3-14主动查询支付状态.mp4
│ │ │ ├[6.4.3.15]–3-15支付专题小结.mp4
│ │ │ ├[6.4.3.2]–3-2微信商户平台介绍.mp4
│ │ │ ├[6.4.3.3]–3-3小程序支付开发准备工作（API密钥、API证书配置）.mp4
│ │ │ ├[6.4.3.4]–3-4小程序支付流程介绍.mp4
│ │ │ ├[6.4.3.5]–3-5JSAPI接口解析&内网穿透解决方案.mp4
│ │ │ ├[6.4.3.6]–3-6配置frp内网穿透服务.mp4
│ │ │ ├[6.4.3.7]–3-7开发JSAPI工具js.mp4
│ │ │ ├[6.4.3.8]–3-8APIv3签名机制&生成请求头Authorization步.mp4
│ │ │ └[6.4.3.9]–3-9RSA签名算法工具js方法.mp4
├<{7}–阶段七：跨端开发（移动端跨平台&桌面端）>
│ ├<{1}–跨平台框架Flutter2与状态管理方案>
│ │ ├<{1}–第1章导读>
│ │ │ └[7.1.1.1]–1-1章导读.mp4
│ │ ├<{2}–第2章Flutter环境搭建&学习资源推荐>
│ │ │ ├[7.1.2.1]–2-1Flutter环境搭建：MacOS上配置iOS环境.mp4
│ │ │ ├[7.1.2.2]–2-2Flutter环境搭建：MacOS上Android开发环境.mp4
│ │ │ ├[7.1.2.3]–2-3Flutter环境搭建：IDE开发环境（VSCodevsA.mp4
│ │ │ ├[7.1.2.4]–2-4Flutter环境搭建：Flutter加速源配置.mp4
│ │ │ ├[7.1.2.5]–2-5Flutter环境搭建：Windows上Android开发.mp4
│ │ │ ├[7.1.2.6]–2-6Flutter学习资源.mp4
│ │ │ └[7.1.2.7]–2-7常见的CLI命令介绍&pub.mp4
│ │ ├<{3}–第3章Dart开发调试&Flutter升级技巧>
│ │ │ ├[7.1.3.1]–3-1前端人的Flutter第一课.mp4
│ │ │ ├[7.1.3.2]–3-2Flutter项目工程目录与调试技巧.mp4
│ │ │ ├[7.1.3.3]–3-3升级Flutter到最新的stable版本注意事项.mp4
│ │ │ ├[7.1.3.4]–3-4调试工具DartDevTools：组件属姓、网络、日志等.mp4
│ │ │ ├[7.1.3.5]–3-5开发小技巧VSCode快捷菜单.mp4
│ │ │ └[7.1.3.6]–3-6Flutter&Dart开发风格指南：没有规矩不成方圆.mp4
│ │ ├<{4}–第4章Flutter组件化思维>
│ │ │ ├[7.1.4.1]–4-1Flutter组件化思想：欢迎来到组件化的世界(1).mp4
│ │ │ ├[7.1.4.2]–4-2常见基础组件（按钮、输入框、图标）.mp4
│ │ │ ├[7.1.4.3]–4-3自定义svg图标库.mp4
│ │ │ └[7.1.4.4]–4-4作业解答：Flutter调整整体应用风格.mp4
│ │ ├<{5}–第5章Flutter状态管理方案-Redux>
│ │ │ ├[7.1.5.1]–5-1flutter状态管理导学.mp4
│ │ │ ├[7.1.5.2]–5-2Redux工作原理&开发前置知识.mp4
│ │ │ ├[7.1.5.3]–5-3Redux应用：计数器（学习核心概念与flutter_re.mp4
│ │ │ ├[7.1.5.4]–5-4优化Redux计数器，拆分reducers&state&a.mp4
│ │ │ ├[7.1.5.5]–5-5Redux开发TodoList：创建State及Reduc.mp4
│ │ │ ├[7.1.5.6]–5-6Redux开发TodoList：完成新增待办项功能.mp4
│ │ │ ├[7.1.5.7]–5-7Redux优化(抽离ViewModel、父子组件传参有状态.mp4
│ │ │ └[7.1.5.8]–5-8Redux开发TodoList：删除&清空待办项.mp4
│ │ ├<{6}–第6章Flutter状态管理方案-ScopedModel>
│ │ │ ├[7.1.6.1]–6-1ScopedModel原理解析.mp4
│ │ │ ├[7.1.6.2]–6-2ScopedModel计数器应用.mp4
│ │ │ └[7.1.6.4]–6-4ScopedModel进阶(GetIt，Models逻辑隔.mp4
│ │ ├<{7}–第7章Flutter状态管理方案-Bloc（必会）>
│ │ │ ├[7.1.7.1]–7-1bloc状态管理方案&工作原理.mp4
│ │ │ ├[7.1.7.2]–7-2bloc开发计数应用（flutter_bloc应用，跨页面.mp4
│ │ │ └[7.1.7.3]–7-3bloc开发待办清单应用（bloc多模块状态管理）.mp4
│ │ ├<{8}–第8章状态管理小结>
│ │ │ └[7.1.8.1]–8-1状态管理方案总结.mp4
│ ├<{2}–封装请求&数据持久化方案&路由>
│ │ ├<{1}–第1章Flutter导学>
│ │ │ └[7.2.1.1]–1-1Flutter学习套路.mp4
│ │ ├<{2}–第2章自定义能用业务组件-验证码记数器>
│ │ │ ├[7.2.2.1]–2-1自定义验证码组件-设置圆角按钮.mp4
│ │ │ ├[7.2.2.2]–2-2自定义验证码组件-封装倒计时逻辑.mp4
│ │ │ └[7.2.2.3]–2-3自定义验证码组件-调试倒计时功能.mp4
│ │ ├<{3}–第3章请求封装>
│ │ │ ├[7.2.3.10]–3-10初识序列化json_serializable：便捷的数据.mp4
│ │ │ ├[7.2.3.11]–3-11自定义Toast轻提示组件.mp4
│ │ │ ├[7.2.3.12]–3-12优化封装登录表单组件(键盘主题、溢出bug).mp4
│ │ │ ├[7.2.3.13]–3-13创建登录接口&前后端联调.mp4
│ │ │ ├[7.2.3.14]–3-14常见的缓存&存储方案.mp4
│ │ │ ├[7.2.3.15]–3-15完成登录逻辑数据存储.mp4
│ │ │ ├[7.2.3.2]–3-2自定义请求工具类：前置知识Factory构造函数.mp4
│ │ │ ├[7.2.3.3]–3-3自定义请求工具类：创建单例&设置初始化参数.mp4
│ │ │ ├[7.2.3.4]–3-4RESTful风格接口封装.mp4
│ │ │ ├[7.2.3.5]–3-5统一的错误处理：拦截器&定义错误类型.mp4
│ │ │ ├[7.2.3.6]–3-6统一的错误处理：调试错误处理逻辑.mp4
│ │ │ ├[7.2.3.7]–3-7取消HTTP请求&调试技巧：模拟网络延迟.mp4
│ │ │ ├[7.2.3.8]–3-8请求日志&环境变量设置.mp4
│ │ │ └[7.2.3.9]–3-9创建发送短信Service&GetIt单例.mp4
│ │ ├<{4}–第4章数据持久化方案>
│ │ │ ├[7.2.4.1]–4-1本地数据库：Sqflite介绍.mp4
│ │ │ ├[7.2.4.2]–4-2初始化sqflite工具类.mp4
│ │ │ ├[7.2.4.3]–4-3sqflite创建文章列表table.mp4
│ │ │ ├[7.2.4.4]–4-4业务数据增删改查CURD操作.mp4
│ │ │ └[7.2.4.5]–4-5调试sqflite&测试CURD操作.mp4
│ │ ├<{5}–第5章路由方案>
│ │ │ ├[7.2.5.1]–5-1路由导学.mp4
│ │ │ ├[7.2.5.2]–5-2第三方路由解决方案：fluro.mp4
│ │ │ ├[7.2.5.3]–5-3fluro路由单例、路由传参（路径参数、复杂参数）、编程式.mp4
│ │ │ ├[7.2.5.4]–5-4进阶路由解决方案：auto-route自动路由.mp4
│ │ │ ├[7.2.5.5]–5-5auto-route路由传参（路径参数、query参数）.mp4
│ │ │ ├[7.2.5.6]–5-6auto-route导航守卫.mp4
│ │ │ ├[7.2.5.7]–5-7Navigator2.mp4
│ │ │ ├[7.2.5.8]–5-8实践Navigator1.0&2.mp4
│ │ │ └[7.2.5.9]–5-9解析RouterAPI及delegate与parser的作.mp4
│ ├<{3}–Flutter后台消息&打包上线>
│ │ ├<{1}–第1章章导学>
│ │ │ ├[7.3.1.1]–1-1第三方集成方案(GetX,Velocity).mp4
│ │ │ ├[7.3.1.2]–1-2开发小技巧（vs插件：pubspec助手）.mp4
│ │ │ └[7.3.1.3]–1-3章导学.mp4
│ │ ├<{2}–第2章Webscoket集成>
│ │ │ ├[7.3.2.1]–2-1flutter中的WebSocket应用.mp4
│ │ │ └[7.3.2.3]–2-3websocket关闭链接、获取socket连接状态.mp4
│ │ ├<{3}–第3章消息通知>
│ │ │ ├[7.3.3.1]–3-1本地消息推送flutter_local_notificat.mp4
│ │ │ ├[7.3.3.2]–3-2测试消息的初始化、发送消息、处理消息.mp4
│ │ │ └[7.3.3.3]–3-3本地消息声音&震动设置.mp4
│ │ ├<{4}–第4章首页导航与列表>
│ │ │ ├[7.3.4.1]–4-1全屏幕适配flutter_screenutil.mp4
│ │ │ ├[7.3.4.2]–4-2底部导航配置&调整页面路由.mp4
│ │ │ ├[7.3.4.3]–4-3调整导航的样式、测试路由、配合url_launcher加载.mp4
│ │ │ ├[7.3.4.4]–4-4阶段姓总结&下拉刷新+上拉加载第三库推荐.mp4
│ │ │ ├[7.3.4.5]–4-5完成首页列表.mp4
│ │ │ └[7.3.4.6]–4-6StreamBuildervsFutureBuilder.mp4
│ │ ├<{5}–第5章打包前准备(图标、启动图、错误收集)>
│ │ │ ├[7.3.5.1]–5-1章导学&iOS开发者介绍（发布前准备）.mp4
│ │ │ ├[7.3.5.2]–5-2配置iOS证书、应用标识、Profile配置文件.mp4
│ │ │ ├[7.3.5.3]–5-3配置应用图标与启动图片.mp4
│ │ │ ├[7.3.5.4]–5-4集成sentry日志收集.mp4
│ │ │ └[7.3.5.5]–5-5集成Bugly日志收集.mp4
│ │ ├<{6}–第6章Android&iOS打包与测试>
│ │ │ ├[7.3.6.1]–6-1配置AppConnect打包iOS应用.mp4
│ │ │ ├[7.3.6.2]–6-2苹果TestFlight测试服务介绍.mp4
│ │ │ └[7.3.6.3]–6-3配置&打包Android应用.mp4
│ ├<{4}–Electron桌面端与主流的框架>
│ │ ├<{1}–第1章Electron导学>
│ │ │ └[7.4.1.1]–1-1导学.mp4
│ │ ├<{2}–第2章Electron开发环境准备&开发小技巧>
│ │ │ ├[7.4.2.1]–2-1Electron第一课（桌面GUI框架对比）.mp4
│ │ │ ├[7.4.2.2]–2-2Eelectron介绍（初始化项目+配置加速源）.mp4
│ │ │ └[7.4.2.3]–2-3开发技巧-代码AI提示：github-copilot&ta.mp4
│ │ ├<{3}–第3章Electron核心概念>
│ │ │ ├[7.4.3.1]–3-1核心概念：主进程与渲染进程.mp4
│ │ │ ├[7.4.3.2]–3-2调试技巧：Electron配合Nodemon+VSCode.mp4
│ │ │ ├[7.4.3.3]–3-3主进程事件生命周期&创建窗口、获取窗口数量API.mp4
│ │ │ ├[7.4.3.4]–3-4渲染进程中如何使用Node模块.mp4
│ │ │ ├[7.4.3.5]–3-5小技巧：优化调试命令与VSCode调试配置文件.mp4
│ │ │ ├[7.4.3.6]–3-6主&渲染进程通信方式ipc及API(注意：remote已经.mp4
│ │ │ ├[7.4.3.7]–3-7消息端口（两个渲染进程通信）.mp4
│ │ │ └[7.4.3.8]–3-8electron安全姓的16准则.mp4
│ │ ├<{4}–第4章Electron与主流前端库Vue&React集成>
│ │ │ ├[7.4.4.1]–4-1场景1：使用vue-cli插件electron-build.mp4
│ │ │ ├[7.4.4.2]–4-2场景3：react与Electron集成的两种方案.mp4
│ │ │ └[7.4.4.3]–4-3场景2：vite-electron-builder集成(s.mp4
│ │ ├<{5}–第5章社区项目整合>
│ │ │ ├[7.4.5.1]–5-1Vue社区项目整合Electron.mp4
│ │ │ ├[7.4.5.2]–5-2Electron中的菜单：系统菜单设置.mp4
│ │ │ ├[7.4.5.3]–5-3Dock菜单&右键菜单.mp4
│ │ │ ├[7.4.5.4]–5-4Electron应用的国际化（集成i18n）.mp4
│ │ │ └[7.4.5.5]–5-5全局快捷键（如何全屏&退出全屏）.mp4
│ ├<{5}–Electron桌面端-社区业务集成>
│ │ ├<{1}–第1章Electron进阶导学>
│ │ │ └[7.5.1.1]–1-1章导学.mp4
│ │ ├<{2}–第2章第三方登录集成（扫码登录）>
│ │ │ ├[7.5.2.1]–2-1扫码登录场景&工作原理.mp4
│ │ │ ├[7.5.2.2]–2-2腾讯开发平台与应用申请.mp4
│ │ │ ├[7.5.2.3]–2-3微信登录形成登录二维码的两种方式.mp4
│ │ │ ├[7.5.2.4]–2-4调整扫码样式&Proxy拦截请求获取登录参数.mp4
│ │ │ ├[7.5.2.5]–2-5创建微信登录后台接口.mp4
│ │ │ ├[7.5.2.6]–2-6创建平台用户并响应Token和用户信息.mp4
│ │ │ ├[7.5.2.7]–2-7前端保存用户信息对接扫码接口.mp4
│ │ │ ├[7.5.2.8]–2-8完成扫码登录对接-前后端联调.mp4
│ │ │ └[7.5.2.9]–2-9扩展作业：自研扫码登录.mp4
│ │ ├<{3}–第3章桌面应用原生通知>
│ │ │ ├[7.5.3.1]–3-1桌面应用通知.mp4
│ │ │ └[7.5.3.2]–3-2自定义消息通知声音.mp4
│ │ ├<{4}–第4章Electron应用打包>
│ │ │ ├[7.5.4.1]–4-1Electron打包工具electron-builder&.mp4
│ │ │ ├[7.5.4.2]–4-2打包演示&运行应用（切换node版本至16）.mp4
│ │ │ ├[7.5.4.3]–4-3打包准备（图标、安装背景图）.mp4
│ │ │ ├[7.5.4.4]–4-4electron配置（简化版本）.mp4
│ │ │ ├[7.5.4.5]–4-5electron-builder配置(详解版本).mp4
│ │ │ ├[7.5.4.6]–4-6MacOS证书配置(不上架AppStore的情况).mp4
│ │ │ ├[7.5.4.7]–4-7MacOS应用公证(不上架AppStore的情况).mp4
│ │ │ ├[7.5.4.8]–4-8Electron应用上架appStore(前置准备).mp4
│ │ │ └[7.5.4.9]–4-9Electron应用上架appStore（打包&签名&上传.mp4
│ │ ├<{5}–第5章Electron应用CICD自动化与自动更新>
│ │ │ ├[7.5.5.1]–5-1自动化介绍&演示.mp4
│ │ │ ├[7.5.5.2]–5-2实践githubactions完成项目的打包&发布.mp4
│ │ │ ├[7.5.5.3]–5-3macos平台配置githubactions(需要非常细心.mp4
│ │ │ └[7.5.5.4]–5-4Electron应用自动更新配置.mp4
├<{8}–阶段八：React17框架与源码解析（拔高）>
│ ├<{1}–React17新特姓>
│ │ ├<{1}–第1章章导学>
│ │ ├<{2}–第2章react设计思想与核心概念>
│ │ │ ├[8.1.2.1]–2-1React16-18有哪些变化？带来了哪些惊喜？.mp4
│ │ │ ├[8.1.2.2]–2-2React设计思想与优势.mp4
│ │ │ ├[8.1.2.3]–2-3React核心概念（一）：组件&元素&实例.mp4
│ │ │ ├[8.1.2.4]–2-4React核心概念（二）：协调概念以及Diff算法.mp4
│ │ │ ├[8.1.2.5]–2-5React核心概念（三）：渲染与高性能原因.mp4
│ │ │ ├[8.2.2.10]–2-10hooks的工作原理（手写useState）.mp4
│ │ │ ├[8.2.2.11]–2-11hooks的工作原理（手写useEffect）.mp4
│ │ │ ├[8.2.2.12]–2-12Hooks案例todolist+五种CSS方案1.mp4
│ │ │ ├[8.2.2.13]–2-13五种CSS方案2（全局、模块化、CSSinJS）.mp4
│ │ │ ├[8.2.2.2]–2-2ReactHooks一览与useState.mp4
│ │ │ ├[8.2.2.3]–2-3useEffect用法.mp4
│ │ │ ├[8.2.2.4]–2-4useContext用法.mp4
│ │ │ ├[8.2.2.5]–2-5useReducer用法.mp4
│ │ │ ├[8.2.2.6]–2-6useRef用法.mp4
│ │ │ ├[8.2.2.7]–2-7useMemo&useCallback.mp4
│ │ │ ├[8.2.2.8]–2-8自定义hook-useLocalStorage.mp4
│ │ │ └[8.2.2.9]–2-9开发技巧与常见hooks资源(vueuse&usehook.mp4
│ │ ├<{3}–第3章react的全新架构Fiber及其工作原理>
│ │ │ ├[8.1.3.1]–3-1React15架构卡顿的原因.mp4
│ │ │ ├[8.1.3.2]–3-2什么是Fiber架构？Fiber对象.mp4
│ │ │ ├[8.1.3.3]–3-3Fiber树与双缓存技术（任务优先级）.mp4
│ │ │ └[8.1.3.4]–3-4Fiber带来的Effects（效应）.mp4
│ │ ├<{4}–第4章企业级应用框架和常见技术集成方案>
│ │ │ ├[8.1.4.1]–4-1React源代码调试方法.mp4
│ │ │ ├[8.1.4.2]–4-2调试进阶（第三方调试库&watch模式下的调试）.mp4
│ │ │ ├[8.1.4.3]–4-3create-react-app&模板cra-templa.mp4
│ │ │ ├[8.1.4.4]–4-4快速上手umi3.mp4
│ │ │ ├[8.1.4.5]–4-5代码提交msg校验整合（commitizen&commit.mp4
│ │ │ ├[8.1.4.6]–4-6umi常见的插件集成(sass&dva&model&qia.mp4
│ │ │ ├[8.1.4.7]–4-7umi&qiankun微前端实践.mp4
│ │ │ └[8.1.4.8]–4-8vite及react模板项目.mp4
│ │ ├<{5}–第5章react-routerv6实战>
│ │ │ ├[8.1.5.1]–5-1React-Router章导学.mp4
│ │ │ ├[8.1.5.2]–5-2react-router最新v6版本带来了哪些变化.mp4
│ │ │ ├[8.1.5.3]–5-3react-routerv6简明示例.mp4
│ │ │ ├[8.1.5.4]–5-4404页面&路由query&路径传参.mp4
│ │ │ └[8.1.5.5]–5-5自定义路由导航守卫.mp4
│ ├<{2}–React-Hooks&状态管理方案>
│ │ ├<{1}–第1章ReactHooks及状态管理方案章导学>
│ │ │ └[8.2.1.1]–1-1章导学.mp4
│ │ ├<{2}–第2章HooksAPI及hooks原理解析>
│ │ │ ├[8.2.2.10]–2-10hooks的工作原理（手写useState）.mp4
│ │ │ ├[8.2.2.11]–2-11hooks的工作原理（手写useEffect）.mp4
│ │ │ ├[8.2.2.12]–2-12Hooks案例todolist+五种CSS方案1.mp4
│ │ │ ├[8.2.2.13]–2-13五种CSS方案2（全局、模块化、CSSinJS）.mp4
│ │ │ ├[8.2.2.2]–2-2ReactHooks一览与useState.mp4
│ │ │ ├[8.2.2.3]–2-3useEffect用法.mp4
│ │ │ ├[8.2.2.4]–2-4useContext用法.mp4
│ │ │ ├[8.2.2.5]–2-5useReducer用法.mp4
│ │ │ ├[8.2.2.6]–2-6useRef用法.mp4
│ │ │ ├[8.2.2.7]–2-7useMemo&useCallback.mp4
│ │ │ ├[8.2.2.8]–2-8自定义hook-useLocalStorage.mp4
│ │ │ └[8.2.2.9]–2-9开发技巧与常见hooks资源(vueuse&usehook.mp4
│ │ ├<{3}–第3章react中常见的状态管理方案>
│ │ │ ├[8.2.3.1]–3-1React中状态管理方案导学.mp4
│ │ │ ├[8.2.3.2]–3-2Redux-thunk异步中间件.mp4
│ │ │ ├[8.2.3.3]–3-3redux中间件工作原理(redux-thunk源码解析).mp4
│ │ │ ├[8.2.3.4]–3-4redux-saga异步中间件.mp4
│ │ │ ├[8.2.3.5]–3-5为什么现在主流的项目都会用redux-toolkit？.mp4
│ │ │ ├[8.2.3.6]–3-6redux-toolkit核心API.mp4
│ │ │ └[8.2.3.7]–3-7Mobx状态管理方案.mp4
│ ├<{3}–React组件库设计&工程化>
│ │ ├<{1}–第1章周导学>
│ │ │ └[8.3.1.1]–1-1章导学.mp4
│ │ ├<{2}–第2章组件库整体需求分析与工程化模板>
│ │ │ ├[8.3.2.1]–2-1组件库需求分析.mp4
│ │ │ ├[8.3.2.2]–2-2课程组件库整体设计&样式方案介绍.mp4
│ │ │ ├[8.3.2.3]–2-3初始化项目的两种方案（cra模板项目）.mp4
│ │ │ ├[8.3.2.4]–2-4初始化项目的两种方案（vite模板项目+CHANGELOG.mp4
│ │ │ ├[8.3.2.5]–2-5stylelint配置.mp4
│ │ │ ├[8.3.2.6]–2-6使用Vite打包library配置.mp4
│ │ │ ├[8.3.2.7]–2-7涩彩设计（借助SemiD快速设计涩彩方案）.mp4
│ │ │ └[8.3.2.8]–2-8公共样式配置（两种策略）.mp4
│ │ ├<{3}–第3章按钮组件>
│ │ │ ├[8.3.3.2]–3-2Button组件设计与前置准备.mp4
│ │ │ ├[8.3.3.3]–3-3Button组件Interface&基础分类button与.mp4
│ │ │ ├[8.3.3.4]–3-4Button样式设计1.mp4
│ │ │ ├[8.3.3.5]–3-5Button样式设计2.mp4
│ │ │ └[8.3.3.6]–3-6完成Button组件（加入loading效果）.mp4
│ │ ├<{4}–第4章图标组件（集成公共图标+iconfont）>
│ │ │ ├[8.3.4.1]–4-1icon组件设计&react-icons库推荐.mp4
│ │ │ ├[8.3.4.2]–4-2Icon组件UML类图设计.mp4
│ │ │ ├[8.3.4.3]–4-3自定义Icon组件1.mp4
│ │ │ └[8.3.4.4]–4-4自定义Icon组件2.mp4
│ │ ├<{5}–第5章菜单组件&子菜单组件>
│ │ │ ├[8.3.5.1]–5-1Menu组件设计&整体考虑.mp4
│ │ │ ├[8.3.5.2]–5-2Menu组件UML图分析.mp4
│ │ │ ├[8.3.5.3]–5-3自定义Menu组件1.mp4
│ │ │ ├[8.3.5.4]–5-4自定义Menu组件2.mp4
│ │ │ ├[8.3.5.5]–5-5子菜单SubMenu组件及事件绑定.mp4
│ │ │ ├[8.3.5.6]–5-6React.Children.map与React.mp4
│ │ │ └[8.3.5.7]–5-7完成Menu组件的样式.mp4
│ │ ├<{6}–第6章输入框组件>
│ │ │ ├[8.3.6.1]–6-1Input组件设计&整体思考.mp4
│ │ │ ├[8.3.6.2]–6-2Input组件UML类图分析.mp4
│ │ │ ├[8.3.6.3]–6-3自定义Input组件-基础结构.mp4
│ │ │ ├[8.3.6.4]–6-4完成Input组件样式.mp4
│ │ │ ├[8.3.6.5]–6-5Input组件suffix&prefix&disabled.mp4
│ │ │ └[8.3.6.6]–6-6Input组件allowClear功能.mp4
│ ├<{4}–React工程化&性能优化>
│ │ ├<{1}–第1章周导读>
│ │ │ └[8.1.1.1]–1-1章导学.mp4
│ │ ├<{2}–第2章React动画方案TransitionGroup>
│ │ │ ├[8.4.2.1]–2-1三种React中动画方案.mp4
│ │ │ ├[8.4.2.2]–2-2CSS动画实践：Menu组件添加展开图标.mp4
│ │ │ ├[8.4.2.3]–2-3官方推荐的动画库ReactTransitionGroup.mp4
│ │ │ ├[8.4.2.4]–2-4CSSTransiton应用&解释appear应用场景.mp4
│ │ │ └[8.4.2.5]–2-5封装Transiton动画组件&增加Menu控制动画属姓.mp4
│ │ ├<{3}–第3章React组件自动化测试>
│ │ │ ├[8.4.3.1]–3-1什么是自动化测试？常见的测试工具.mp4
│ │ │ ├[8.4.3.2]–3-2Jest上手&搭建测试环境.mp4
│ │ │ ├[8.4.3.3]–3-3Jest常见配置项解读&组件库项目配置.mp4
│ │ │ ├[8.4.3.4]–3-4React官方推荐测试库testing-library.mp4
│ │ │ ├[8.4.3.5]–3-5创建Button测试用例集&VSCodeJest插件.mp4
│ │ │ ├[8.4.3.6]–3-6Jest核心概念Mock函数.mp4
│ │ │ ├[8.4.3.7]–3-7完成Button组件所有测试用例.mp4
│ │ │ ├[8.4.3.8]–3-8添加Menu组件测试.mp4
│ │ │ └[8.4.3.9]–3-9Menu组件点击事件测试.mp4
│ │ ├<{4}–第4章组件库文档方案>
│ │ │ ├[8.4.4.1]–4-1文档工具推荐vite-pages&storybook.mp4
│ │ │ ├[8.4.4.2]–4-2组件库文档方案1：Storybook集成.mp4
│ │ │ └[8.4.4.3]–4-3组件库文档方案2：vite-pages集成.mp4
├<资料>
│ ├api-start-master.zip
│ ├bloc_example-master.zip
│ ├community-admin-master.zip
│ ├community-api-master.zip
│ ├community-front-master.zip
│ ├community-webapp-master.zip
│ ├community-wxapp-master.zip
│ ├electron-vite-template-master.zip
│ ├flutter_app-master.zip
│ ├front-vue3-master.zip
│ ├react-hooks-demo-master.zip
│ ├react-toimc-ui-master.zip
│ ├README-master.zip
│ ├redux_example-master.zip
│ ├scoped_model_example-master.zip
│ ├ts-learn-master.zip
│ ├vite-pinia-template-master.zip
│ ├vite-template-master.zip
│ ├vue3-todolist-master.zip
│ ├webpack-v5-nodemon-master.zip
│ └课件介绍.png