01 邂逅体验Vue3和Vue3源码 · 02 Vue3模板语法常见的指令 · 03 条件-列表渲染-diff算法-key · 04 计算属性-watch-综合

*   01 邂逅体验Vue3和Vue3源码/

  *   01 01_(了解)课前提醒.mp4

  *   02 02_(理解)Vue在前端的地位.mp4

  *   03 03_(理解)Vue3带来的新变化.mp4

  *   04 04_(掌握)认识CDN和CDN引入.mp4

  *   05 05_(掌握)下载和使用Vue的源码

  *   06 06_(掌握)计数器实现-原生和Vue

  *   07 07_(掌握)声明和命令式编程以及MVC和MVVM

  *   08 08_createApp对象template属性

  *   09 09_(掌握)data和methods属性补充

  *   10 10_(理解)如何学习和debugVue源码

*   02 Vue3模板语法常见的指令/

  *   01 01_(理解)methods中this的指向

  *   02 02_(了解)VSCode生成代码片段

  *   03 03_(掌握)模板语法-mustache

  *   04 04_(掌握)模板语法的基础指令

  *   05 05_(掌握)v-bind的基本使用

  *   06 06_(掌握)v-bind绑定class语法

  *   07 07_(掌握)v-bind绑定style语法

  *   08 08_(掌握)v-bind动态绑定属性和一个对象

  *   09 09_(掌握)v-on的基本使用

  *   10 10_(掌握)v-on传递参数和修饰符

*   03 条件-列表渲染-diff算法-key/

  *   01 01_(了解)课前疑惑解答

  *   02 02_(掌握)条件渲染三个指令的使用

  *   03 03_(掌握)条件渲染和template结合

  *   04 04_(掌握)v-show的使用和v-if的区别

  *   05 05_(掌握)v-for遍历数组-对象-数字

  *   06 06_(掌握)v-for和template结合

  *   07 07_(掌握)变更数组的修改方法

  *   08 08_(理解)认识key-VNode-虚拟DOM

  *   09 09_(理解)新旧DOM的对比和没有key的操作

  *   10 10_(理解)有key的diff对应操作

*   04 计算属性-watch-综合案例/

  *   01 01_(理解)认识计算属性computed

  *   02 02_(掌握)三个案例的三种实现

  *   03 03_(掌握)computed和methods的对比

  *   04 04_computed的setter和getter

  *   05 05_(掌握)侦听器watch的基本使用

  *   06 06_(掌握)侦听器watch的配置选项

  *   07 07_(掌握)侦听器watch的其他用法

  *   08 08_(掌握)案例练习-案例界面搭建

  *   09 09_(掌握)案例练习-按钮处理逻辑

  *   10 10_(掌握)案例练习-价格等内容显示

*   05 (掌握)v-model和注册Vue组件/

  *   01 01_(掌握)侦听器的三个知识补充

  *   02 02_(掌握)对象的引用-浅拷贝-深拷贝

  *   03 03_(掌握)v-model的基本使用和原理

  *   04 04_(掌握)v-model绑定其他的表单

  *   05 05_(掌握)v-model的修饰符使用

  *   06 06_(理解)认识Vue组件化的思想

  *   07 07_(掌握)注册全局组件的过程

  *   08 08_(掌握)组件的两种命名规范

  *   09 09_(掌握)注册局部组件的过程

  *   10 10_(掌握)Vue开发模式和webpack前提

*   06 webpack基础打包和css打包/

  *   01 01_(理解)认识webpack和webpack打包

  *   02 02_(掌握)webpack的安装和基本打包

  *   03 03_(掌握)webpack局部安装和打包过程

  *   04 04_(掌握)webpack的默认入口和配置文件

  *   05 05_(掌握)webpack打包的依赖关系图

  *   06 06_(掌握)加载css时css-loader的使用

  *   07 07_加载css时style-loader的使用

  *   08 08_加载less时less-loader的使用

  *   09 09_处理css时postcss-loader的使用

