大前端2022版

halk

├─{1}--阶段一：解锁“大前端思维”
6 U" `9 }0 }) h│  ├─{1}--认识大前端，全栈开发初体验
│  │  ├─{0}--附件
│  │  │      (1.1.4)--PC原型图（axure）v1.0.rar
│  │  │      
6 t/ m4 f+ J& }" o7 f2 S│  │  ├─{1}--第1章课程介绍
; H: z* {  O  a3 J; x│  │  │      [1.1.1.1]--1-1课程导学.mp4
│  │  │      [1.1.1.2]--1-3项目架构【全局把控】.mp4
8 ^( z4 F3 n  `( n% W7 F│  │  │      [1.1.1.3]--1-6课程该如何学习？【重中之重】.mp4
# x) T( D( p& t7 s│  │  │      [1.1.1.4]--1-10如何获取课程资料【学习助力器】.mp4
9 l1 _1 j/ u) T% b# e7 X$ d5 P│  │  │      
│  │  ├─{2}--第2章前端成长困境如何破局
8 V0 W! Y& v9 @, F/ P│  │  │      [1.1.2.1]--2-1行业内卷如何应对？.mp4
│  │  │      [1.1.2.2]--2-2工作中的痛点问题.mp4
│  │  │      [1.1.2.3]--2-3面试&行业选择.mp4
│  │  │      
│  │  ├─{3}--第3章项目需求分析
6 h; d6 ?; R- C/ }' V( i! [│  │  │      [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
7 D8 x+ I8 b) D% S0 k│  │  │      [1.1.3.5]--3-7PC端需求分析【做分析从做好沟通开始】.mp4
│  │  │      [1.1.3.6]--3-8服务端&小程序需求分析【写文档需要勤练习】.mp4
1 z! l; m9 P0 o0 V& g( T$ f& @2 s4 V│  │  │      [1.1.3.7]--3-10技术栈考量【需求分析中的重要环节】.mp4
│  │  │      
│  │  ├─{4}--第4章职场实用技能【加餐】
6 F  s2 w2 I& H" I7 F+ v4 [, i3 h│  │  │      [1.1.4.1]--4-13类需求分析工具.mp4
7 T  x. i: u# L" U( k' S+ t$ k│  │  │      [1.1.4.2]--4-2原型图神器Axure应用.mp4
% H6 }. [7 N6 y/ C/ w7 T$ ]5 X│  │  │      [1.1.4.3]--4-3原型图神奇Axure进阶应用.mp4
│  │  │      [1.1.4.4]--4-4协同原型图工具墨刀应用.mp4
9 r/ n: |) O' c3 ^( D4 U  w$ i6 [│  │  │      [1.1.4.5]--4-5头脑风暴之脑图工具XMind应用.mp4
" P( {# a- D9 i│  │  │      [1.1.4.6]--4-6协同流程图ProcessOn在线流程图编辑工具应用.mp4
6 S$ n4 N  @# g/ ?3 e. g" d0 O│  │  │      
│  │  ├─{6}--第6章全栈开发---koa框架
│  │  │      [1.1.6.1]--6-2Web框架koa简介.mp4
│  │  │      [1.1.6.2]--6-3第一个Koa应用.mp4
, x! X) V9 l$ y# p! O7 T) ?│  │  │      [1.1.6.3]--6-4Request属性、路由基础用法、app.use链式处理【.mp4
' f+ }% T. g4 u3 m7 D2 ]0 S" n│  │  │      [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
2 x" w7 h8 L' L7 ]" q$ W1 _: Z│  │  │      [1.1.6.10]--6-13koa应用打包优化koa-compose&koa-com.mp4
( g+ b- G: \# g6 O│  │  │      
│  │  └─{7}--第7章全栈开发初体验---登录模块
│  │          [1.1.7.1]--7-1章导学.mp4
│  │          [1.1.7.2]--7-2UI框架快速完成登录业务的样式开发（学会用轮子）.mp4
) \. k" |2 a2 I7 W# M' V8 d│  │          [1.1.7.3]--7-3图形验证码功能开发1.mp4
│  │          [1.1.7.4]--7-4图形验证码功能开发2.mp4
# [; s% b* Y# U) D# r( M│  │          [1.1.7.5]--7-5基本的验证方法（表单验证）.mp4
│  │          [1.1.7.6]--7-7Vuelidate的安装及使用（表单验证进阶）.mp4
  [0 \! S$ g* R. x- `│  │          [1.1.7.7]--7-8VeeValidate的安装及使用（表单验证进阶）.mp4
) X1 f1 |5 k" I4 h% Z9 K/ n│  │          [1.1.7.8]--7-10适配vee-validate旧版本v2.x.mp4
│  │          [1.1.7.9]--7-11vee-validate3.x简介.mp4
) u/ L/ Z7 l% v. `+ b0 h│  │          [1.1.7.10]--7-12vee-validate3.x演练.mp4
│  │          [1.1.7.11]--7-13完成登录、注册、找回密码页面样式及路由懒加载（1）.mp4
) E. O8 L. e, Y3 ]7 A9 t│  │          [1.1.7.12]--7-14完成登录、注册、找回密码页面样式及路由懒加载（2）.mp4
- Q) E7 L8 c. A0 C! E. U│  │          [1.1.7.13]--7-15完成登录注册页输入校验及图形验证码.mp4
│  │          [1.1.7.14]--7-17配置邮件服务NodeMailer（Nodejs进阶）.mp4
9 y  [* C: M3 p│  │          [1.1.7.15]--7-18完成邮件服务接口与找回密码对接（Nodejs进阶）.mp4
6 y( s- X) A% l6 Z│  │         
│  ├─{2}--企业标准的开发环境搭建
│  │  ├─{0}--附件
5 s+ g% F& B  x! |3 U│  │  │      (1.2.1)--Hyper-v虚拟机的安装及使用.pdf
5 V& J. d( x: M/ D│  │  │      (1.2.2)--windows7及以上上安装dockertoolbox.pdf
│  │  │      (1.2.3)--什么是Harbor.pdf
6 H9 o+ U6 `. ?│  │  │      (1.2.4)--在Vscode中配置Vue相应的插件.pdf
│  │  │      (1.2.5)--Charles和Fiddler使用简介.pdf
│  │  │      
│  │  ├─{1}--第1章开发环境搭建（简易版，适合有基础学习）
  v6 w7 K: b7 [# ^9 v│  │  │      [1.2.1.1]--1-1导读.mp4
" I6 r% G5 r# m. d& B# ^. o│  │  │      [1.2.1.2]--1-2搭建开发环境-简版（针对有基础小伙伴）.mp4
5 _; b5 t5 U8 _! G3 n+ F9 |' ~│  │  │      [1.2.1.3]--1-4【前端效率神器】Yarn&Nvm(nvm-windows).mp4
│  │  │      
: b$ q# B7 X3 c│  │  ├─{2}--第2章【难点】开发环境搭建（详细版，适合没有基础学习）
( W" e- V, B5 c1 J* Z, @│  │  │      [1.2.2.1]--2-1虚拟化软件&Linux版本介绍.mp4
│  │  │      [1.2.2.2]--2-6Linux内核&硬件资源&测试.mp4
( s( B  b* R, c│  │  │      [1.2.2.3]--2-7Linux常见指令&命令.mp4
; G* d8 D( j6 R$ y4 R│  │  │      [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
│  │  │      
" \0 U9 J9 \7 o% h) n9 \│  │  ├─{3}--第3章编辑器WebstormvsVSCode
) h8 [& y9 I1 b│  │  │      [1.2.3.1]--3-1IDE简介及外观比较.mp4
│  │  │      [1.2.3.2]--3-2智能对比：代码提示、语法高亮、集成插件.mp4
& O  x& V  n$ O5 C# \│  │  │      [1.2.3.3]--3-3插件系统对比.mp4
1 h8 q; h; f/ d/ b' s6 P│  │  │      [1.2.3.4]--3-4常规设置：字体、Tab缩进空格、快捷键.mp4
9 W( d/ O: ]1 ?│  │  │      [1.2.3.5]--3-5调试介绍&IDE总结&小福利.mp4
│  │  │      [1.2.3.6]--3-6使用浏览器配合手机调试&使用Proxy劫持（3类真机调试技.mp4
! i( I! Z2 U+ n: S│  │  │      [1.2.3.7]--3-7Weinre&spydebugger&vConsole（3.mp4
│  │  │      
│  │  └─{4}--第4章开发准备--接口测试
│  │          [1.2.4.1]--4-1章导读.mp4
: m4 y( `) v! L7 x6 M# r& ~: h: _│  │          [1.2.4.2]--4-2RESTfulAPI简介.mp4
% v8 z4 {/ E6 N  J: c+ _│  │          [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
3 t2 F: U$ T# ]8 k│  │          [1.2.4.8]--4-9本章小结.mp4
" C) X0 i: @% |7 h2 v" t2 F│  │         
) m# h  d( k/ p│  ├─{3}--NoSQL数据库的设计与集成
1 u5 Q7 H& d4 m, r2 V6 ~│  │  │  {0}--附件
│  │  │  
, B* P7 b, u  p& X│  │  ├─{1}--第1章NoSQL数据库MongoDB认知与设计
0 T% V. {$ ~# T: ~/ }│  │  │      [1.3.1.1]--1-1章导读.mp4
│  │  │      [1.3.1.2]--1-3NoSQL数据库&设计原则.mp4
2 F% n4 N7 t! \& f, h3 y2 ^│  │  │      [1.3.1.3]--1-4MongoDB简介&安装.mp4
│  │  │      
│  │  ├─{2}--第2章MongoDB应用与实战
2 o4 V' T# \, o5 G% Y" e' i4 W* ]& S│  │  │      [1.3.2.1]--2-1MongoDB初始化配置.mp4
& O2 a) }" k& Q* V7 T% s9 k│  │  │      [1.3.2.2]--2-2介绍GUI工具.mp4
7 ?: s! f( @$ v3 D8 y│  │  │      [1.3.2.3]--2-3MongoDB备份与恢复.mp4
│  │  │      [1.3.2.4]--2-4Mongoose使用简介.mp4
│  │  │      [1.3.2.5]--2-5Mongoose实战配置&CURD操作.mp4
& W& Y# R$ e5 ]/ j9 O0 w# ^│  │  │      
( G( S+ X; n0 \' w4 }│  │  ├─{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
! B+ w' W0 D6 s/ @9 \: C│  │  │      [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
8 U- S5 C. b, E8 [) S) f│  │  │      
' b  f! f& c; I2 k9 h2 t$ [│  │  └─{4}--第4章Redis和Nodejs集成与实践
│  │         [1.3.4.1]--4-1Redis的GUI工具.mp4
4 J" f# K: M. a! N- t& Z│  │         [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登录鉴权—通用登录模块后端开发
( m, ]2 Z) v* W, |│      │  {0}--附件
% ^3 L  {) U# Q  b│      │  
│      ├─{1}--第1章鉴权方式及相关概念
│      │      [1.4.1.1]--1-1章导学.mp4
│      │      [1.4.1.2]--1-2登录鉴权核心概念.mp4
- }+ b" H# O9 y6 H) Y- e# D│      │      [1.4.1.4]--1-4API接口安全相关知识（加密&算法&HTTPS）.mp4
- m4 J- D2 f7 P│      │      
( [% `& o9 {0 t# x$ J! Q│      ├─{2}--第2章客户端开发-前端接口开发&数据校验
│      │      [1.4.2.1]--2-1登录鉴权开发前置回顾.mp4
│      │      [1.4.2.2]--2-2前端项目Veevalidate3X.mp4
│      │      [1.4.2.3]--2-3Veevalidate3X升级-本地化&配置自定义消息.mp4
7 I. @* ~. I. D" Y+ q% k* B  e│      │      [1.4.2.4]--2-4Veevalidate结合vuei18n.mp4
  a0 V' O3 V' _. U' u/ E! X│      │      [1.4.2.5]--2-5封装Axios请求（拦截器）.mp4
2 |# s6 N; b; u5 v2 C) c9 e- I2 n│      │      [1.4.2.6]--2-6axios封装进阶-业务示例、逻辑代码、配置.mp4
│      │      [1.4.2.7]--2-7图片验证码存储&校验机制设计.mp4
7 G/ a: \0 L- y) T5 V9 {' a│      │      [1.4.2.8]--2-8前台veevalidate登录校验&接口请求设计.mp4
! A( `/ |0 y- F/ k' c│      │      
  l: D. ~0 E" o  C0 T" F/ o│      ├─{3}--第3章服务端开发-jwt鉴权集成
( p/ M9 l( I: F& L: m5 W* `5 q│      │      [1.4.3.1]--3-1JWT鉴权方式：koa-jwt集成.mp4
│      │      [1.4.3.2]--3-2服务端登录逻辑&业务代码调试.mp4
│      │      [1.4.3.3]--3-3服务端koa统一错误处理.mp4
( K- P+ O: @$ y1 e* Z; f/ a│      │      [1.4.3.4]--3-4VSCode对配置alias的支持.mp4
1 N- ^% g, B! I+ x" ^* \  M│      │      [1.4.3.5]--3-5使用Chrome调试服务端应用.mp4
│      │      [1.4.3.6]--3-6登录功能小结&联调测试.mp4
│      │      
6 S' [* z" ]4 S; x; c, g│      ├─{4}--第4章vue自定义组件
1 j3 l  s$ [+ z│      │      [1.4.4.1]--4-1前端数据校验及交互设计的两种方法.mp4
│      │      [1.4.4.2]--4-2Vue自定义Alert组件.mp4
2 ~' @9 \- t8 u- W/ u' n│      │      [1.4.4.3]--4-3Vue自定义Confirm组件.mp4
│      │      [1.4.4.4]--4-4前端数据校验交互一：自定义弹窗.mp4
│      │      
) s* |( C, C+ s9 t3 p2 k' t" P│      └─{5}--第5章前后端联调--注册接口及接口联调
│              [1.4.5.1]--5-1前端注册业务开发.mp4
; @% z6 r& o) G1 E: Z% e│              [1.4.5.2]--5-2注册接口Mock数据.mp4
│              [1.4.5.3]--5-3注册接口开发&前后联调.mp4
│              [1.4.5.4]--5-4登录鉴权总结.mp4
- ^' ]/ u0 x$ s8 H- X│              
├─{2}--阶段二：项目全流程DevOps
1 r8 p& n& i6 \9 H& `$ M│  ├─{1}--团队协作-文档管理与缺陷控制
│  │  │  {0}--附件
3 {- o2 r# g9 g% i: ?1 d1 }( ?│  │  │  
0 o. R0 n; o" U& _5 {7 m5 C│  │  ├─{1}--第1章项目开发团队协作——文档管理
│  │  │      [2.1.1.1]--1-1章导读（敏捷流程之文档管理宝鉴）.mp4
│  │  │      [2.1.1.2]--1-2Markdown简介.mp4
3 O! n. K" D4 n% I. U│  │  │      [2.1.1.3]--1-3Typora一款跨端的Markdown实时编辑预览编辑器.mp4
│  │  │      [2.1.1.4]--1-4Markdown常用语法.mp4
│  │  │      [2.1.1.5]--1-5Typora主题及Markdown输出样式自定义.mp4
- R& v$ h% W/ C& `* j$ O6 G6 \& P│  │  │      [2.1.1.6]--1-64款文档管理工具介绍（思想决定视野，工具提升效率）.mp4
4 M6 c/ P; J$ \. K- J( g, [│  │  │      [2.1.1.7]--1-8ShowDoc的本地化安装.mp4
% f; F- O' F7 k5 W, r8 T. |│  │  │      [2.1.1.8]--1-9ShowDoc工作流及配置.mp4
│  │  │      [2.1.1.9]--1-11云笔记&个人笔记使用指北（勤练习才能写好文档）-v2.0.mp4
, l/ l8 e9 J! k) W4 j2 e+ U│  │  │      [2.1.1.10]--1-12pages自建博客.mp4
│  │  │      [2.1.1.11]--1-13章小结【文档管理工具按需取用】.mp4
1 }1 B7 ^" K; Y( O* H5 l! S" U│  │  │      
│  │  ├─{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 I0 E1 n7 j3 O! Q│  │  │      [2.1.2.6]--2-10禅道&Jira&Redmine简介.mp4
│  │  │      
│  │  └─{3}--第3章缺陷控制之质量管理工具
│  │          [2.1.3.1]--3-1ESLint安装&初始化.mp4
/ v4 C: A3 y0 E0 W2 f% G& \0 s│  │          [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
1 p) y2 k: r+ d/ {, x& x' c7 L& J- S│  │         
" C: w1 a6 h. \- E; I1 m│  ├─{2}--团队协作-版本管理
│  │  ├─{0}--附件
4 n: @# W& f! t, k; `│  │  │      (2.2.1)--Typora中Table进阶使用.pdf
│  │  │      (2.2.2)--gitsubmodule.pdf
% n0 h3 i3 P0 I. B; d│  │  │      (2.2.3)--gitlab配置HTTPS与邮件服务.pdf
# [$ \" D8 n* }' y" Z6 ^6 |; Y9 m│  │  │      (2.2.4)--开源许可协议.pdf
│  │  │      (2.2.5)--使用gitsubtree管理项目中的子库.pdf
│  │  │      (2.2.6)--2-22（资料与代码）.rar
│  │  │      (2.2.7)--学习Markdown语法.pdf
│  │  │      
6 P* c. G# L6 W8 `9 ^│  │  └─{1}--第1章项目开发团队协作——版本管理
│  │          [2.2.1.1]--1-1章导学（敏捷流程之版本控制宝鉴）.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
7 M9 a( y: j' N( I5 o6 I2 g│  │          [2.2.1.6]--1-11情境二：推送代码到多个仓库（版本控制工具git）.mp4
6 f8 A' x' i$ I9 V+ v% G│  │          [2.2.1.7]--1-12github仓库settings介绍（版本控制工具git.mp4
│  │          [2.2.1.8]--1-14深入理解git工作原理——快照管理（版本控制工具git）.mp4
& r" i5 M' ~4 i( i1 _│  │          [2.2.1.9]--1-16两种应用场景下的gitflow模型（多人协作gitflo.mp4
0 |6 I9 Y1 x6 {. q. [/ c/ v4 e│  │          [2.2.1.10]--1-19分支管理的基础命令介绍（多人协作之分支管理）.mp4
│  │          [2.2.1.11]--1-21实操gitflow&常见问题（多人协作之分支管理）.mp4
: i! u4 C* l% J/ r│  │          [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
. ]( |* @# c* q7 _. z0 H  N│  │          [2.2.1.15]--1-27gitlab的权限介绍&组权限控制&分支保护.mp4
│  │          [2.2.1.16]--1-28三种方法产生.gitignore文件（git必备知识）.mp4
  V5 T2 u1 U* _! F9 w  `- K' r- x/ j│  │          [2.2.1.17]--1-29Git的GUI工具使用简介.mp4
│  │          [2.2.1.18]--1-30【温故知新】章总结.mp4
' F& |- n0 A0 t& e( N) `1 v6 n+ t│  │         
│  └─{3}--团队协作-自动化流程
│      │  {0}--附件
│      │  
│      ├─{1}--第1章深入浅出前端自动化
│      │      [2.3.1.1]--1-1章导读【小荷才露尖尖角，揭开自动化的面纱】.mp4
) v! _8 x  U- W│      │      [2.3.1.2]--1-2什么是前端自动化？什么是CICD？.mp4
│      │      [2.3.1.3]--1-4自动化流程概念&最佳实践.mp4
. U  V+ k# f) n' x, q│      │      
│      ├─{2}--第2章CircleCITravisCI自动化工具合集
/ |& L; x1 w; v. O/ Z│      │      [2.3.2.1]--2-1自动化工具介绍&CircleCI使用.mp4
│      │      [2.3.2.2]--2-4CircleCI配置自动化任务—打包构建.mp4
0 w3 @& \3 y5 @: ?- U# U│      │      [2.3.2.3]--2-7CircleCI实战Vue项目发布到githubpages.mp4
│      │      
│      ├─{3}--第3章Jenkins—CI&CD工具鼻祖
6 Y; P: ^  A  V$ i& Y│      │      [2.3.3.1]--3-1Jenkins使用介绍&课程案例架构.mp4
│      │      [2.3.3.2]--3-3Jenkins安装&Docker安装示例.mp4
│      │      [2.3.3.3]--3-7Jenkins插件配置&保存Docker容器数据.mp4
4 G* o; C- F' C' T' a& |9 u5 I│      │      [2.3.3.4]--3-10Jenkins权限管理3种方案.mp4
8 O$ S7 [0 e* p2 I* w; K- ]│      │      [2.3.3.5]--3-12Jenkins&gitlab项目任务.mp4
1 Z3 W" @2 n: m7 ]" I6 n9 A│      │      
. N, t$ O+ ?$ w7 b. G' w  }) A+ T6 }│      ├─{4}--第4章自动化实战
│      │      [2.3.4.1]--4-1前后端项目Dockerfile&项目实战配置.mp4
; n: t7 ~  Y) c5 k│      │      [2.3.4.3]--4-3前后端项目Jenkins任务配置（1）.mp4
│      │      [2.3.4.4]--4-4前后端项目Jenkins任务配置（2）.mp4
' c- C6 q, @% x5 L' j9 O& T3 x│      │      
- S4 W* }% w4 Y# J│      └─{5}--第5章GithubActions
% a' K( x& A% d6 L0 {& [  Y, ^( p│              [2.3.5.1]--5-1章导学：githubactions.mp4
4 U5 l9 Q8 `: f8 v. R7 k│              [2.3.5.2]--5-2Github加速DevSideCar.mp4
│              [2.3.5.3]--5-3GithubActions界面与设置.mp4
│              [2.3.5.4]--5-4同步Gitee代码的三种方式.mp4
$ ~( Q+ ~9 _  S$ N* ?│              [2.3.5.5]--5-5构建代码并发布GithubPages.mp4
9 f1 L  }2 `$ s: e) e' k  U│              [2.3.5.6]--5-6构建优化加入npm缓存.mp4
% t0 N4 y! r4 y! ]% ]  }) d2 `│              [2.3.5.7]--5-7使用GithubActions自动化发布GiteePage.mp4
  L6 m8 t8 Z* i1 C0 s│              [2.3.5.8]--5-8GA作业&rsync发布至服务器.mp4
│              [2.3.5.9]--5-9自动管理githubissues并打标签.mp4
$ z4 m7 h6 g7 A- E& o1 ~  K│              [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
│              
: i; {9 y% w8 B: r" l" |8 ~4 q$ s├─{3}--阶段三：PC端进阶前后端开发
7 G! d! G4 ]5 v! j' [# S# m│  ├─{1}--全栈开发—首页模块
│  │  ├─{0}--附件
│  │  │      (3.1.1)--社区开发功能思维导图.png
7 {* M2 E% b9 L│  │  │      
# P; w# S9 ^7 @* ]+ Y0 C│  │  ├─{1}--第1章首页：需求分析
│  │  │      [3.1.1.1]--1-1章导读（教学内容、目标、建议）.mp4
% I* [( Z$ y) O4 ^, B* P* s│  │  │      [3.1.1.2]--1-2功能拆解&原型设计说明.mp4
│  │  │      
, X$ ?2 e6 I# r. X+ D9 {│  │  ├─{2}--第2章首页：数据库设计
2 e. g4 S- G0 v3 S│  │  │      [3.1.2.1]--2-1数据库-业务功能分析.mp4
│  │  │      [3.1.2.2]--2-2数据库设计-用户信息.mp4
; Y8 {% m, h9 R8 y% d, N& e# [│  │  │      [3.1.2.3]--2-3数据库设计-发贴、签到、友链.mp4
; v2 d4 p8 N; g* {0 _& Z│  │  │      
( r! Y: U* D: w8 L  X! V4 A7 s│  │  ├─{3}--第3章首页：接口定义&组件拆分
. ^1 e$ p% {4 J" L2 }6 ]  j│  │  │      [3.1.3.1]--3-1接口设计&组件拆分.mp4
+ r+ g1 h: z2 V4 ~/ [! Y3 `│  │  │      [3.1.3.2]--3-2首页接口定义-文章列表.mp4
: r" o2 X! y3 W" e│  │  │      [3.1.3.3]--3-3首页接口定义-侧栏接口定义.mp4
│  │  │      
│  │  ├─{4}--第4章首页样式开发
+ E; Z8 M8 j& S2 p│  │  │      [3.1.4.2]--4-2vue-cli升级到v4版本.mp4
. d' a. E- T/ @# l3 B│  │  │      [3.1.4.3]--4-4初始响应式原理.mp4
( @3 f0 W6 |. C; h6 ~, ~4 e│  │  │      [3.1.4.4]--4-7完成首页静态页面结构.mp4
│  │  │      [3.1.4.5]--4-8优化温馨通道样式.mp4
5 ^$ Q  }- h  v1 r2 V4 y2 f│  │  │      
* F6 z% _$ c) a* X  f% v" E│  │  ├─{5}--第5章首页筛选交互及接口开发
│  │  │      [3.1.5.1]--5-1首页交互及接口分析&最终效果展示.mp4
2 Z& M2 l, [. J. s/ x│  │  │      [3.1.5.2]--5-3首页Panel部分路由交互.mp4
│  │  │      [3.1.5.3]--5-4前台首页接口开发.mp4
$ G; U% V5 \8 {7 N. d│  │  │      [3.1.5.4]--5-5首页列表筛选部分交互逻辑.mp4
│  │  │      [3.1.5.5]--5-6拆分首页ListItem组件1.mp4
5 Q3 ]9 ~4 K4 R1 V7 M│  │  │      [3.1.5.6]--5-7拆分首页ListItem组件2.mp4
7 b  `' j" q5 X- x8 ^+ S│  │  │      
* c. P3 I- v: E9 e1 y6 t2 p8 }│  │  ├─{6}--第6章首页长列表内容配合Mock数据开发
! P7 }: r- Z6 T6 D" {│  │  │      [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
2 A* l. R: |& P' t2 B│  │  │      
( K/ m0 n" d3 i' [- X│  │  ├─{7}--第7章首页后端开发
( y% B2 j( s5 Z8 b│  │  │      [3.1.7.1]--7-1后台项目初始化：项目依赖升级.mp4
$ w4 n8 d% _/ u, X& ]6 B│  │  │      [3.1.7.2]--7-2ESLint规则扩展：使用Standard规则.mp4
! j5 x3 m( j0 V  M" c6 U│  │  │      [3.1.7.3]--7-4定义文章接口的Model（学习Pre、Statics方法）.mp4
/ ~8 G. @& [$ V6 t4 X│  │  │      [3.1.7.4]--7-5（插播技巧）效率开发-vscode编辑进阶.mp4
; K$ c& i4 r) N; w% Y( r4 h│  │  │      [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章周总结
- _7 O9 w' W) ?│  │          [3.1.8.1]--8-1周总结.mp4
4 c' m. Z1 c5 z' u│  │         
8 x4 z6 H0 V- |6 l9 n8 |│  ├─{2}--全栈开发—用户中心
│  │  ├─{1}--第1章个人中心页面与交互开发
│  │  │      [3.2.1.1]--1-1优化用户登录路由.mp4
│  │  │      [3.2.1.2]--1-2首页个人中心菜单交互.mp4
7 N8 j. @% L4 f│  │  │      [3.2.1.4]--1-4使用最新的Layui版本.mp4
+ C7 K8 C. m3 S6 `/ @7 m8 S. _│  │  │      [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
9 w, H* {! y  A; f$ h8 G│  │  │      [3.2.1.9]--1-9完成消息&其他设置页面静态样式(CSS基础).mp4
7 s4 z  K8 e8 ^" \│  │  │      [3.2.1.10]--1-10Sass进阶1@for,@Mixin,Map用法介绍.mp4
! w; c+ B% h$ \2 i( I2 a$ T, L│  │  │      [3.2.1.11]--1-12Sass进阶2@each,Map相关操作，学会书写通用工.mp4
│  │  │      
4 z( {' T* L! g│  │  ├─{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
9 ~5 \3 ?( ]- t6 B│  │  │      
9 l! s& Z% k% p+ D( b+ N. E│  │  ├─{3}--第3章用户积分体系之签到模块开发
│  │  │      [3.2.3.1]--3-1用户签到说明模态框（CSS基础）.mp4
│  │  │      [3.2.3.2]--3-2签到榜列表（CSS基础）.mp4
│  │  │      [3.2.3.3]--3-3签到榜标签切换.mp4
5 t* O2 P4 ]# _  ^: X+ s& g" [│  │  │      [3.2.3.4]--3-5签到榜的组件拆分&子组件事件传递.mp4
" R( C/ G9 i* u3 y4 m& Y; ]$ g│  │  │      [3.2.3.5]--3-6用户签到逻辑介绍.mp4
│  │  │      [3.2.3.6]--3-7签到接口开发1.mp4
│  │  │      [3.2.3.7]--3-8签到接口开发2.mp4
3 O; g: y) a+ X/ x6 I8 l│  │  │      [3.2.3.8]--3-9签到接口3种调试方法：功能测试、单步调试、临界条件测试.mp4
│  │  │      [3.2.3.9]--3-10签到接口完成测试&接口开发小结.mp4
│  │  │      [3.2.3.10]--3-11签到组件前端交互.mp4
│  │  │      [3.2.3.11]--3-12自定义Pop气泡组件.mp4
- z+ c$ D9 N- \  S│  │  │      [3.2.3.12]--3-13完善签到组件.mp4
! n# ~0 Y/ |% M$ R1 A│  │  │      
│  │  └─{4}--第4章修改基本信息页面开发
│  │          [3.2.4.1]--4-1异常路由处理，添加404页面.mp4
│  │          [3.2.4.2]--4-2input标签radio样式自定义.mp4
8 E+ i! _; x- C; Q4 ?│  │          [3.2.4.3]--4-3基本设置修改用户资料接口.mp4
5 o5 y8 N% B( b6 N- n" a( i│  │          [3.2.4.4]--4-4后端Routes入口优化require.context.mp4
2 ]6 d7 D. Z  u" f│  │          [3.2.4.5]--4-5基本信息修改接口开发.mp4
7 A* H* y6 W0 e) c5 K│  │          [3.2.4.6]--4-6调试账号修改接口&邮件发送服务.mp4
│  │          [3.2.4.7]--4-7调试账号修改路由&自定义邮件内容.mp4
│  │          [3.2.4.8]--4-8开发确认邮件跳转的前端页面.mp4
) h' \! ]% S: s0 u- d6 J│  │          [3.2.4.9]--4-9完成用户中心修改个人信息.mp4
│  │          [3.2.4.10]--4-10代码作业-忘记密码页面&接口.mp4
; E' y+ U/ a5 k4 P│  │          [3.2.4.11]--4-11上传头像前端页面开发.mp4
/ F0 r! q* z6 J9 W9 s│  │          [3.2.4.12]--4-12图片上传接口路由&文件解析配置.mp4
│  │          [3.2.4.13]--4-13自定义路径工具类&make-dir库使用.mp4
- q7 S3 F. J! p+ [& ?│  │          [3.2.4.14]--4-15上传头像接口联调.mp4
│  │          [3.2.4.15]--4-16修改密码功能.mp4
, N2 ~) [0 I  G9 `8 m  U# ^│  │         
9 Y; J$ J" F4 y  ?│  ├─{3}--全栈开发—发贴回帖模块
: X; w% `- h% V9 V- F  F│  │  ├─{1}--第1章发贴功能之自定义编辑器开发
│  │  │      [3.3.1.1]--1-1node版本升级至12.14.0.mp4
/ H& y1 A8 A# X3 e│  │  │      [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
- A9 }! `8 u* n0 n5 Y& p│  │  │      [3.3.1.6]--1-8编辑器图片上传功能.mp4
│  │  │      [3.3.1.7]--1-9编辑器添加链接功能（作业：自行完成引用、代码块插入样式）.mp4
- j" K2 J: ]- C1 n2 z│  │  │      [3.3.1.8]--1-10优化编辑器组件间事件传递.mp4
│  │  │      [3.3.1.9]--1-11指定光标位置插入自定义内容格式.mp4
│  │  │      [3.3.1.10]--1-12完成编辑器预览之表情、链接、引用处理.mp4
: g6 _+ p6 |2 T3 G0 V│  │  │      [3.3.1.11]--1-13完成代码块&预览功能，调试自定义编辑器.mp4
, J: y/ L0 L& K; X4 G* B│  │  │      [3.3.1.12]--1-16发贴请求表单检验.mp4
" c* v5 R- g$ V│  │  │      [3.3.1.13]--1-17发贴内容使用localStorage本地缓存.mp4
│  │  │      [3.3.1.14]--1-18发贴后端接口开发&前后端联调.mp4
: j4 d( ?- C0 ]* z│  │  │      [3.3.1.15]--1-19dayjs使用扩展插件（国际化、取时间差）.mp4
│  │  │      
, m. q; o: f- {# Z/ L. n" h│  │  ├─{2}--第2章帖子详情页面开发--需求、样式与自定义组件
│  │  │      [3.3.2.1]--2-1帖子详情页面需求分析.mp4
│  │  │      [3.3.2.2]--2-2帖子详情数据库及接口定义.mp4
- [  q! w9 p+ C8 a: ^│  │  │      [3.3.2.3]--2-3完成帖子详情样式.mp4
│  │  │      [3.3.2.4]--2-4自定义分页组件.mp4
! e3 }' k; b4 U: i) E7 R│  │  │      [3.3.2.5]--2-5分页组件添加统计页数&分页限制选项.mp4
7 X, L: O7 ^0 h! R2 j│  │  │      [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.2.10]--2-10文章详情前端页面调试.mp4
4 k1 t. f8 [& Z, }3 J) y5 E│  │  │      
2 B" O8 d' l; P2 ?$ O. ^# P& T% |│  │  ├─{3}--第3章帖子详情页面开发--评论点赞、回复
│  │  │      [3.3.3.1]--3-1Mock数据调试前端评论列表样式.mp4
│  │  │      [3.3.3.2]--3-2文章详情后台接口开发&前后端调试.mp4
│  │  │      [3.3.3.3]--3-3评论列表接口开发.mp4
│  │  │      [3.3.3.4]--3-4新增评论接口开发.mp4
  v$ Y( h; A* o( |2 ?- J│  │  │      [3.3.3.5]--3-5新增richtext自定义指令&完善翻页组件(小作业).mp4
- D3 N6 k9 ^6 W3 F  v& N' }$ L│  │  │      [3.3.3.7]--3-8评论编辑接口开发.mp4
│  │  │      [3.3.3.8]--3-9评论采纳功能开发.mp4
2 @0 O/ \* W! I# P. }: R4 ^# ^│  │  │      [3.3.3.9]--3-10评论点赞前后端联调.mp4
│  │  │      [3.3.3.10]--3-11评论点赞&回复特定的用户.mp4
/ x3 h4 _% i6 W6 {! O( A│  │  │      
4 }9 R- T  U* \! s│  │  ├─{4}--第4章帖子详情页面开发--发贴编辑、收藏
0 }& p" Z7 D$ F5 X) R8 m: |│  │  │      [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
3 [, e. M0 R- j. s! P│  │  │      
7 n) S  O5 f+ d( y6 }* `/ M│  │  └─{5}--第5章个人中心之发帖、收藏、获取信息与联调
│  │          [3.3.5.1]--5-1个人中心-发贴记录功能开发.mp4
│  │          [3.3.5.2]--5-2个人中心-收藏帖子列表.mp4
0 x' \4 j  Z) P+ [6 R1 h│  │          [3.3.5.3]--5-3个人中心-获取用户的基本信息.mp4
│  │          [3.3.5.4]--5-4完成用户中心&页面联调.mp4
0 A% m' z7 M2 d│  │         
9 \/ P0 R3 ?9 C7 q│  └─{4}--消息中间件开发（WebSocket通信）
│      ├─{0}--附件
│      │      (3.4.1)--消息中间件开发WebSocket通信.pdf
│      │      
, I8 U( X5 y3 Q! N+ u1 J* u$ d│      ├─{1}--第1章WebSocket简介
7 b  V/ |& Q6 o2 s& r; i- [│      │      [3.4.1.1]--1-1websocket周导读.mp4
( `% m4 t  Z5 [: Q" {: \│      │      [3.4.1.2]--1-2Websocket基础.mp4
+ t# Z2 V" F) D2 Y( a$ e│      │      [3.4.1.3]--1-3第一个WebSocket应用.mp4
% ]; L' F1 I! F│      │      [3.4.1.4]--1-4常见API介绍&第一个ws应用.mp4
│      │      [3.4.1.5]--1-5socket.io开发简单的消息应用.mp4
5 _* V5 R6 \$ ]; t9 @! H│      │      [3.4.1.6]--1-6WebSocket属性onerror&onclose.mp4
│      │      
8 U0 h5 p5 y$ [& u. }│      ├─{2}--第2章多人聊天室应用
│      │      [3.4.2.1]--2-1ws实现聊天功能(消息广播).mp4
& d2 a$ O% e4 e' s0 y; d│      │      [3.4.2.2]--2-2进入聊天室欢迎语功能.mp4
; {- q8 t5 n3 c5 u, y- c│      │      [3.4.2.3]--2-3统计在线人数&离开聊天室发送通知.mp4
& C1 H% `) s- W+ h9 f5 `& M2 _│      │      [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
( K1 s2 O  p3 P* s; [│      │      [4.1.2.3]--2-3工程目录.mp4
; s1 Y  V2 o% g6 k1 N: h  `│      │      [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
│      │      
# y% f; V2 R( `* x9 q│      ├─{3}--第3章WebSocket消息应用进阶
│      │      [3.4.3.1]--3-1WebSocket鉴权方式.mp4
# E! K1 N5 R$ r/ ]3 x; ]│      │      [3.4.3.2]--3-2心跳检测&断线重连.mp4
│      │      [3.4.3.3]--3-3心跳检测&断线重连联调.mp4
, G; e3 P( ^. Z( l│      │      [3.4.3.4]--3-4离线消息缓存开发准备.mp4
8 [9 k- t' o7 k: W: D- s5 G│      │      [3.4.3.5]--3-5消息缓存流程图&数据结构设计.mp4
( D2 I7 j$ E# C9 X│      │      [3.4.3.6]--3-6离线消息缓存-存储房间信息.mp4
│      │      [3.4.3.7]--3-7离线消息缓存-消息缓存.mp4
: \7 c  _/ a1 p  [& q│      │      [3.4.3.8]--3-8离线消息缓存联调.mp4
│      │      
" z( v/ O5 L2 c& j│      └─{4}--第4章个人中心--我的消息（实时、历史消息）开发
, ~! d( ?" C2 U+ z│             [3.4.4.1]--4-1个人中心-我的消息功能分析&样式开发.mp4
│             [3.4.4.2]--4-2后端消息查询方法一：MongoDB联合查询（困难）.mp4
" z0 z  Y2 @0 P1 h% S│             [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
  `5 B; h2 |3 t' h- ^2 n+ D. P, `, V│             [3.4.4.8]--4-8实时消息开发-断线重连.mp4
. P! ]! R' o  S( G' `│             [3.4.4.9]--4-9周总结.mp4
│              
5 }% p- L6 o2 p: L├─{4}--阶段四：CMS后台管理系统开发
% y* z9 i1 z; k& n5 h" ]+ @│  ├─{1}--组件化思想进阶：iview上手文章管理
& f  o9 Y2 z. _! i│  │  │  {0}--附件
│  │  │  
2 J/ j7 S2 l8 N6 _* i│  │  ├─{1}--第1章导读
│  │  │      [4.1.1.2]--1-2课程导读（必看）.mp4
; K/ _) V9 v- S$ j7 s; _- \; U│  │  │      
5 e6 i+ |& ^4 q' l% R; f$ ]! B( j9 j│  │  ├─{2}--第2章中后台UI进阶（升级iview-admin基础组件库）
2 R7 A) O) O4 ~│  │  │      [4.1.2.1]--2-1项目依赖升级：Prettier&lint-stage配置.mp4
) R# }' U2 |3 U) B* o% V│  │  │      [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
$ @/ W  X/ m) H( b: ^│  │  │      [4.1.2.6]--2-6vuex中modules用法介绍.mp4
│  │  │      [4.1.2.7]--2-7完成登录功能接口联调&登录组件改造.mp4
1 O! X9 E9 l8 ~% s/ z4 z│  │  │      [4.1.2.8]--2-8登录Form组件数据校验.mp4
# w' W" V) o, Q) b9 Y│  │  │      [4.1.2.9]--2-9用户登录状态保存（js-cookie）.mp4
) m% q0 `3 Z( n5 d$ F; C│  │  │      
  _7 [5 `$ t9 N│  │  └─{3}--第3章后台文章管理页面开发
3 M- b0 F3 U4 w0 ?│  │         [4.1.3.1]--3-1创建自定义路由.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
0 w8 T" I& @" D│  │         [4.1.3.6]--3-6自定义表格组件操作功能.mp4
8 t' h( e7 Z9 G+ n5 h│  │         [4.1.3.7]--3-7删除指定文章功能开发&接口联调.mp4
│  │         [4.1.3.8]--3-8文章管理编辑模态框.mp4
│  │         [4.1.3.9]--3-9文章管理编辑功能开发&接口联调.mp4
4 H0 b+ T# G& M" m/ |/ T% Z│  │         [4.1.3.10]--3-10标签管理页面开发（代码作业）.mp4
│  │         
! k9 O- Z! S2 X) t) Z│  ├─{2}--中后台权限系统：前端权限设计方案
│  │  ├─{1}--第1章导读
6 ~/ f9 E" t* k) Q. [1 ^5 Y│  │  │      [4.2.1.1]--1-1导学.mp4
│  │  │      
; y/ y) ~" ?; ]│  │  ├─{2}--第2章前端权限方案（路由级、组件级、按钮级实现）
0 i# x- Z( Y( l  ^│  │  │      [4.2.2.1]--2-1权限基础（什么是菜单权限、数据权限）.mp4
$ J3 c- O- H# V& P│  │  │      [4.2.2.2]--2-2页面权限举例：基于角色的权限控制.mp4
│  │  │      [4.2.2.3]--2-3页面权限举例：操作权限控制.mp4
" v0 A/ Y6 o, o% I│  │  │      [4.2.2.4]--2-4角色权限控制基础.mp4
│  │  │      
; ?; D4 h3 @" y│  │  ├─{3}--第3章用户管理（自定义动态搜索组件、批量设置）
: k$ C9 x* _# D* r) _: o" n) L│  │  │      [4.2.3.1]--3-1用户管理页面样式开发-添加Tables行批量选择功能.mp4
' g( t  F( g' O1 A( i  Z) A; b% A3 `" p3 S│  │  │      [4.2.3.2]--3-2开发用户管理接口（获取用户列表）.mp4
│  │  │      [4.2.3.3]--3-3用户基本信息编辑功能.mp4
│  │  │      [4.2.3.4]--3-4修改用户信息&删除用户模态框开发（form表单异步校验）.mp4
. c/ v, [6 w; B( q- Q$ k- }, u5 n( _  w3 l│  │  │      [4.2.3.5]--3-5新增用户前台样式&交互开发.mp4
: t8 j9 _/ k, d) j2 M- u│  │  │      [4.2.3.6]--3-6新增用户接口开发&联调.mp4
│  │  │      [4.2.3.7]--3-7批量操作-批量删除用户（学习deleteMany方法）.mp4
" ?: ]. ~: l- p  m1 l( H│  │  │      [4.2.3.8]--3-8批量操作-批量设置用户前台样式&交互开发.mp4
5 X+ z- T# `" I- s% ]│  │  │      [4.2.3.9]--3-9批量操作-批量设置用户接口开发&联调.mp4
│  │  │      [4.2.3.10]--3-10自定义搜索组件样式.mp4
- Q; p5 i% y7 i; l│  │  │      [4.2.3.11]--3-11自定义搜索组件动态选项交互.mp4
5 A: U8 |: u" u│  │  │      [4.2.3.12]--3-12自定义搜索组件交互调试.mp4
│  │  │      [4.2.3.13]--3-13自定义搜索组件接口开发.mp4
/ z2 G7 T3 K$ B" V- M│  │  │      
, g- B* _( U; L% z│  │  └─{4}--第4章权限设计
│  │          [4.2.4.1]--4-1菜单权限设计基础.mp4
$ h! {  T/ m8 G; r( O5 O3 H│  │          [4.2.4.2]--4-2菜单&权限管理数据库设计.mp4
│  │          [4.2.4.3]--4-3菜单&权限管理页面设计思考.mp4
│  │         
│  ├─{3}--中后台权限系统：基于角色&菜单权限设计
; R7 W- q0 n$ k9 m│  │  ├─{1}--第1章菜单管理基础样式（响应式、自定义表单）
  F' r1 P+ e$ t! r* @& G│  │  │      [4.3.1.1]--1-1创建菜单&权限管理页面路由.mp4
│  │  │      [4.3.1.2]--1-2开发菜单管理页面样式（响应式布局设置）.mp4
: J# @" W( W: w( D& ^6 `│  │  │      [4.3.1.3]--1-3菜单管理表单内容定制（vue中webpack链式配置：添加.mp4
. z: E, p7 a; B$ p4 Z5 r, _% r$ B- D│  │  │      [4.3.1.4]--1-4自定义资源选项（分析页面交互，添加功能按钮）.mp4
* g- p9 E8 r6 S$ O' a& q│  │  │      
│  │  ├─{2}--第2章菜单管理多级树形控件
│  │  │      [4.3.2.1]--2-1添加菜单Dropdown交互.mp4
│  │  │      [4.3.2.2]--2-2多级菜单树添加兄弟节点、子节点交互.mp4
& |/ k# h+ x. W│  │  │      [4.3.2.3]--2-3多级菜单树编辑功能交互.mp4
5 ~; F0 n. \/ ^│  │  │      [4.3.2.4]--2-4多级菜单树删除交互&操作互锁功能.mp4
4 D. ~0 z4 e1 s5 L: A│  │  │      [4.3.2.5]--2-5代码作业：菜单管理页面-组件拆分.mp4
│  │  │      
8 v3 Z. I1 I  _/ y* |0 |' c2 O│  │  ├─{3}--第3章菜单管理之资源管理
│  │  │      [4.3.3.1]--3-1资源管理添加交互.mp4
│  │  │      [4.3.3.2]--3-2资源管理数据保存与显示交互.mp4
│  │  │      [4.3.3.3]--3-3资源管理批量设置、删除（完成菜单管理页面级交互）.mp4
  n' F7 ^; d- b% E/ G) s9 }* \│  │  │      
4 g& Z6 k6 J4 Q' E' y: g│  │  ├─{4}--第4章菜单管理接口开发
: D1 w- S+ _  K# }" Z6 H0 d+ E│  │  │      [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
# d* O8 O  r3 @│  │  │      [4.3.4.5]--4-5添加子菜单&更新菜单接口对接&联调.mp4
; q" ~1 z  }9 t# N! J: h│  │  │      [4.3.4.6]--4-6菜单管理删除菜单接口联调.mp4
; }$ j* n4 B( s3 \* I! {. E8 Z3 H3 i│  │  │      
% G, a9 Q! d0 K# ]│  │  ├─{5}--第5章角色权限页面开发
│  │  │      [4.3.5.1]--5-1角色权限页面样式开发.mp4
* i% I4 K- A. v' m1 a7 h8 _' b. ~│  │  │      [4.3.5.2]--5-2角色权限页面交互分析&添加角色模态框.mp4
) _# ]  @: c" N& x$ F; E) w│  │  │      [4.3.5.3]--5-3角色权限管理交互（添加角色、角色权限展示.mp4
│  │  │      [4.3.5.4]--5-4角色与菜单权限&操作权限联动交互.mp4
│  │  │      [4.3.5.5]--5-5角色权限操作互锁（非编辑状态判断）.mp4
8 J' W; E' z# e3 ~$ L│  │  │      [4.3.5.6]--5-6设置角色菜单权限、操作权限页面交互.mp4
│  │  │      [4.3.5.7]--5-7角色权限接口开发&联调.mp4
│  │  │      
" D' m" f7 W* _% E4 b/ B1 H5 L│  │  └─{6}--第6章用户权限管理&接口权限(数据权限)开发
( c6 Q5 R/ `% t3 Q+ ^: c$ U│  │          [4.3.6.1]--6-1用户管理页面（对接角色信息）.mp4
0 q" x  f0 m$ X8 U9 r6 c6 B$ c│  │          [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
) v" b2 [* y; _/ M│  │          [4.3.6.6]--6-6接口权限控制中间件开发(数据权限).mp4
│  │         
│  └─{4}--首页可视化图表与日志服务
& d7 ~% z, A7 K- y8 _3 p│      ├─{1}--第1章首页可视化&Echart导学
│      │      [4.4.1.1]--1-1章导学.mp4
│      │      [4.4.1.2]--1-2Echarts基础&地图类型图表两种解决方案.mp4
/ _+ m+ _9 K0 l9 E$ L# O│      │      
2 m: @# T1 \+ N6 l: Z' T& N│      ├─{2}--第2章首页统计
│      │      [4.4.2.1]--2-1首页顶部统计信息-新增用户统计.mp4
% n$ [* k- W% a6 v7 K4 U7 g* R│      │      [4.4.2.2]--2-2首页顶部统计-周数据统计.mp4
│      │      [4.4.2.3]--2-3定制发帖统计功能（通用饼状组件）.mp4
│      │      [4.4.2.4]--2-4近6月累计发帖统计(aggregate进阶).mp4
& D; `3 a6 V- u' [2 N│      │      [4.4.2.5]--2-5近7日的统计数据（echarts进阶）.mp4
! g/ T8 q6 {) V$ I5 n* }1 x- q│      │      [4.4.2.6]--2-6近7日的统计数据接口&联调.mp4
│      │      
│      ├─{3}--第3章监控日志服务
│      │      [4.4.3.1]--3-1准备联调开发环境.mp4
6 i1 p3 N" ~6 R8 m$ G) A( i│      │      [4.4.3.2]--3-2监控日志方法一：简单的调试日志koa-logger.mp4
# g& ]/ K* K+ u/ K: g│      │      [4.4.3.3]--3-3监控日志方法二：文件日志koa-log4j.mp4
+ p& v7 A7 d7 ]│      │      [4.4.3.4]--3-5错误日志收集koa中间件开发(持久化方案-数据库保存).mp4
. D* R+ U' `! a# r7 M$ m- M& ]8 v" i│      │      [4.4.3.5]--3-6管理后台页面：table组件render进阶.mp4
│      │      [4.4.3.6]--3-7管理后台页面参数详情&批量删除功能.mp4
│      │      [4.4.3.7]--3-8错误日志筛选查询（表格filterRemote）.mp4
+ G. f' R6 i" C7 P- }' W, K: E│      │      
│      └─{4}--第4章前后台联调&持续集成任务配置
. v  I4 s1 I  o8 j, C│             [4.4.4.1]--4-1联调项目部署介绍.mp4
/ [" ^' Y6 B7 ]2 I2 c│             [4.4.4.2]--4-2社区应用前后端联调（配置接口权限、优化登录细节）.mp4
│             [4.4.4.4]--4-5项目部署准备（Dockerfile、生产环境mongo&r.mp4
& G! \7 T: n9 a│             [4.4.4.5]--4-6接口项目配置自动化任务（敏感信息、微信通知）.mp4
│             [4.4.4.6]--4-7自动化部署前后台项目.mp4
& d/ v" t7 q5 T7 w6 R0 x0 B- T1 d* P/ [│              
! D3 q" z( X- \' H( u6 O0 L├─{5}--阶段五：WebApp开发与Vue3项目重构
│  ├─{1}--WebApp页面设计与开发
- b& E' b8 X! |3 y4 \& [# T- L7 @│  │  ├─{1}--第1章导读
8 j1 J3 c9 D( I; H1 w) I8 A│  │  │      [5.1.1.1]--1-1Webapp章导学.mp4
│  │  │      [5.1.1.2]--1-2Webapp原型稿&项目演示.mp4
│  │  │      
│  │  ├─{2}--第2章基础组件开发
, `# g/ T1 `" ?: x4 ~1 y│  │  │      [5.1.2.1]--2-1Mint-ui介绍(熟悉组件名称、使用场景).mp4
│  │  │      [5.1.2.2]--2-2mint项目初始化（配置babel）.mp4
" T: w# _2 y5 {5 q: d$ t$ a│  │  │      [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
: S7 K1 @' O5 a9 s- y│  │  │      [5.1.2.8]--2-8如何修改UI框架主题？(三种思路).mp4
6 c2 L( }! l) I0 q' q" Z│  │  │      
' n% W* L, }, F% I0 x4 T% M3 w│  │  ├─{3}--第3章常见问题解决方案(适配、上下拉加载)
│  │  │      [5.1.3.1]--3-1自定义搜索组件（移动端适配方案postcss-px-to.mp4
& F) ^  i  l+ ?" v│  │  │      [5.1.3.2]--3-2作业：iconfont添加自定义去色的svg图片.mp4
│  │  │      [5.1.3.3]--3-3自定义Footer组件.mp4
9 U% Z% K+ {3 T+ [│  │  │      [5.1.3.4]--3-4移动端适配底部Footer组件(mixin方法扩展应用).mp4
4 |& P# T: Z. s& J│  │  │      [5.1.3.5]--3-5添加首页路由及页面Tabs.mp4
8 ]: c+ V, a6 k  s% c5 s│  │  │      [5.1.3.6]--3-6下拉刷新、上拉加载（重要）.mp4
│  │  │      [5.1.3.7]--3-7自定义首页ListItem组件.mp4
" ^3 J2 C) I  `; x/ |│  │  │      
│  │  ├─{4}--第4章详情页面交互
, m" ?4 b" I0 P- E' j│  │  │      [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
; D* d  m+ A8 i6 o) V1 Y- F7 c4 R5 z│  │  │      
) ^/ W8 _* @2 n7 _5 t0 F│  │  ├─{5}--第5章移动端适配解决方案
2 Q( r" m* `9 c& D' h│  │  │      [5.1.5.1]--5-1处理微信下拉黑边.mp4
: b# m* r; c  V/ u│  │  │      [5.1.5.2]--5-2移动端HTML的Meta标签配置.mp4
+ ^& {- s# `. Z& J+ V* k│  │  │      [5.1.5.3]--5-3移动端横竖屏兼容CSS方案.mp4
2 }" }; S$ Z$ _│  │  │      [5.1.5.4]--5-4移动端底部Fixed定位交互设计.mp4
/ s9 S; y6 j/ d3 d, H│  │  │      
5 T: I' S) Q& n: ^. e│  │  ├─{6}--第6章业务组件样式开发
│  │  │      [5.1.6.1]--6-1登录页面基础结构.mp4
& D1 L& u- q+ s1 h6 T8 S2 m2 ?! n: i│  │  │      [5.1.6.2]--6-2登录接口对接（Vuex进阶Namespace及使用）.mp4
6 u& n2 Z& L9 O  N( E0 y│  │  │      [5.1.6.3]--6-3个人中心页面头部样式.mp4
│  │  │      [5.1.6.4]--6-4完成个人中心样式(处理资源路径).mp4
' h6 o9 T& k8 G# W│  │  │      [5.1.6.5]--6-5热门头部筛选样式.mp4
│  │  │      [5.1.6.6]--6-6完成热门列表样式.mp4
; Q0 ^; [( J. `: k# \│  │  │      [5.1.6.7]--6-7完成消息列表样式.mp4
│  │  │      
│  │  └─{7}--第7章WebApp前后端对接
5 s- U+ E" N$ ?- |3 J) e/ U# R│  │         [5.1.7.1]--7-1热门功能前端接口定义（js策略模式）.mp4
│  │         [5.1.7.2]--7-2热门文章接口开发&调试.mp4
* q1 b/ T" _& B/ Z; v0 R. ^6 q│  │         [5.1.7.3]--7-3热门评论&签到接口开发.mp4
2 s4 n  `7 w& i3 W! C% [: Z│  │         [5.1.7.4]--7-4热门帖子功能前后端联调.mp4
/ Z9 t: t/ K4 ^0 }( d, j│  │         [5.1.7.5]--7-5热门评论&签到排行前后端联调.mp4
! T# O$ C) R, N8 u# v│  │         [5.1.7.6]--7-7路由守卫&历史消息对接.mp4
: k( h; n% q* S4 X- E│  │         [5.1.7.7]--7-8NotFound页面及路由配置.mp4
6 M; ]( B2 k& F( o4 s. j% |5 _│  │         [5.1.7.8]--7-9如何理解Vue中的Transtion过渡.mp4
│  │         [5.1.7.9]--7-10移动端路由切换动画设计.mp4
│  │         [5.1.7.10]--7-11如何调试过渡效果&动画？transition小结.mp4
│  │         [5.1.7.11]--7-12热门模块组件化拆分.mp4
) d% ~$ L' {6 o9 p0 U& R, U│  │         [5.1.7.12]--7-13webapp自动化发布&打包优化(配置TerserWeb.mp4
│  │         
  j' C& a" {, f# }( {6 o│  ├─{2}--Vue3全家桶+Vite开发工具
) q* J/ b7 D* D  ]; J│  │  ├─{0}--附件
3 J6 i0 T+ F* f8 g+ [1 Q│  │  │      (5.2.5)--状态管理pinia.pdf
6 E/ g7 ^" v4 c% v0 A│  │  │      (5.2.6)--Rollup扩展.pdf
│  │  │      (5.2.7)--Vite插件.pdf
│  │  │      
│  │  ├─{1}--第1章TypeScript核心知识讲解
6 C1 d2 J2 c0 i3 w& p; m│  │  │      [5.2.1.1]--1-1TS导学.mp4
, U$ I" {) P8 d5 ~│  │  │      [5.2.1.2]--1-2基础类型&引用类型.mp4
8 f8 p0 o4 _! L7 I1 X- Y│  │  │      [5.2.1.3]--1-3函数类型.mp4
│  │  │      [5.2.1.4]--1-4函数重载.mp4
2 l) I6 w6 m+ o9 ^7 Q9 ]│  │  │      [5.2.1.5]--1-5any&never&void&unknown区别与应用场景.mp4
5 `9 W# u, t% U, n4 `- d) p│  │  │      [5.2.1.6]--1-6tuple与enum.mp4
│  │  │      [5.2.1.7]--1-7Interface.mp4
│  │  │      [5.2.1.8]--1-8Class类（修饰符、构建函数、接口扩展）.mp4
2 l0 P7 |  R( A5 v) ]│  │  │      [5.2.1.9]--1-9泛型.mp4
0 x4 q- f- o, [8 d3 o& {& F│  │  │      [5.2.1.10]--1-10声明文件&tsconfig配置文件.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
, Y0 v% O, G% K# Z│  │  │      [5.2.2.7]--2-8Vue3集成TypeScript及TS配置指南.mp4
& d* y' h* x* V$ J3 I" A│  │  │      
7 z6 |$ m7 S, v. q9 g, Q: ?, h│  │  ├─{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
0 K1 D: a$ s7 Z, h│  │  │      [5.2.3.4]--3-4computedvswatchvswatchEffect.mp4
6 W2 `- e% d7 D  c/ I│  │  │      [5.2.3.5]--3-5深入学习常见响应式API.mp4
│  │  │      [5.2.3.6]--3-7Vue3生命周期钩子函数.mp4
5 t! G8 c  i8 h6 W# c* V│  │  │      [5.2.3.7]--3-8Suspense简介&封装通用ErrorCapture组件.mp4
│  │  │      [5.2.3.8]--3-9teleport组件介绍.mp4
│  │  │      
$ K( ]5 ?! L8 b2 `7 c5 x; P│  │  ├─{4}--第4章vue生态有哪些变化
│  │  │      [5.2.4.1]--4-1章导学.mp4
│  │  │      [5.2.4.2]--4-2Vue-Router有哪些变化？.mp4
- H6 \2 o3 v, h6 f: s; T│  │  │      [5.2.4.3]--4-3Vuex有哪些变化.mp4
│  │  │      
│  │  ├─{5}--第5章todolist案例
$ A; g3 Q2 ]  U│  │  │      [5.2.5.1]--5-1TodoList需求分析.mp4
  i. g# w' G/ V) Z' u/ g- I│  │  │      [5.2.5.2]--5-2页面基本结构&路由定义.mp4
3 ?9 t3 H6 ~& b% c│  │  │      [5.2.5.3]--5-3添加待办数据&如何自动创建types.mp4
1 X( b) F5 `! V  V│  │  │      [5.2.5.4]--5-4完成单项Item状态修改.mp4
│  │  │      [5.2.5.5]--5-5完成页面列表过滤功能.mp4
) S  W- `  g% D  m/ o+ q│  │  │      [5.2.5.6]--5-6完成编辑与本地数据持久化.mp4
│  │  │      
4 \+ S3 b; z  e; ?0 v│  │  ├─{6}--第6章新一代的状态管理方案Pinia
/ y, m: H8 h0 h│  │  │      [5.2.6.1]--6-1[回顾]什么是状态管理？解决了什么问题？.mp4
│  │  │      [5.2.6.2]--6-2Pinia定义：为什么要学习Pinia？它与Vuex的区别.mp4
- q7 y' `) q% K│  │  │      [5.2.6.3]--6-3代码对比：Vuex3.xvsVuex4.mp4
, Q" e+ O- c8 M( i  D3 h│  │  │      [5.2.6.4]--6-4代码对比：Pinia基础示例（三种修改state的方法）.mp4
# \3 Z$ Y) q. N. P│  │  │      [5.2.6.5]--6-5代码对比：原生写法（依赖注入）.mp4
# h6 g" l: E3 P│  │  │      [5.2.6.6]--6-6代码对比：小结.mp4
│  │  │      [5.2.6.7]--6-7Pinia核心概念与进阶API.mp4
8 V' z" x3 a; r/ d2 R│  │  │      [5.2.6.8]--6-8通用开发环境搭建：Vite+Pinia+VSCode插件.mp4
/ C% a  X. V- _9 }' l! X4 h│  │  │      [5.2.6.9]--6-9Element-plus与Vue-router整合.mp4
1 `( T, t9 d( T│  │  │      [5.2.6.10]--6-10基础的TodoList案例（StoreToRefs）.mp4
' e' [, C0 B: X; j│  │  │      [5.2.6.11]--6-11作业解析：进阶-嵌套列表与状态管理.mp4
5 [1 z" }2 J( r  z│  │  │      [5.2.6.12]--6-12作业解析：进阶-删除清单项+统计.mp4
│  │  │      [5.2.6.13]--6-13作业解析：进阶-编辑清单项与排序.mp4
│  │  │      [5.2.6.14]--6-14作业解析：进阶-编辑清单项与排序.mp4
) S" Q+ d' y; I2 M9 _│  │  │      [5.2.6.15]--6-15作业总结+Vuex迁移方案.mp4
│  │  │      
' j6 O2 i: S/ I' D8 x* B│  │  └─{7}--第7章Vite前端开发与构建工具介绍
│  │          [5.2.7.1]--7-1Vite介绍&上手实践.mp4
# b, c! x" I" B2 f6 ^6 q  Q│  │          [5.2.7.2]--7-2Vite配置TS支持,CSS预编译,路径别名.mp4
( M# H  T$ Z. J│  │          [5.2.7.3]--7-3vite2.x项目初始化(路径别名、CSS预编译、静态资源.mp4
3 W! b( L  a: d9 V5 }' b8 x│  │          [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
, n  v; P2 j0 K2 b% R│  │         
- y. o. ^- T* I. K4 C8 b7 {│  ├─{3}--前后端项目Vue3重构
│  │  │  {0}--附件
# e2 r$ n1 l1 Z$ r/ x│  │  │  
│  │  ├─{1}--第1章PC端项目升级策略
$ c% m/ T% f; L; N% `8 ^& e4 g7 N8 T" @│  │  │      [5.3.1.1]--1-1章导学.mp4
│  │  │      [5.3.1.2]--1-2PC端项目升级策略.mp4
│  │  │      
│  │  ├─{2}--第2章登录&注册功能重构
! B7 t  i7 i5 k( \- e│  │  │      [5.3.2.1]--2-1处理项目资源+样式.mp4
8 j8 J6 I3 d1 C4 V" v/ L1 t8 a( z: f, P& a│  │  │      [5.3.2.2]--2-2完成底部Footer改造&封装ToggleUtils.mp4
│  │  │      [5.3.2.3]--2-3Veevalidate4.x集成.mp4
; Y1 f; o' B: @9 P1 V+ K. M: h│  │  │      [5.3.2.4]--2-4Veevalidate4.x配置国际化插件i18n.mp4
│  │  │      [5.3.2.5]--2-5Axios&登录接口TS改造.mp4
│  │  │      [5.3.2.6]--2-6重构获取验证码逻辑.mp4
6 w, D0 p& `) N% o; C+ G│  │  │      [5.3.2.7]--2-7登录表单预校验+定制错误消息提示.mp4
$ |0 S, W; e1 B/ \│  │  │      [5.3.2.8]--2-8处理登录请求(接口+表单重置+路由跳转).mp4
│  │  │      [5.3.2.9]--2-9重构注册页面，优化Veevalidate.mp4
│  │  │      [5.3.2.10]--2-10自定义弹窗组件.mp4
6 ?) w" O# y+ Z3 ~# w0 e7 ]+ D' R& Z; Y│  │  │      
│  │  ├─{3}--第3章首页重构
│  │  │      [5.3.3.1]--3-1首页重构分析.mp4
│  │  │      [5.3.3.2]--3-2完成首页布局+路由跳转.mp4
3 N, W) N4 X$ E' `│  │  │      [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
│  │  │      
, C! v) I2 N7 y. L! l│  │  ├─{4}--第4章改造第三方UI库升级Vue3.0
% ?) I8 |6 X5 k0 {│  │  │      [5.3.4.1]--4-1章导学.mp4
│  │  │      [5.3.4.2]--4-2UI基础库准备&Github下载加速.mp4
% [( ?' {' Z, H│  │  │      [5.3.4.3]--4-3ESLint&TypeScript升级（需要非常耐心）.mp4
│  │  │      [5.3.4.4]--4-4TS支持：TypeScript配置.mp4
' }0 j  b+ V8 [9 k. a0 h; |│  │  │      [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
1 b$ q9 L. ^' l/ E8 e8 B9 y│  │  │      
│  │  └─{5}--第5章前端项目优化
8 w1 Z& ~$ I, q. G* ~7 W│  │          [5.3.5.1]--5-1refreshToken机制.mp4
$ j1 y3 c8 P1 C  O- k│  │          [5.3.5.2]--5-2使用axios拦截器完成refreshToken机制mp4.mp4
│  │          [5.3.5.3]--5-3refreshToken功能前后台联调.mp4
│  │          [5.3.5.4]--5-4登录成功跳转回原来的页面.mp4
( q1 m1 C  Q: H$ h4 z) s" S│  │          [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
/ F( j. s# g' d, U: Y│  │         
! B2 j% y0 B' N( B. C/ \2 B7 I│  └─{4}--性能优化（服务端渲染）
; I4 |' b1 Z( i& B│      │  {0}--附件
% a: [3 x0 G5 Z" ~8 H9 T6 ^│      │  
│      ├─{1}--第1章导读
$ g* U' f, H9 p: w: J$ E* J0 f│      │      [5.4.1.1]--1-1导学.mp4
│      │      
│      ├─{2}--第2章Vue服务端渲染方案一vue-server-rendere
│      │      [5.4.2.1]--2-1SSR基础及工作原理.mp4
/ N0 ]( H  t% I) P: [" A│      │      [5.4.2.2]--2-2SSR学习路径.mp4
& }" M/ w  S  S8 l9 j│      │      [5.4.2.4]--2-4第一个SSR应用.mp4
6 e4 ^3 B1 u9 }9 \( B- k│      │      [5.4.2.5]--2-5配置SSRwebpack热重载流程分析.mp4
# I* i5 K3 L9 h│      │      [5.4.2.6]--2-6配置学习webpack-dev-middleware&we.mp4
" ~% X7 E- Z) S" |, c0 a│      │      [5.4.2.7]--2-7调试webpack热重载.mp4
│      │      [5.4.2.8]--2-8路由和代码分割.mp4
. y% e- O3 e5 I│      │      [5.4.2.9]--2-9数据预取和状态.mp4
- O8 s: x8 i5 E. k+ C5 }: ~│      │      
, G# W- f  N' `6 ?/ b0 O│      ├─{3}--第3章Vue服务端渲染方案二：Nuxt.js
│      │      [5.4.3.1]--3-1Nuxtjs简介.mp4
; g( V0 G4 G6 O9 O8 A2 R│      │      [5.4.3.2]--3-2工程目录&自动生成路由.mp4
$ g+ w% q. C9 c$ B% W! E! _1 b! ^: A│      │      [5.4.3.3]--3-3Nuxtjs异步数据.mp4
│      │      [5.4.3.4]--3-4UniversalMode.mp4
│      │      [5.4.3.5]--3-5登录鉴权之nuxtjsauth模块.mp4
│      │      
$ Q3 f3 E3 Q0 I5 Z7 }- r/ x│      └─{4}--第4章服务端渲染实战-改造PC端首页与登录鉴权
│              [5.4.4.1]--4-1首页项目初始化&完成头部底部样式.mp4
1 j/ T7 m) Y8 t2 t* K8 `3 |│              [5.4.4.2]--4-2完成首页服务端渲染及调试.mp4
│              
& T" N4 E% u; S6 {├─{6}--阶段六：小程序开发与支付专题
│  ├─{1}--uniapp开发(首页菜单定制搜索)
│  │  ├─{1}--第1章小程序开发环境与核心知识
5 J7 c6 h6 H1 I! e  k2 c│  │  │      [6.1.1.1]--1-1小程序注册流程(建议使用非个人主体注册).mp4
│  │  │      [6.1.1.2]--1-2小程序后台开发配置、流程及UnionID机制.mp4
' m" g4 G. ^$ d& N( b; V! V│  │  │      [6.1.1.3]--1-3开发者工具&第一个小程序应用.mp4
  C7 P. [! i' s) D/ R/ W* a│  │  │      [6.1.1.4]--1-4小程序工程目录.mp4
; A& E) d5 M9 M  i│  │  │      [6.1.1.5]--1-5小程序宿主环境.mp4
* I2 }% G4 _  d& K- }' L9 s│  │  │      [6.1.1.6]--1-6小程序样式语言WXSS及两种预编译方案介绍.mp4
# U9 H& d9 w  c7 Z- K- V│  │  │      [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
  J% y: B( K8 l( l│  │  │      [6.1.2.4]--2-4静态资源的引入方式.mp4
│  │  │      
# [! u" l2 @! |' `│  │  ├─{3}--第3章uniapp开发环境配置
) g2 G$ |  q# G* p* K& X8 z│  │  │      [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
' c% R5 @6 j* z* y- s+ B' T: b│  │  │      [6.1.3.4]--3-4最佳实践：ESLint+代码自动格式化.mp4
│  │  │      
) Y6 J3 B+ o: k! l6 v% c  ?│  │  ├─{4}--第4章小程序演示&集成uViewUI框架
0 @& r  H+ ]5 C, R+ L  m& n) q│  │  │      [6.1.4.1]--4-1小程序功能演示.mp4
/ u6 A, f* D, Y5 Z& e% F) c+ x│  │  │      [6.1.4.2]--4-2代码依赖分析&导入静态资源.mp4
9 _: S$ l$ P! \  _│  │  │      [6.1.4.3]--4-3完成首页tabBar.mp4
! B' _4 Y" M! j3 ^; C2 {5 M8 E│  │  │      [6.1.4.4]--4-4uViewUI集成.mp4
( T% Z! Y& X4 S. x  |" I│  │  │      [6.1.4.5]--4-5自定义Navbar及适配右侧胶囊高度.mp4
& S! D& m1 T5 o0 S* W, R, U│  │  │      
│  │  ├─{5}--第5章首页搭建与样式
8 n3 a8 m0 {3 f; w7 ?6 w* x& x│  │  │      [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
' {$ _* [: |2 G. [) u& ^! [│  │  │      [6.1.5.6]--5-6完成首页样式.mp4
│  │  │      [6.1.5.7]--5-7uni获取元素高度（小技巧）.mp4
& n/ F, l8 _  S) }│  │  │      
3 A7 q* U$ I8 g  G, W│  │  ├─{6}--第6章APIPromise化&请求封装
│  │  │      [6.1.6.1]--6-1原生小程序接口APIPromise化.mp4
│  │  │      [6.1.6.2]--6-2uniapp中request封装需求分析.mp4
7 U, U$ M: t6 U; k& N│  │  │      [6.1.6.3]--6-3请求封装方案一：原生封装及必须注意的三点（拦截器、错误处理.mp4
8 Z3 h4 I7 j3 R│  │  │      [6.1.6.4]--6-4uview中请求封装源码解读与全局配置.mp4
+ s* [0 t6 ?% p, C7 J% K  K│  │  │      [6.1.6.5]--6-5请求封装方案二：view请求封装与统一错误处理.mp4
- e; n% Y3 _& b% g* M' ^│  │  │      [6.1.6.6]--6-6优化uview请求封装.mp4
- h8 J( A' n& B) j│  │  │      [6.1.6.7]--6-7封装请求总结&说明.mp4
  P2 Q4 }2 H: z│  │  │      
│  │  └─{7}--第7章首页&搜索接口对接
7 L' N: O2 F5 Y/ _9 X│  │          [6.1.7.1]--7-1小程序接口集中管理.mp4
  T( g7 `8 n! E) g│  │          [6.1.7.2]--7-2首页接口数据对接.mp4
+ b2 ~7 i9 V7 a- V, S│  │          [6.1.7.3]--7-3下拉刷新&上拉加载更多.mp4
, H2 }/ S* T; r( Y│  │          [6.1.7.4]--7-4优化首页页面逻辑&封装list-item组件.mp4
│  │          [6.1.7.5]--7-5过滤器的使用：日期时间格式化.mp4
2 P& ]9 P* D7 |8 V4 w" w│  │          [6.1.7.6]--7-6搜索需求分析&搜索历史功能.mp4
. Q' z- f; r# D- l│  │          [6.1.7.7]--7-7完成搜索建议(搜索推荐列表)及样式.mp4
│  │          [6.1.7.8]--7-8搜索按钮&清空搜索历史.mp4
3 t/ b1 t$ ?+ i4 _% m  b│  │         
│  ├─{2}--uniapp开发(登录、详情、个人中心)
│  │  ├─{1}--第1章优化API接口项目
│  │  │      [6.2.1.1]--1-1章导读.mp4
. Y& t8 }6 j4 C" ]" Y0 i! E. v6 Z│  │  │      [6.2.1.2]--1-2升级api项目webpack及相关依赖包.mp4
│  │  │      [6.2.1.3]--1-3借助ncu升级其他依赖项.mp4
0 I% u0 U  ?9 t0 n% l& C│  │  │      [6.2.1.4]--1-4lint-staged解决了什么问题？lint-stage.mp4
│  │  │      [6.2.1.5]--1-5nodemon-webpack-plugin优化调试命令.mp4
8 w$ @# o; g8 o: d5 R│  │  │      
& W' ^2 a- F' H$ k  q0 f. B" X│  │  ├─{2}--第2章小程序登录&微信鉴权
1 G5 Z9 `  o8 _5 K8 Z& U; m│  │  │      [6.2.2.1]--2-1微信登录流程介绍&阅读时序图.mp4
│  │  │      [6.2.2.2]--2-2在uniapp中集成Vuex.mp4
3 u! k% x  _1 s7 E, `4 a7 Q5 T│  │  │      [6.2.2.3]--2-3小程序中如何调试Vuex？console&debugger.mp4
8 K% Y6 }4 r% e│  │  │      [6.2.2.4]--2-4vuex添加token&userInfo并持久化.mp4
0 T9 `, s: @8 T  }* u# l│  │  │      [6.2.2.5]--2-5创建登录页面&完成基础样式.mp4
│  │  │      [6.2.2.6]--2-6获取用户信息两种方式(注意事项).mp4
" @. ~7 r; D4 F: A6 z5 r│  │  │      [6.2.2.7]--2-7接口部分-用户登录接口获取开放数据.mp4
│  │  │      [6.2.2.8]--2-8开放数据校验与解密.mp4
2 O; l9 ]2 B  q. J* r7 F; ^, s│  │  │      [6.2.2.9]--2-9用户登录&前后端测试数据解密.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
8 c( U% s1 j! i' w: a6 N│  │  │      
0 m' t; t/ f2 ?' y- I9 r) a" i│  │  ├─{3}--第3章短信登录功能
│  │  │      [6.2.3.1]--3-1需求分析&业务流程图.mp4
│  │  │      [6.2.3.2]--3-2手机登录页面样式.mp4
│  │  │      [6.2.3.4]--3-4短信服务介绍(推荐服务商、控制面板使用、API开发).mp4
/ T. Q3 W2 }' t3 k/ L│  │  │      [6.2.3.5]--3-5手机号登录前端逻辑.mp4
│  │  │      [6.2.3.6]--3-6手机号登录后端逻辑.mp4
│  │  │      [6.2.3.7]--3-7手机好登录前后端联调.mp4
. \2 w# E5 Y' B9 p! A" |8 O│  │  │      
0 X: {" _2 I$ D3 A9 |1 ^│  │  ├─{4}--第4章热门&个人中心&RefreshToken机制
1 `. N# I1 f: [# c& I: q( O, f│  │  │      [6.2.4.1]--4-1完成消息页面的基础样式.mp4
# w4 Y/ X* b% R; \: [* Q│  │  │      [6.2.4.2]--4-2热门+个人中心&标签样式吸顶效果.mp4
% ]) J$ X2 R4 {/ M5 L2 U4 u6 f( B% B│  │  │      [6.2.4.3]--4-3热门模块前后端联调.mp4
│  │  │      [6.2.4.4]--4-4个人中心统一的跳转拦截.mp4
│  │  │      [6.2.4.5]--4-5代码练习.mp4
+ M& m5 _! m( }0 C: B│  │  │      [6.2.4.6]--4-6RefreshToken机制介绍.mp4
+ j; K- t3 E. Q1 S0 L│  │  │      [6.2.4.7]--4-7RefreshToken机制开发.mp4
│  │  │      [6.2.4.8]--4-8RefreshToken机制测试&前后端联调.mp4
8 V: A9 L6 E* U8 b│  │  │      
│  │  └─{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
7 Y% ~, [' X/ W5 |% `! z; }1 `$ a│  │         [6.2.5.6]--5-6wxParse代码高亮方案.mp4
│  │         
% R" w3 A* X& v! \- X│  ├─{3}--uniapp内容安全、订阅消息
- s: f. `4 {  l│  │  ├─{1}--第1章HTTPS加持-SSL证书申请&配置Nginx
4 Z# ]8 R* l8 h. b│  │  │      [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
: X) [8 q8 `% J6 T3 {! g& `4 w  ]2 g% ~* s│  │  │      [6.3.1.5]--1-5场景二：接口服务API配置HTTPS.mp4
5 z, u' V! w# Z7 B# M│  │  │      [6.3.1.6]--1-6联调测试&配置HTTPS并发布体验版本.mp4
│  │  │      
│  │  ├─{2}--第2章小程序订阅消息
│  │  │      [6.3.2.1]--2-1小程序订阅消息机制&使用说明.mp4
; W" j# e. z3 j# u8 o) n│  │  │      [6.3.2.2]--2-2小程序订阅消息基础用法.mp4
$ ]' A/ S% F) ]1 \, k; d) a7 F│  │  │      [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 f; R( h5 Z6 C2 K6 ]- O( W│  │  │      [6.3.2.7]--2-7订阅消息后台：发送订阅消息.mp4
, h- W$ D" y: Y9 D, i│  │  │      
' b+ }# P. c* ^' Y% @9 R! W│  │  ├─{3}--第3章内容安全（文本、图片）
7 l( G* B5 o6 K" I3 j│  │  │      [6.3.3.1]--3-1重要：什么是内容安全？内容安全第三方服务推荐.mp4
│  │  │      [6.3.3.2]--3-2小程序后台内容安全相关菜单.mp4
, {8 x2 W5 x" S5 B% R$ g) Y* Y# Q; O│  │  │      [6.3.3.4]--3-4调试文本内容安全接口(拦截器处理accessToken过期.mp4
│  │  │      [6.3.3.5]--3-5图片内容安全需求分析.mp4
: T- ]5 p: ~1 x- c, ^│  │  │      [6.3.3.6]--3-6图片内容安全开发：压缩图片sharp加速+formData.mp4
│  │  │      [6.3.3.7]--3-7图片内容安全测试.mp4
│  │  │      [6.3.3.8]--3-8新增帖子功能.mp4
6 L- Y1 R) m0 d8 ?( P│  │  │      [6.3.3.9]--3-9小程序上传图片api：uploadFile.mp4
( s8 `+ f; O  Y- g% L- z│  │  │      [6.3.3.10]--3-10首页列表加入页面缓存.mp4
│  │  │      [6.3.3.11]--3-11真机调试fixed定位样式问题.mp4
│  │  │      
│  │  └─{4}--第4章uniapp小程序打包与发布
│  │          [6.3.4.1]--4-1小程序分包机制.mp4
│  │          [6.3.4.2]--4-2分包预下载机制.mp4
- W3 Y* k& c2 k/ p9 l* V8 B' Z4 w, A│  │          [6.3.4.3]--4-3小程序发布流程与注意事项.mp4
0 s- B6 T& G. p/ J# ]. w│  │         
│  └─{4}--小程序支付专题
│      ├─{1}--第1章导学
+ V/ H( `/ a& N  p: @│      │      [6.4.1.1]--1-1支付专题导学.mp4
│      │      
* G# c7 ]7 d- `" y4 d│      ├─{2}--第2章企业注册流程和税务相关问题
7 u: U! s7 i5 X5 O8 \8 ]8 G│      │      [6.4.2.1]--2-1企业注册流程介绍.mp4
│      │      [6.4.2.3]--2-3注册企业的优缺点.mp4
) L# {: e9 T) z│      │      [6.4.2.4]--2-4开办企业需要注意的点.mp4
3 k. d8 |1 f- S) o  K│      │      
7 r' _+ |3 f) X) U$ C: S! W2 J' h│      └─{3}--第3章小程序支付完整流程开发
│             [6.4.3.1]--3-1微信(支付宝)支付的必要条件.mp4
│             [6.4.3.2]--3-2微信商户平台介绍.mp4
' Z6 ]+ _% `; k" A; m( V│             [6.4.3.3]--3-3小程序支付开发准备工作（API密钥、API证书配置）.mp4
8 J, E/ |/ U' n7 d* e' p│             [6.4.3.4]--3-4小程序支付流程介绍.mp4
│             [6.4.3.5]--3-5JSAPI接口解析&内网穿透解决方案.mp4
9 ~$ A) W, X; Q+ S5 M* x1 W& R│             [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
│             [6.4.3.10]--3-10拼接请求头Authorization特定格式&JSAPI.mp4
+ g% E$ `' {" F+ w│             [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
+ s4 U2 O7 t3 Y  y: D1 S* t│             [6.4.3.15]--3-15支付专题小结.mp4
│              
├─{7}--阶段七：跨端开发（移动端跨平台&桌面端）
│  ├─{1}--跨平台框架Flutter2与状态管理方案
0 W: ?. G( b2 p) g│  │  ├─{1}--第1章导读
│  │  │      [7.1.1.1]--1-1章导读.mp4
% u( A4 ?) m2 c│  │  │      
5 ~- n2 E  A" n1 ]│  │  ├─{2}--第2章Flutter环境搭建&学习资源推荐
│  │  │      [7.1.2.1]--2-1Flutter环境搭建：MacOS上配置iOS环境.mp4
│  │  │      [7.1.2.2]--2-2Flutter环境搭建：MacOS上Android开发环境.mp4
8 c  J! T* P8 @$ @) D│  │  │      [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
  ]- N+ A  `& g% D6 `8 t│  │  │      [7.1.2.6]--2-6Flutter学习资源.mp4
│  │  │      [7.1.2.7]--2-7常见的CLI命令介绍&pub.mp4
$ ?3 B: M. \# D/ ^' o; z│  │  │      
2 t" u$ k. t# {& t│  │  ├─{3}--第3章Dart开发调试&Flutter升级技巧
5 L5 ]2 w# P7 H/ V- H* X3 f4 |│  │  │      [7.1.3.1]--3-1前端人的Flutter第一课.mp4
/ g, G/ ?8 [+ h8 i7 v│  │  │      [7.1.3.2]--3-2Flutter项目工程目录与调试技巧.mp4
│  │  │      [7.1.3.3]--3-3升级Flutter到最新的stable版本注意事项.mp4
│  │  │      [7.1.3.4]--3-4调试工具DartDevTools：组件属性、网络、日志等.mp4
; w1 l5 T7 n, M1 Z0 S7 U│  │  │      [7.1.3.5]--3-5开发小技巧VSCode快捷菜单.mp4
9 ]) t! w1 G1 p│  │  │      [7.1.3.6]--3-6Flutter&Dart开发风格指南：没有规矩不成方圆.mp4
│  │  │      
│  │  ├─{4}--第4章Flutter组件化思维
+ o$ Z) m) I, g. h+ V5 M9 d│  │  │      [7.1.4.1]--4-1Flutter组件化思想：欢迎来到组件化的世界(1).mp4
: x9 I% {9 g! a& B3 g& x│  │  │      [7.1.4.2]--4-2常见基础组件（按钮、输入框、图标）.mp4
4 T1 J4 ]6 ?( J! M* A& u│  │  │      [7.1.4.3]--4-3自定义svg图标库.mp4
4 I2 v' r6 X9 r│  │  │      [7.1.4.4]--4-4作业解答：Flutter调整整体应用风格.mp4
. m7 F8 q* m  n( _│  │  │      
7 q: P6 n% U3 T9 ?# b0 d│  │  ├─{5}--第5章Flutter状态管理方案-Redux
│  │  │      [7.1.5.1]--5-1flutter状态管理导学.mp4
2 X4 V) M8 K4 S" j8 @  N│  │  │      [7.1.5.2]--5-2Redux工作原理&开发前置知识.mp4
! v, x/ p, W8 N  c' h. v│  │  │      [7.1.5.3]--5-3Redux应用：计数器（学习核心概念与flutter_re.mp4
  A- C% w+ j- R; p! W  k0 g│  │  │      [7.1.5.4]--5-4优化Redux计数器，拆分reducers&state&a.mp4
0 x+ |3 d% a, X/ L, s5 [│  │  │      [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
, C* ]6 Z8 T) X% |│  │  │      
/ R3 b( J' L) P- Q' a6 _6 \& Y│  │  ├─{6}--第6章Flutter状态管理方案-ScopedModel
│  │  │      [7.1.6.1]--6-1ScopedModel原理解析.mp4
│  │  │      [7.1.6.2]--6-2ScopedModel计数器应用.mp4
& N+ s% Y9 j9 D) R9 |8 ?* p│  │  │      [7.1.6.4]--6-4ScopedModel进阶(GetIt，Models逻辑隔.mp4
! H1 x# X: I* b9 t! N8 `% k+ k│  │  │      
│  │  ├─{7}--第7章Flutter状态管理方案-Bloc（必会）
│  │  │      [7.1.7.1]--7-1bloc状态管理方案&工作原理.mp4
6 f( V" v1 M4 y│  │  │      [7.1.7.2]--7-2bloc开发计数应用（flutter_bloc应用，跨页面.mp4
! t$ h5 W5 g; \( e4 g: f+ Q7 Z│  │  │      [7.1.7.3]--7-3bloc开发待办清单应用（bloc多模块状态管理）.mp4
│  │  │      
! \, |' v% V; Y6 K4 T$ O& U│  │  └─{8}--第8章状态管理小结
/ I+ S, N( I* V) O# x7 L* J; l│  │          [7.1.8.1]--8-1状态管理方案总结.mp4
% o9 {1 B& }1 k, W│  │         
- v* g- H/ i- ^$ H│  ├─{2}--封装请求&数据持久化方案&路由
│  │  ├─{1}--第1章Flutter导学
( I* Y) S( V% l, ~( e│  │  │      [7.2.1.1]--1-1Flutter学习套路.mp4
" f+ T% |$ r! N" ^│  │  │      
6 y, ~4 W. ]3 I: L, E7 `+ \; m' m3 }│  │  ├─{2}--第2章自定义能用业务组件-验证码记数器
. _' x- F! b  z% h│  │  │      [7.2.2.1]--2-1自定义验证码组件-设置圆角按钮.mp4
│  │  │      [7.2.2.2]--2-2自定义验证码组件-封装倒计时逻辑.mp4
│  │  │      [7.2.2.3]--2-3自定义验证码组件-调试倒计时功能.mp4
8 K, s& h6 W" Z& j8 X  m& s5 k│  │  │      
; ]# V( p+ f# N+ p0 F) r│  │  ├─{3}--第3章请求封装
│  │  │      [7.2.3.2]--3-2自定义请求工具类：前置知识Factory构造函数.mp4
│  │  │      [7.2.3.3]--3-3自定义请求工具类：创建单例&设置初始化参数.mp4
* j# \4 f( \9 B2 U* O│  │  │      [7.2.3.4]--3-4RESTful风格接口封装.mp4
: l: H9 o# [3 F7 H. ~│  │  │      [7.2.3.5]--3-5统一的错误处理：拦截器&定义错误类型.mp4
- @. O4 T8 T, T1 r$ O4 ?; R/ F│  │  │      [7.2.3.6]--3-6统一的错误处理：调试错误处理逻辑.mp4
│  │  │      [7.2.3.7]--3-7取消HTTP请求&调试技巧：模拟网络延迟.mp4
6 Q& P- d/ A, r│  │  │      [7.2.3.8]--3-8请求日志&环境变量设置.mp4
│  │  │      [7.2.3.9]--3-9创建发送短信Service&GetIt单例.mp4
' m1 B" o9 I  o; F│  │  │      [7.2.3.10]--3-10初识序列化json_serializable：便捷的数据.mp4
# _5 _7 ]- l" K, {│  │  │      [7.2.3.11]--3-11自定义Toast轻提示组件.mp4
│  │  │      [7.2.3.12]--3-12优化封装登录表单组件(键盘主题、溢出bug).mp4
4 p% l9 e7 e8 F, k/ {│  │  │      [7.2.3.13]--3-13创建登录接口&前后端联调.mp4
: `9 b+ \7 Z! X; ]│  │  │      [7.2.3.14]--3-14常见的缓存&存储方案.mp4
│  │  │      [7.2.3.15]--3-15完成登录逻辑数据存储.mp4
) x/ Q0 U3 G. n& Z! N  d4 T& ~: c│  │  │      
8 D6 q+ k  B/ `! C- C│  │  ├─{4}--第4章数据持久化方案
│  │  │      [7.2.4.1]--4-1本地数据库：Sqflite介绍.mp4
│  │  │      [7.2.4.2]--4-2初始化sqflite工具类.mp4
) c: E+ Q& N% d│  │  │      [7.2.4.3]--4-3sqflite创建文章列表table.mp4
5 F1 t* E4 ?+ g/ ^+ q6 ?. q: j│  │  │      [7.2.4.4]--4-4业务数据增删改查CURD操作.mp4
│  │  │      [7.2.4.5]--4-5调试sqflite&测试CURD操作.mp4
1 c, \; G1 R9 Y) _% s( u3 o6 c│  │  │      
│  │  └─{5}--第5章路由方案
│  │          [7.2.5.1]--5-1路由导学.mp4
; a. b) X) h; q  [1 a+ A│  │          [7.2.5.2]--5-2第三方路由解决方案：fluro.mp4
│  │          [7.2.5.3]--5-3fluro路由单例、路由传参（路径参数、复杂参数）、编程式.mp4
│  │          [7.2.5.4]--5-4进阶路由解决方案：auto-route自动路由.mp4
) I+ }& C$ G8 z1 |5 i) l│  │          [7.2.5.5]--5-5auto-route路由传参（路径参数、query参数）.mp4
│  │          [7.2.5.6]--5-6auto-route导航守卫.mp4
│  │          [7.2.5.7]--5-7Navigator2.mp4
9 u% L9 k/ \6 }9 H- w; k│  │          [7.2.5.8]--5-8实践Navigator1.0&2.mp4
│  │          [7.2.5.9]--5-9解析RouterAPI及delegate与parser的作.mp4
│  │         
│  ├─{3}--Flutter后台消息&打包上线
$ P" G/ X; V, Q+ n# G9 m│  │  ├─{1}--第1章章导学
│  │  │      [7.3.1.1]--1-1第三方集成方案(GetX,Velocity).mp4
  T  G6 S. L# T6 m/ b5 G( r6 \│  │  │      [7.3.1.2]--1-2开发小技巧（vs插件：pubspec助手）.mp4
│  │  │      [7.3.1.3]--1-3章导学.mp4
0 H: v+ Q; E( f│  │  │      
│  │  ├─{2}--第2章Webscoket集成
│  │  │      [7.3.2.1]--2-1flutter中的WebSocket应用.mp4
│  │  │      [7.3.2.3]--2-3websocket关闭链接、获取socket连接状态.mp4
│  │  │      
; [+ v  o) n) K│  │  ├─{3}--第3章消息通知
│  │  │      [7.3.3.1]--3-1本地消息推送flutter_local_notificat.mp4
( a% h- D1 X- h6 I6 M1 E4 T& K4 _& T│  │  │      [7.3.3.2]--3-2测试消息的初始化、发送消息、处理消息.mp4
8 s! i- j1 J- X# D/ |│  │  │      [7.3.3.3]--3-3本地消息声音&震动设置.mp4
( z5 w* ^* ^' k8 f. f1 s│  │  │      
│  │  ├─{4}--第4章首页导航与列表
8 e$ f8 O% H4 H- C. X. D" s- Z│  │  │      [7.3.4.1]--4-1全屏幕适配flutter_screenutil.mp4
8 q. I: y. `; c3 ?+ G│  │  │      [7.3.4.2]--4-2底部导航配置&调整页面路由.mp4
│  │  │      [7.3.4.3]--4-3调整导航的样式、测试路由、配合url_launcher加载.mp4
, U. i$ x% K$ @% D4 Z0 l: l2 N│  │  │      [7.3.4.4]--4-4阶段性总结&下拉刷新+上拉加载第三库推荐.mp4
, S: b  ?3 b2 I) F: F│  │  │      [7.3.4.5]--4-5完成首页列表.mp4
│  │  │      [7.3.4.6]--4-6StreamBuildervsFutureBuilder.mp4
│  │  │      
1 j" S" c1 I4 T. Z+ J* W│  │  ├─{5}--第5章打包前准备(图标、启动图、错误收集)
│  │  │      [7.3.5.1]--5-1章导学&iOS开发者介绍（发布前准备）.mp4
; T7 {2 D- G; [: ^$ d│  │  │      [7.3.5.2]--5-2配置iOS证书、应用标识、Profile配置文件.mp4
│  │  │      [7.3.5.3]--5-3配置应用图标与启动图片.mp4
+ `! ~$ L- j$ A. L& Y│  │  │      [7.3.5.4]--5-4集成sentry日志收集.mp4
# `; N& _; n; B, u. V+ `6 K│  │  │      [7.3.5.5]--5-5集成Bugly日志收集.mp4
9 v7 Y+ K- O/ |' n) v# t│  │  │      
│  │  └─{6}--第6章Android&iOS打包与测试
│  │          [7.3.6.1]--6-1配置AppConnect打包iOS应用.mp4
; r, g3 s" r! K% Q/ Z│  │          [7.3.6.2]--6-2苹果TestFlight测试服务介绍.mp4
. h% x# C) |4 F' w│  │          [7.3.6.3]--6-3配置&打包Android应用.mp4
│  │         
│  ├─{4}--Electron桌面端与主流的框架
! \) R1 G9 \+ b! T# R0 I2 r│  │  ├─{1}--第1章Electron导学
% X5 s2 J% |) W/ O1 Z" J' G6 y│  │  │      [7.4.1.1]--1-1导学.mp4
│  │  │      
│  │  ├─{2}--第2章Electron开发环境准备&开发小技巧
3 c! H0 z0 ?/ x9 i6 Q( b8 ?2 \│  │  │      [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
│  │  │      
: p5 O  x/ b: v! L│  │  ├─{3}--第3章Electron核心概念
4 N2 l/ t. B  z0 \) P│  │  │      [7.4.3.1]--3-1核心概念：主进程与渲染进程.mp4
. m0 U2 }+ M. X7 a+ z8 o│  │  │      [7.4.3.2]--3-2调试技巧：Electron配合Nodemon+VSCode.mp4
│  │  │      [7.4.3.3]--3-3主进程事件生命周期&创建窗口、获取窗口数量API.mp4
" m8 G# v; l+ ]│  │  │      [7.4.3.4]--3-4渲染进程中如何使用Node模块.mp4
│  │  │      [7.4.3.5]--3-5小技巧：优化调试命令与VSCode调试配置文件.mp4
+ q  P6 v' i- m  x, [│  │  │      [7.4.3.6]--3-6主&渲染进程通信方式ipc及API(注意：remote已经.mp4
$ \' X7 X; o1 W# Q, f1 p- p% D│  │  │      [7.4.3.7]--3-7消息端口（两个渲染进程通信）.mp4
9 @! r: H+ N4 E, ]│  │  │      [7.4.3.8]--3-8electron安全性的16准则.mp4
5 x: o: T9 W- J. f$ R* v' z0 `6 k│  │  │      
" R/ M+ d* K! w- @│  │  ├─{4}--第4章Electron与主流前端库Vue&React集成
│  │  │      [7.4.4.1]--4-1场景1：使用vue-cli插件electron-build.mp4
, y: [8 ~/ w+ M│  │  │      [7.4.4.2]--4-2场景3：react与Electron集成的两种方案.mp4
, y5 |0 q- [7 O│  │  │      [7.4.4.3]--4-3场景2：vite-electron-builder集成(s.mp4
│  │  │      
│  │  └─{5}--第5章社区项目整合
│  │          [7.4.5.1]--5-1Vue社区项目整合Electron.mp4
' H( G4 _$ W# B( Z% Q. h0 V$ {│  │          [7.4.5.2]--5-2Electron中的菜单：系统菜单设置.mp4
, o, |) r$ T/ N: A. H│  │          [7.4.5.3]--5-3Dock菜单&右键菜单.mp4
│  │          [7.4.5.4]--5-4Electron应用的国际化（集成i18n）.mp4
; Z5 `( {5 D& a4 p" c│  │          [7.4.5.5]--5-5全局快捷键（如何全屏&退出全屏）.mp4
5 `6 p3 e* U, F( i  N  ~% g8 k0 x  e│  │         
7 H# f# a) d# c! E0 H% w) s│  └─{5}--Electron桌面端-社区业务集成
│      ├─{1}--第1章Electron进阶导学
│      │      [7.5.1.1]--1-1章导学.mp4
│      │      
; \" A5 {* @9 l3 @│      ├─{2}--第2章第三方登录集成（扫码登录）
/ n9 q6 q6 B5 U, R- i/ ]! i, L│      │      [7.5.2.1]--2-1扫码登录场景&工作原理.mp4
│      │      [7.5.2.2]--2-2腾讯开发平台与应用申请.mp4
│      │      [7.5.2.3]--2-3微信登录形成登录二维码的两种方式.mp4
  }) a6 ~* S5 v│      │      [7.5.2.4]--2-4调整扫码样式&Proxy拦截请求获取登录参数.mp4
. B0 E* p- O( R│      │      [7.5.2.5]--2-5创建微信登录后台接口.mp4
. K  {( v5 [6 u% k! I$ S3 P  g, w│      │      [7.5.2.6]--2-6创建平台用户并响应Token和用户信息.mp4
│      │      [7.5.2.7]--2-7前端保存用户信息对接扫码接口.mp4
3 F# a1 I2 \9 F6 z& q; p4 S& E. H│      │      [7.5.2.8]--2-8完成扫码登录对接-前后端联调.mp4
7 H& x$ I* d. _( ]1 R- q0 C) D│      │      [7.5.2.9]--2-9扩展作业：自研扫码登录.mp4
! V5 {: d4 v, L9 W$ H6 j/ g! h2 i│      │      
│      ├─{3}--第3章桌面应用原生通知
3 L7 u4 t5 ?, u5 H7 U' u' L6 `4 h. N│      │      [7.5.3.1]--3-1桌面应用通知.mp4
│      │      [7.5.3.2]--3-2自定义消息通知声音.mp4
: W1 c7 E- {  H" [. H│      │      
│      ├─{4}--第4章Electron应用打包
│      │      [7.5.4.1]--4-1Electron打包工具electron-builder&.mp4
4 I& g% C# h& S, _+ @: `: ]' ?│      │      [7.5.4.2]--4-2打包演示&运行应用（切换node版本至16）.mp4
│      │      [7.5.4.3]--4-3打包准备（图标、安装背景图）.mp4
$ I, ]& a: g9 M+ w% k│      │      [7.5.4.4]--4-4electron配置（简化版本）.mp4
│      │      [7.5.4.5]--4-5electron-builder配置(详解版本).mp4
│      │      [7.5.4.6]--4-6MacOS证书配置(不上架AppStore的情况).mp4
9 D0 b1 r  ?, `2 D│      │      [7.5.4.7]--4-7MacOS应用公证(不上架AppStore的情况).mp4
, }% y. p3 \9 I" T  i% E) @│      │      [7.5.4.8]--4-8Electron应用上架appStore(前置准备).mp4
9 {& U0 D4 a$ e│      │      [7.5.4.9]--4-9Electron应用上架appStore（打包&签名&上传.mp4
│      │      
9 C" ?4 z! s7 b  v│      └─{5}--第5章Electron应用CICD自动化与自动更新
3 D7 v9 A) c3 \% V' T, M4 Z% O7 \│             [7.5.5.1]--5-1自动化介绍&演示.mp4
│             [7.5.5.2]--5-2实践githubactions完成项目的打包&发布.mp4
# ^2 V5 g, F6 k│             [7.5.5.3]--5-3macos平台配置githubactions(需要非常细心.mp4
│             [7.5.5.4]--5-4Electron应用自动更新配置.mp4
│              
& K& B: a1 l, I& G4 i" s7 n├─{8}--阶段八：React17框架与源码解析（拔高）
│   ├─{1}--React17新特性
│   │  │  {1}--第1章章导学
│   │  │  
│   │  ├─{2}--第2章react设计思想与核心概念
│   │  │      [8.1.2.1]--2-1React16-18有哪些变化？带来了哪些惊喜？.mp4
│   │  │      [8.1.2.2]--2-2React设计思想与优势.mp4
. |# N0 a3 {- d. Z6 z│   │  │      [8.1.2.3]--2-3React核心概念（一）：组件&元素&实例.mp4
│   │  │      [8.1.2.4]--2-4React核心概念（二）：协调概念以及Diff算法.mp4
) ~, U' Z2 G4 e) D& A│   │  │      [8.1.2.5]--2-5React核心概念（三）：渲染与高性能原因.mp4
│   │  │      [8.2.2.2]--2-2ReactHooks一览与useState.mp4
│   │  │      [8.2.2.3]--2-3useEffect用法.mp4
4 I0 J' a* K2 D│   │  │      [8.2.2.4]--2-4useContext用法.mp4
│   │  │      [8.2.2.5]--2-5useReducer用法.mp4
  g* `; r) x$ Q0 C, k4 Y% @│   │  │      [8.2.2.6]--2-6useRef用法.mp4
│   │  │      [8.2.2.7]--2-7useMemo&useCallback.mp4
│   │  │      [8.2.2.8]--2-8自定义hook-useLocalStorage.mp4
1 D. L: F1 g) k& l, L3 U│   │  │      [8.2.2.9]--2-9开发技巧与常见hooks资源(vueuse&usehook.mp4
│   │  │      [8.2.2.10]--2-10hooks的工作原理（手写useState）.mp4
) e: C& ?- R. S) e+ |+ G+ k│   │  │      [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
5 y0 P5 x/ v+ w│   │  │      
+ x  z7 s9 z8 d6 }: n! [│   │  ├─{3}--第3章react的全新架构Fiber及其工作原理
│   │  │      [8.1.3.1]--3-1React15架构卡顿的原因.mp4
5 {  f. q- h6 d5 V! b% f9 L2 v│   │  │      [8.1.3.2]--3-2什么是Fiber架构？Fiber对象.mp4
│   │  │      [8.1.3.3]--3-3Fiber树与双缓存技术（任务优先级）.mp4
6 y) S6 m* @% A; o8 r# u│   │  │      [8.1.3.4]--3-4Fiber带来的Effects（效应）.mp4
│   │  │      
5 F- A: G8 x$ F1 J( F/ K8 P. b: p│   │  ├─{4}--第4章企业级应用框架和常见技术集成方案
- R  ~2 w; j0 `8 Y1 v* M│   │  │      [8.1.4.1]--4-1React源代码调试方法.mp4
│   │  │      [8.1.4.2]--4-2调试进阶（第三方调试库&watch模式下的调试）.mp4
  p( R( P9 }( x1 D│   │  │      [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
3 @' Q2 p. [  _* O( e│   │  │      [8.1.4.6]--4-6umi常见的插件集成(sass&dva&model&qia.mp4
7 ]4 T0 F  k! d/ @* i, g% b. X│   │  │      [8.1.4.7]--4-7umi&qiankun微前端实践.mp4
│   │  │      [8.1.4.8]--4-8vite及react模板项目.mp4
│   │  │      
4 }. D' \% e0 |3 G  {" H0 h│   │  └─{5}--第5章react-routerv6实战
2 o' Z1 T$ N$ ~* z: T: y2 l│   │          [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
  s/ \0 Z7 J; s& A6 V2 \│   │          [8.1.5.4]--5-4404页面&路由query&路径传参.mp4
│   │          [8.1.5.5]--5-5自定义路由导航守卫.mp4
) `$ |  N/ T3 K4 X8 j& M3 L│   │         
│   ├─{2}--React-Hooks&状态管理方案
│   │  ├─{1}--第1章ReactHooks及状态管理方案章导学
# S# J7 |  V( W$ H2 U" T│   │  │      [8.2.1.1]--1-1章导学.mp4
4 x/ g$ g/ D  {+ a! r3 b│   │  │      
│   │  ├─{2}--第2章HooksAPI及hooks原理解析
│   │  │      [8.2.2.2]--2-2ReactHooks一览与useState.mp4
" V$ U. y, K% l& `) K/ m│   │  │      [8.2.2.3]--2-3useEffect用法.mp4
" X  B9 n( V7 P6 X/ f6 J0 [6 l0 m" |  b│   │  │      [8.2.2.4]--2-4useContext用法.mp4
│   │  │      [8.2.2.5]--2-5useReducer用法.mp4
9 E1 P8 s0 E3 |" f- p6 [│   │  │      [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
7 P# S% I4 m( M' x% V5 y│   │  │      [8.2.2.10]--2-10hooks的工作原理（手写useState）.mp4
0 _$ y4 I0 d- o, z$ M, ^0 i│   │  │      [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
│   │  │      
│   │  └─{3}--第3章react中常见的状态管理方案
2 r& _2 A$ C3 w; m' h* Y6 u│   │          [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
$ h& ?4 e+ ~+ t4 o- n0 s" g│   │          [8.2.3.7]--3-7Mobx状态管理方案.mp4
│   │         
│   ├─{3}--React组件库设计&工程化
- ?( F0 t2 X' @; j" G7 J│   │  ├─{1}--第1章周导学
! p* r$ g: T& G( _│   │  │      [8.3.1.1]--1-1章导学.mp4
│   │  │      
│   │  ├─{2}--第2章组件库整体需求分析与工程化模板
0 Z' W8 F4 K& L* C│   │  │      [8.3.2.1]--2-1组件库需求分析.mp4
8 w% x6 J( }* v) H. v; ]│   │  │      [8.3.2.2]--2-2课程组件库整体设计&样式方案介绍.mp4
│   │  │      [8.3.2.3]--2-3初始化项目的两种方案（cra模板项目）.mp4
* Q1 `! M2 J+ M) y( N9 N9 P9 u1 w│   │  │      [8.3.2.4]--2-4初始化项目的两种方案（vite模板项目+CHANGELOG.mp4
& @' T- ]) N. _0 k) g) G  w8 H│   │  │      [8.3.2.5]--2-5stylelint配置.mp4
│   │  │      [8.3.2.6]--2-6使用Vite打包library配置.mp4
1 R) r5 w- A$ F│   │  │      [8.3.2.7]--2-7色彩设计（借助SemiDSM快速设计色彩方案）.mp4
│   │  │      [8.3.2.8]--2-8公共样式配置（两种策略）.mp4
│   │  │      
│   │  ├─{3}--第3章按钮组件
% i0 N: b2 J/ j/ ]' K8 Z6 `' B│   │  │      [8.3.3.2]--3-2Button组件设计与前置准备.mp4
0 h+ y$ I$ V0 V│   │  │      [8.3.3.3]--3-3Button组件Interface&基础分类button与.mp4
│   │  │      [8.3.3.4]--3-4Button样式设计1.mp4
9 x8 C& x2 M" p! z( g: O│   │  │      [8.3.3.5]--3-5Button样式设计2.mp4
│   │  │      [8.3.3.6]--3-6完成Button组件（加入loading效果）.mp4
+ h/ q& }* |/ j- m( P' \1 a1 w│   │  │      
+ B: k% k# g2 y8 g0 b  o- w│   │  ├─{4}--第4章图标组件（集成公共图标+iconfont）
│   │  │      [8.3.4.1]--4-1icon组件设计&react-icons库推荐.mp4
: k7 d' Z3 A, B& q- W7 m│   │  │      [8.3.4.2]--4-2Icon组件UML类图设计.mp4
* @" U4 f- W8 W2 d) \: D& @│   │  │      [8.3.4.3]--4-3自定义Icon组件1.mp4
0 `4 @+ X! u4 e. X. v5 U│   │  │      [8.3.4.4]--4-4自定义Icon组件2.mp4
│   │  │      
│   │  ├─{5}--第5章菜单组件&子菜单组件
9 \( X1 X2 x' b" P; p( D  R* h│   │  │      [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
5 M/ h" o5 E' a0 Y% E│   │  │      [8.3.5.5]--5-5子菜单SubMenu组件及事件绑定.mp4
1 a1 k1 t, e9 ]3 Q% H7 Z( o│   │  │      [8.3.5.6]--5-6React.Children.map与React.mp4
│   │  │      [8.3.5.7]--5-7完成Menu组件的样式.mp4
│   │  │      
7 `+ T- A+ z9 F* \4 m. u│   │  └─{6}--第6章输入框组件
* z! o6 P* J. @- e, Z( _; ]│   │          [8.3.6.1]--6-1Input组件设计&整体思考.mp4
│   │          [8.3.6.2]--6-2Input组件UML类图分析.mp4
1 q1 L6 T4 R, j# ^5 I( _/ Z│   │          [8.3.6.3]--6-3自定义Input组件-基础结构.mp4
│   │          [8.3.6.4]--6-4完成Input组件样式.mp4
0 q0 j/ p8 z1 S: `6 a│   │          [8.3.6.5]--6-5Input组件suffix&prefix&disabled.mp4
│   │          [8.3.6.6]--6-6Input组件allowClear功能.mp4
# T: u" `$ w7 B' V1 R& S│   │         
│   └─{4}--React工程化&性能优化
│       ├─{1}--第1章周导读
│       │      [8.1.1.1]--1-1章导学.mp4
& ~/ ^) P! x! N│       │      
! {) X" [& M9 X# P6 \│       ├─{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
% _  N' N7 o% [; a7 J│       │      [8.4.2.5]--2-5封装Transiton动画组件&增加Menu控制动画属性.mp4
& [% s/ w0 i5 R. _  I│       │      
│       ├─{3}--第3章React组件自动化测试
│       │      [8.4.3.1]--3-1什么是自动化测试？常见的测试工具.mp4
8 P6 c  b. q! k$ [│       │      [8.4.3.2]--3-2Jest上手&搭建测试环境.mp4
* T8 ~- [" V' w│       │      [8.4.3.3]--3-3Jest常见配置项解读&组件库项目配置.mp4
8 H: b0 |9 {2 D$ M, D7 s│       │      [8.4.3.4]--3-4React官方推荐测试库testing-library.mp4
" n, h! {; D  @: ]+ x" ]% g' e6 i│       │      [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
6 A  d" d- |% @% ~6 \% A7 l│       │      [8.4.3.8]--3-8添加Menu组件测试.mp4
; w& B9 }2 I  R- W8 ~3 ^, y2 q* ^4 D% q│       │      [8.4.3.9]--3-9Menu组件点击事件测试.mp4
, B  W: {5 q6 X, F. h4 I/ `; Z- s│       │      
│       └─{4}--第4章组件库文档方案
│               [8.4.4.1]--4-1文档工具推荐vite-pages&storybook.mp4
6 x8 J% m$ N% I( b; G. ~│               [8.4.4.2]--4-2组件库文档方案1：Storybook集成.mp4
* J+ e0 l( y' u│               [8.4.4.3]--4-3组件库文档方案2：vite-pages集成.mp4
│               
/ ?* D, L4 O( F. _# B$ k└─资料.zip
) L) [+ C) a$ Q$ ^3 \+ g
6 i/ ^" A7 H" N
3 b( T1 F2 u; Y( G/ k0 G6 K: T# M下载地址:bli&(2023

游客，如果您要查看本帖隐藏内容请回复

其实我不帅525

大前端2022版

许宇召

666666666666

zhouxinpu

│       │      [8.4.3.1]--3-1什么是自动化测试？常见的测试工具.mp4- S; T/ g3 W% A5 j2 Q# F
/ h: w, h+ p" t- Q$ K* f" j& N( E

jacques95

感谢楼主分享

lxplxp

6666666666666666666666666666666666

busishen

库文档方案
, v8 D+ F$ J+ }. p, A* ]│               [8.4.4.1]--4-1文档工具推荐vite-pages&storybook.mp4' a5 J- U! L  j* L7 `% F- N7 |* J8 `9 q
) S8 @+ S. }& {# y/ y, D│               [8.4.4.2]--4-2组件库文档方案1：Storybook集成.mp43 t2 _. l7 H0 e2 Y2 t  A% }! a
│               [8.4.4.3]--4-3组件库文档方案2：vite-pages集成.

caofeng

666

pigpalove

666

18577199197