*   07 webpack打包其他资源和插件使用/

  *   01 00_(重要)webpack版本更新说明

  *   02 01_(掌握)图片打包-file-loader的使用

  *   03 02_(掌握)图片打包-img元素使用图片

  *   04 03_(掌握)图片打包-图片命名的规则

  *   05 04_(掌握)图片打包-url-loader的使用

  *   06 05_图片打包-webpack5的asset方法

  *   07 06_(掌握)字体打包-对字体文件打包

  *   08 07_插件介绍和CleanWebpackPlugin

  *   09 08_HtmlWebpackPlugin打包html

  *   10 09_CopyWebpackPlugin复制文件

*   08 webpack打包其他资源和插件使用（2）/

  *   01 10_(掌握)mode和devtool配置的解析

  *   02 11_(了解)webpack学习建议补充

*   09 Babel解析和Vue文件打包/

  *   01 01_(了解)Babel的认识和介绍

  *   02 02Babel命令行使用和Plugin-Preset

  *   03 03_(掌握)Babel的原理解析

  *   04 04_babel-loader和babel配置文件

  *   05 05_(掌握)webpack中Vue代码的打包

  *   06 06_(掌握)webpack对SFC文件的支持

  *   07 07_GlobalFeatureFlags的配置

*   10 devServer-resolve-环境分离/

  *   01 01_(了解)为什么需要搭建服务器

  *   02 02_(掌握)文件变化重新编译watch

  *   03 03_webpack-dev-server的基本使用

  *   04 04_devServer的contentBase配置

  *   05 05_(理解)contentBase的画图详细解析

  *   06 06_(掌握)devServer的模块热替换使用

  *   07 07_(理解)HMR的原理解析

  *   08 08_(掌握)devServer的其他简单配置

  *   09 09_(掌握)devServer中Proxy的配置

  *   10 10_(掌握)webpack的resolve配置

*   11 devServer-resolve-环境分离（2）/

  *   01 11_(掌握)webpack开发和生成环境分离

*   12 VueCLI和Vite的使用和原理/

  *   01 01_(了解)VueCLI和脚手架的理解

  *   02 02_(掌握)VueCLI创建项目和目录结构

  *   03 03_(掌握)VueCLI项目的运行和打包

  *   04 04_Vue脚手架cli-service源码(一)

  *   05 05_Vue脚手架cli-service源码(二)

  *   06 06_(掌握)vite的介绍和发展状况

  *   07 07_(掌握)浏览器支持ESModule和弊端

  *   08 08_(掌握)vite的安装和基本使用

  *   09 09_vite对css-less-postcss处理

  *   10 10_(掌握)vite对ts的支持和内部原理

*   13 VueCLI和Vite的使用和原理（2）/

  *   01 11_(掌握)vite对vue的支持和预打包

  *   02 12_(掌握)vite的打包和预览功能

  *   03 13_(掌握)vite依赖的ESBuild的理解

  *   04 14_(掌握)vite的脚手架使用

*   14 组件化开发之组件通信/

  *   01 01_(理解)devServer配置0地址补充

  *   02 02_(掌握)组件的拆分和嵌套以及细节补充

  *   03 03_(理解)组件的CSS作用域问题

  *   04 04_(掌握)组件通信-父传子props数组用法

  *   05 05_(掌握)组件通信-父传子props对象用法

  *   06 06_(掌握)非Prop的Attribute传递

  *   07 07_(掌握)组件通信-自定义事件方式

  *   08 08_(掌握)父子通信的案例练习

*   15 跨组件通信和插槽的使⽤/

  *   01 01_(掌握)Provide和Inject的基本使用.mp4

  *   02 02_(掌握)Provide引入data和响应式.mp4

  *   03 03_(掌握)事件总线库的使用mitt.mp4

  *   04 04_(掌握)认识插槽的作用.mp4

  *   05 05_(掌握)插槽的基本使用.mp4

  *   06 06_(掌握)具名插槽的使用和细节.mp4

  *   07 07_(理解)认识Vue的渲染作用域.mp4

  *   08 08_(掌握)作用域插槽的使用.mp4

  *   09 09_(掌握)独占默认插槽的缩写和细节.mp4

*   16 动态-异步-keepalive-⽣命周期-组件vModel/

  *   01 01_(掌握)动态组件的基本使用.mp4

  *   02 02_(掌握)动态组件的传递参数.mp4

  *   03 03_(掌握)组件的缓存keep-alive.mp4

  *   04 04_(掌握)webpack的import函数分包.mp4

  *   05 05_(掌握)定义异步组件和代码分包.mp4

  *   06 06_(掌握)异步组件和Suspense结合.mp4

  *   07 07_(掌握)获取元素和组件refs.mp4

  *   08 08_(理解)组件和组件实例的关系.mp4

  *   09 09_(理解)理解什么是组件的生命周期.mp4

  *   10 10_(掌握)生命周期函数的演练.mp4

*   17 动态-异步-keepalive-⽣命周期-组件vModel（2）/

  *   01 11_(掌握)缓存组件的生命周期.mp4

  *   02 12_(掌握)组件的v-model基本使用.mp4

  *   03 13_(掌握)组件的v-model的计算属性实现.mp4

  *   04 14_(掌握)自定义组件多个v-model.mp4

*   18 Vue3实现动画-animate-gsap/

  *   01 01_(掌握)vue3动画的基本使用

  *   02 02_transition的执行原理class命名

  *   03 03_(掌握)执行animation的帧动画

  *   04 04transition的type和duration

  *   05 05_transition的mode和appear

  *   06 06_transition结合animate库使用

  *   07 07_(掌握)transition和gsap库使用

  *   08 08_(掌握)gsap实现数字递增效果

  *   09 09_transition-group的基本使用

  *   10 10_transition-group的移动和重排

*   19 Vue3实现动画-animate-gsap（2）/

  *   01 11_(掌握)列表的交替动画效果

*   20 vue3的Mixin和CompositionAPI/

  *   01 01_(了解)CompositionAPI的认识

  *   02 02_(掌握)混入mixin的基本使用

  *   03 03_(掌握)混入的合并规则和全局混入

  *   04 04_(了解)组件的选项extends

  *   05 5OptionsAI缺陷

  *   06 06_setup的参数props和context

  *   07 07_(掌握)setup的返回值展示

  *   08 08_(理解)setup函数对应的Vue源码

  *   09 09_(掌握)reactiveAPI的使用

  *   10 10_(掌握)refAPI的使用

*   21 vue3的Mixin和CompositionAPI（2）/

  *   01 11_(了解)ref的解包是浅层解包

  *   02 12_(掌握)readonlyAPI的使用

*   22 ref-computed-watch等API/

  *   01 01_(理解)reactiveAPI的补充

  *   02 02_(掌握)toRefs和toRef的使用

  *   03 03_(理解)refAPI的补充

  *   04 04_(理解)自定义ref-debounceRef

  *   05 05_(掌握)setup中computed的使用

  *   06 06_(掌握)watchEffect的自动收集依赖

  *   07 07_watchEffect停止侦听和清除副作用

  *   08 8setup引用原生和watchEffect执行时机

  *   09 09_(掌握)watch侦听器的参数类型

  *   10 10_(掌握)watch侦听多个数据源

*   23 ref-computed-watch等API（2）/

  *   01 11_(掌握)watch侦听器的其他选项

*   24 CompositionAPI(三)和组件高级用法/

  *   01 01_(掌握)setup中生命周期钩子

  *   02 02_setup中Provide和Inject的使用

  *   03 03_(掌握)VCA练习-useCounter的封装

  *   04 04_(掌握)VCA练习-useTitle的封装

  *   05 05_useScrollPosition的封装

  *   06 06_useMousePosition的封装

  *   07 07_useLocalStorage的封装

  *   08 08_(理解)setup的script中顶层写法

  *   09 09_(理解)认识render和h函数和使用

  *   10 10_(理解)render和setup实现计数器

*   25 CompositionAPI(三)和组件高级用法（2）/

  *   01 11_(理解)render函数中插槽的使用

  *   02 12_(掌握)Vue中jsx代码的编写方式

*   26 Vue3高级语法补充和Vue3源码一/

  *   01 01_(掌握)自定义指令-基本使用v-focus

  *   02 02_自定义指令-生命周期和参数-修饰符

  *   03 03_(掌握)自定义指令-时间格式化的案例

  *   04 04_(掌握)Vue3新内置组件teleport

  *   05 05_(掌握)Vue的插件使用方式

  *   06 06_(掌握)Vue虚拟DOM的渲染过程

  *   07 07_(理解)Vue3源码三大核心系统

  *   08 08_(理解)渲染器实现-h函数的实现

  *   09 09_(理解)渲染器实现-mount函数的实现

*   27 Mini-Vue渲染器和响应式系统实现/

  *   01 01_渲染器实现-path函数的props处理

  *   02 02渲染器实现-patch函数children处理

  *   03 03_响应式实现-响应式的理解和Dep实现

  *   04 04_(理解)响应式实现-添加effect的重构

  *   05 05_(理解)reactive和getDep的实现

  *   06 06_响应式实现-reactive-Proxy的实现

  *   07 07_公共接口的实现createApp和mount

*   28 Vue3源码精读和调试技巧/

  *   01 01_(了解)Mini-Vue总结和阅读源码前提醒

  *   02 02_(理解)Vue源码的打包和调试过程

  *   03 03_(理解)Vue的初始化createApp过程

  *   04 04_(理解)创建和渲染App的VNode

  *   05 05_(理解)App组件的创建和挂载的过程

  *   06 06_debug调试App组件的创建和挂载的过程

  *   07 07_(理解)组件的初始化过程

  *   08 08_template编译到render函数的过程

*   29 Vue3源码阅读和前端路由原理/

  *   01 01_Vue3源码阅读-BlockTree的性能优化

  *   02 02_Vue3源码阅读-生命周期源码阅读

  *   03 03_Vue3源码阅读-template数据访问顺序

  *   04 04_(理解)前端发展的三个阶段

  *   05 05_(理解)路由的原理-hash改变

  *   06 06_(理解)路由的原理-history模式

*   30 vue-router深入解析/

  *   01 01_(了解)VueCLI创建项目问题解决方案

  *   02 02_(掌握)vue-router的基本使用和配置

  *   03 03_history-routerlink属性

  *   04 04_(掌握)vue-router的路由懒加载

  *   05 05_Route的属性补充-name-meta

  *   06 06_(掌握)vue-router的动态路由匹配

  *   07 07_(掌握)开发NotFound的匹配路由

  *   08 08_(掌握)路由的嵌套关系和exact匹配

  *   09 09_编程式导航-router-push等方法

*   31 vue-router知识补充和Vuex起步/

  *   01 01_router-router-link插槽

  *   02 02_router-router-view插槽

  *   03 03_(掌握)router-动态添加删除路由

  *   04 04_router-导航守卫beforeEach使用

  *   05 05_(理解)router-导航守卫整个流程

  *   06 06_(掌握)vuex-Vuex的状态管理和流程

  *   07 07_(掌握)vue-devtool两种安装方式

  *   08 08_(掌握)vuex-vuex的基本使用-计数器

*   32 vuex核心state-getters-mutations/

  *   01 01_(掌握)vuex-store数据共享演练

  *   02 02_vuex-state辅助函数mapState

  *   03 03_vuex-setup中如何使用mapState

  *   04 04_vuex-setup封装函数useState

  *   05 05_(掌握)vuex-getters的常见用法

  *   06 06_vuex-getters辅助函数

  *   07 07_封装函数useGetters

  *   08 08_(掌握)vuex-mutation的细节补充

  *   09 09_辅助函数mapMutations

*   33 vuex核心概念和nexttick知识补充/

  *   01 01_actions和actions的使用

  *   02 02_(掌握)vuex-actions的其他细节补充

  *   03 03_(掌握)vuex-actions的辅助函数使用

  *   04 04_vuex-actions返回Promise

  *   05 05_(掌握)vuex-认识modules和基本使用

  *   06 06_vuex-module的命名空间

  *   07 07_(掌握)vuex-module的辅助函数使用

  *   08 08_自定义指令-format-time的bug修复

  *   09 09_(掌握)API补充-nexttick的使用过程

  *   10 10_(理解)nexttick的原理和vue任务调度

*   34 知识补充和邂逅TypeScript/

  *   01 01_(掌握)vuex-预留小问题补充

  *   02 02_historyApiFallback

  *   03 03_(理解)JavaScript中类型约束的缺失

  *   04 04_邂逅TypeScript

  *   05 05_(掌握)TypeScript的编译环境和初体验

  *   06 06_TypeScript的运行环境和ts-node

  *   07 07_webpack搭建TypeScript运行环境

  *   08 08_(掌握)TypeScript声明变量和细节补充

*   35 TypeScript数据类型和类型操作/

  *   01 01_(掌握)TypeScript中的基本数据类型

  *   02 02_JavaScript一致数据类型

  *   03 03_TS数据类型-any和unknown

  *   04 04_TS数据类型-void和never

  *   05 05_TS数据类型-tuple和应用场景

  *   06 06_TypeScript的tuple类型补充

  *   07 07_(掌握)TypeScript中函数的类型注解

  *   08 08_TS的对象类型和可选类型

  *   09 09_(掌握)TypeScript的联合类型使用

  *   10 10_TS的可选类型和联合类型

*   36 TypeScript数据类型和类型操作（2）/

  *   01 11_(掌握)TypeScript的类型别名type

  *   02 重复视频，跳过观看

  *   03 重复视频，跳过观看

*   37 TypeScript类型补充-函数详解/

  *   01 01_(了解)TypeScript带来的类型安全

  *   02 02_TypeScript类型断言-as的使用

  *   03 03_(掌握)TypeScript非空类型断言

  *   04 04_ECMAScript2020的可选链使用

  *   05 05_(掌握)JavaScript中两个特殊的操作符

  *   06 06_(掌握)TypeScript字面量类型和推理

  *   07 07_(掌握)TypeScript中类型缩小操作

  *   08 08_(掌握)TypeScript中函数的类型

  *   09 09_(掌握)TypeScript函数类型练习

  *   10 10_TypeScript函数的可选-剩余参数

*   38 TypeScript类型补充-函数详解（2）/

  *   01 11_(掌握)TypeScript中对this的处理

*   39 TypeScript精讲-类和接口/

  *   01 01_(掌握)TypeScript中函数的重载

  *   02 02_联合类型和函数重载对比

  *   03 03_TypeScript中类的定义

  *   04 04_TypeScript中类的继承

  *   05 05_TypeScript中多态的使用

  *   06 06_TypeScript类的成员修饰符

  *   07 07_TypeScript的readonly只读属性

  *   08 08_TypeScript类的访问器

  *   09 09_(掌握)TypeScript的抽象类和方法

  *   10 10_TypeScript的类类型

*   40 TypeScript精讲-类和接口（2）/

  *   01 11_(掌握)TypeScript接口定义对象类型

  *   02 12_TypeScript接口定义索引和函数类型

  *   03 13_TypeScript接口继承和交叉类型

*   41 TypeScript接口-泛型-类型声明/

  *   01 01_(掌握)TypeScript类实现接口

  *   02 02_interface和type区别

  *   03 03_TypeScript的freshness擦除

  *   04 04_(掌握)TypeScript中枚举的使用

  *   05 05_(掌握)TypeScript中泛型的基本使用

  *   06 06_(掌握)TypeScript泛型接口和类使用

  *   07 07_(掌握)TypeScript泛型的类型约束

  *   08 08_(掌握)TypeScript模块化和命名空间

  *   09 09_(掌握)TypeScript类型声明的规则

  *   10 10_(掌握)TypeScript声明其他的类型

*   42 后台管理系统项目实战（一）/

  *   01 01_(了解)vue3+TS项目的介绍

  *   02 02_(掌握)创建项目的过程-选择feature

  *   03 03_项目的代码格式editorconfig配置

  *   04 04_(掌握)项目格式化prettier配置

  *   05 05_(掌握)项目代码检测eslint配置

  *   06 06_(掌握)commit代码符合eslint规范

  *   07 07_(掌握)Git-Commit代码提交规范和限制

  *   08 08_项目的vue-config-js配置文件

  *   09 09_(掌握)项目的集成-vue-router的集成

  *   10 10_(掌握)项目集成-vuex的集成

*   43 后台管理系统项目实战（二）/

  *   01 00_element-plus最新版本变化说明

  *   02 01_(理解)项目配置问题说明

  *   03 02_element-plus的介绍和全局引入

  *   04 03_element-plus的按需引入和封装

  *   05 04_(掌握)element-plus安装插件封装

  *   06 05_(掌握)axios的内容介绍和安装

  *   07 06_(掌握)axios的get和post请求使用

  *   08 07_(掌握)axios配置选项-all-拦截器

  *   09 08_(掌握)项目区分不同的环境变量

*   44 后台管理系统项目实战（三）/

  *   01 01_(掌握)axios封装的作用和封装逻辑

  *   02 02_(掌握)HYRequest类的封装过程

  *   03 03_HYRequest的请求config的封装

  *   04 04_(掌握)HYRequest全局和请求拦截器封装

  *   05 05_(理解)解释封装多个拦截器的好处

  *   06 06_拦截器中token-data-error

  *   07 07_(掌握)拦截器-Loading组件的显示和隐藏

  *   08 08_axios的request和其他请求方法

*   45 后台管理系统项目实战（四）/

  *   01 01_(理解)单个请求响应拦截类型问题

  *   02 02_(理解)项目的tsconfig文件解析

  *   03 03_vue文件类型声明

  *   04 04_(掌握)css初始化-登录界面基本结构

  *   05 05-(掌握)账号和手机登录界面搭建

  *   06 06_(掌握)登录-输入框规则的校验

  *   07 07_(掌握)记住密码-立即登录逻辑实现

*   46 后台管理系统项目实战（五）/

  *   01 01_语法InstanceType使用

  *   02 02_(掌握)登录-记住密码和本地缓存

  *   03 03_(掌握)登录-点击登录和login模块创建

  *   04 04_(掌握)登录-账号和密码登录的区分

  *   05 05_(掌握)项目接口文档和postman使用

  *   06 06_(掌握)登录-登录逻辑和跨域访问

  *   07 07-(掌握)登录-登录成功获取信息

  *   08 08_登录和其他页面跳转逻辑

*   47 后台管理系统项目实战（六）/

  *   01 01_(掌握)首页-首页布局的搭建

  *   02 02_(掌握)首页-左侧菜单logo展示

  *   03 03_(掌握)首页-vuex的ts技巧和菜单栏展示

  *   04 04_(掌握)首页-菜单elmenu相关的属性

  *   05 05_(掌握)首页-菜单的折叠和展开切换

  *   06 06_(理解)首页-权限管理和菜单动态路由

  *   07 07_首页-首页页面和路由对象的创建

*   48 后台管理系统项目实战（七）/

  *   01 01_首页-菜单映射路由函数-加载所有的路由

  *   02 02_(掌握)首页-用户菜单和动态路由映射完成

  *   03 03_(掌握)首页-用户头像和名称的展示

  *   04 04_(掌握)用户页-搜索框的基本搭建

  *   05 05_(掌握)用户页-HyForm的基本封装

  *   06 06_(掌握)用户也-IForm其他封装和配置文件

*   49 后台管理系统项目实战（八）/

  *   01 01_(掌握)页面刷新路由匹配的bug处理

  *   02 02_(掌握)路径和菜单选中的映射关系

  *   03 03_(掌握)路径和面包屑显示的匹配

  *   04 04_(掌握)HyForm实现双向绑定的方案

  *   05 05_HyForm插槽和PageSearch封装

  *   06 06_(掌握)User数据的获取和Store中的保存

  *   07 07ElTable展示数据和HyTable封装

  *   08 08_(掌握)HyTable的动态插槽和作用域插槽

*   50 后台管理系统项目实战（九）/

  *   01 01_(理解)Vue3最新更新特性说明

  *   02 02_(掌握)列表的数据优化和时间格式化

  *   03 03_(掌握)HyTable的选中-序号-操作列

  *   04 04_HyTable的Header和Footer封装

  *   05 05_(掌握)PageContent的配置和组件抽取

  *   06 06_(掌握)Vuex中不同页面数据处理

  *   07 07_(掌握)Vuex数据的优化和软件分层结构

  *   08 08_(掌握)PageSearch数据的二次处理

*   51 后台管理系统项目实战（十）/

  *   01 01_(了解)做项目过程中疑惑解答

  *   02 02_(掌握)重置操作-HyForm的双向绑定问题

  *   03 03_(掌握)查询操作-根据条件查询结果

  *   04 04_(掌握)分页器细节处理和数据请求

  *   05 05_page-content动态添加剩余插槽

  *   06 06_(掌握)菜单展开的进一步封装

  *   07 07_(掌握)用户按钮的权限管理

*   52 后台管理系统项目实战（十一）/

  *   01 01_(掌握)页面数据中的删除操作逻辑

  *   02 02_(掌握)页面弹窗的PageModal封装

  *   03 03_(掌握)新建和编辑点击和Hook封装

  *   04 04_(掌握)密码Item的显示和隐藏

  *   05 05_(掌握)部门和角色数据的分析和请求

  *   06 06_(掌握)刷新页面部门和角色动态数据展示

  *   07 07_(掌握)新建和编辑的逻辑处理

*   53 后台管理系统项目实战（十二）/

  *   01 01_时区便宜-时间搜索-初始化数据请求

  *   02 02_(掌握)新建角色思路分析和页面架构

  *   03 03_(掌握)新建角色-菜单树展示和选择菜单

  *   04 04_(掌握)编辑角色-角色菜单树的回显

  *   05 05_(了解)可视化和echarts的介绍

  *   06 06_(掌握)Echarts的安装和使用步骤

  *   07 07_Echarts的渲染器canvas和svg对比

  *   08 08_(掌握)Echarts中的配置选项解析

*   54 后台管理系统项目实战（十三）/

  *   01 01_(掌握)项目的登录问题说明

  *   02 02_(掌握)dashboard中数据的请求和保存

  *   03 03_(掌握)dashboard的布局搭建

  *   04 04_(掌握)项目的vue版本升级setup

  *   05 05_BaseEchart封装和setup使用

  *   06 06_(掌握)对useEchart的Hook封装

  *   07 07_(掌握)PieEchart饼图的封装

  *   08 08_封装Echart图形

  *   09 09_(掌握)地图图标MapECharts的封装

*   55 项目打包和自动化部署/

  *   01 01_(理解)DevOps模式和CI-CD的理解

  *   02 02_(掌握)自动化部署的操作流程

  *   03 03_(掌握)购买云服务器的流程和配置

  *   04 04_(掌握)Jenkins的环境搭建和安装过程

  *   05 05_(掌握)Nginx的环境搭建和配置过程

  *   06 06_(掌握)本地项目推送到GitHub远程仓库

  *   07 07_(掌握)Jenkins任务创建和自动化部署

  *   08 08_BASE_URL生成环境的配置

*   课堂资料01_42.zip