课程简介：

在互联网就业形式越来越严峻的今天，掌握多项具有强竞争力的技能非常重要。做一个有完整流程闭环并且有深度有广度的真实项目，可以完美适配这个需求。在这门课程中，我们用最新的技术栈实现了三个独立的项目：前端低代码海报编辑器、后端 egg.js + TS、使用 Nuxt3实现管理系统，最后从 Docker 部署到 CI/CD 的整个流程，最后完美闭环实现一个线上运行的真实项目。大幅提升自己的全栈以及架构能力。

课程目录：

├─第01章 课程简介
│ └─1-1 课程导学?.mp4 -1.#INDB
├─第02章 课程设计—需求分析和架构设计：做什么，如何做？
│ ├─2-1 需求分析-了解软件开发生命周期.mp4 16.36MB
│ ├─2-2 宏观需求分析.mp4 28.87MB
│ ├─2-3 技术整体架构 – 几个项目，项目的关系.mp4 21MB
│ └─2-4 技术整体架构 – 核心内容分析.mp4 43.08MB
├─第03章 B端项目需求分析 和 架构设计
│ ├─3-1 章简介.mp4 11.85MB
│ ├─3-10 总体架构.mp4 35.72MB
│ ├─3-2 引子：突破瓶颈，前端破局之路.mp4 21.25MB
│ ├─3-3 需求分析.mp4 50.14MB
│ ├─3-4 项目难点分析.mp4 42.38MB
│ ├─3-5 组件库难点解决方案.mp4 30.2MB
│ ├─3-6 编辑器难点解析一.mp4 37.27MB
│ ├─3-7 编辑器难点解析二.mp4 51.88MB
│ ├─3-8 技术选型 – typescript.mp4 32.86MB
│ └─3-9 技术选型 – vue 和 react.mp4 38.31MB
├─第04章 前端基础技术回顾和巡礼
│ ├─4-1 什么是 Typescript 为什么要学习它.mp4 31.71MB
│ ├─4-10 泛型（Generics） 第二部分 – 约束泛型.mp4 25.23MB
│ ├─4-11 新泛型第三部分 – 泛型在类和接口中的使用.mp4 36.82MB
│ ├─4-12 类型别名，字面量 和 交叉类型.mp4 21.39MB
│ ├─4-13 声明文件 第一部分.mp4 58.01MB
│ ├─4-14 声明文件 第二部分.mp4 39.72MB
│ ├─4-15 内置类型.mp4 44.42MB
│ ├─4-16 Vue3 学习导学.mp4 5.8MB
│ ├─4-17 使用 vite 创建项目.mp4 46.49MB
│ ├─4-18 文件结构以及推荐插件.mp4 74.28MB
│ ├─4-19 ESLint 简介和初步使用.mp4 66.44MB
│ ├─4-2 安装 Typescript.mp4 27.32MB
│ ├─4-20 ESLint 配合 Vite 设置更多规则.mp4 89.51MB
│ ├─4-21 响应式基础 – Ref 和 Reactive.mp4 62.21MB
│ ├─4-22 computed 计算属性.mp4 44.69MB
│ ├─4-23 watch 监听器.mp4 91.11MB
│ ├─4-24 生命周期和模版引用.mp4 72.71MB
│ ├─4-25 组件基础-属性.mp4 78.76MB
│ ├─4-26 组件自定义事件.mp4 45.1MB
│ ├─4-27 组合式函数.mp4 63.88MB
│ ├─4-28 创建 useURLLoader.mp4 96.3MB
│ ├─4-29 useURLLoader 第二部分.mp4 47.19MB
│ ├─4-3 原始数据类型和 Any 类型.mp4 20.01MB
│ ├─4-30 setup语法第一部分.mp4 47.3MB
│ ├─4-31 setup 语法第二部分.mp4 55.59MB
│ ├─4-32 依赖注入第一部分.mp4 61.58MB
│ ├─4-33 依赖注入第二部分.mp4 46.29MB
│ ├─4-34 Vue3.3 更新简介.mp4 71.11MB
│ ├─4-4 数组和元组.mp4 18.41MB
│ ├─4-5 Interface- 接口 初探.mp4 12.01MB
│ ├─4-6 函数.mp4 19.07MB
│ ├─4-7 类型推论 联合类型和 类型断言.mp4 25.76MB
│ ├─4-8 枚举（Enum）.mp4 25.16MB
│ └─4-9 泛型（Generics） 第一部分.mp4 25.57MB
├─第05章 项目整体搭建
│ ├─5-1 本章导学.mp4 11.08MB
│ ├─5-10 安装 ant-design-vue 组件库.mp4 28.82MB
│ ├─5-11 使用 ant-design-vue 搭建页面框架.mp4 46.84MB
│ ├─5-12 SPA 路由的基本原理.mp4 35.9MB
│ ├─5-13 添加配置 Vue Router.mp4 29.51MB
│ ├─5-14 使用 Vue Router 钩子函数获取路由信息和跳转.mp4 39.52MB
│ ├─5-15 (打点区间内字小) 使用 Vue Router 元数据和嵌套路由解决不同模版结构.mp4 32.74MB
│ ├─5-16 什么是状态管理工具.mp4 25.82MB
│ ├─5-17 Vuex 安装和基础使用.mp4 20.94MB
│ ├─5-18 Vuex 结合整个应用.mp4 39.22MB
│ ├─5-19 Vuex 添加 mutations 和 getters.mp4 38.83MB
│ ├─5-2 大话前端工具链.mp4 33.75MB
│ ├─5-20 使用 Module 分割 Vuex 模块.mp4 32.63MB
│ ├─5-21 总结.mp4 19.11MB
│ ├─5-3 使用 Imooc CLI 创建项目.mp4 24.44MB
│ ├─5-4 小花絮：Vue CLI 对战 Vite.mp4 22.34MB
│ ├─5-5 使用 ESLint 添加代码规范.mp4 24.03MB
│ ├─5-6 深入 ESLint 配置文件.mp4 28.88MB
│ ├─5-7 小花絮：使用 Prettier 自动格式化代码.mp4 31.42MB
│ ├─5-8 项目结构规范.mp4 20.25MB
│ └─5-9 了解 Git Flow 标准.mp4 32.23MB
├─第06章 编辑器基本布局，及业务组件库初步开发
│ ├─6-1 本章导学.mp4 13.07MB
│ ├─6-10 添加更多简单对应关系并展示.mp4 25.27MB
│ ├─6-11 添加更多复杂对应关系并展示.mp4 33.73MB
│ ├─6-12 分析展示和编辑属性的“金科玉律.mp4 16.89MB
│ ├─6-13 添加编辑表单并更新界面 第二部分.mp4 29.9MB
│ ├─6-14 提出优化需求，以及组件返回的真相.mp4 26.45MB
│ ├─6-15 将文本转换为 vNode.mp4 25.88MB
│ ├─6-16 方案一：使用 JSX 重写 PropsTable 组件.mp4 38.59MB
│ ├─6-17 方案二：使用 render 函数实现桥梁.mp4 17.95MB
│ ├─6-18 本章重点内容回顾和总结.mp4 24.89MB
│ ├─6-2 将编辑器数据结构添加至 vuex store.mp4 31.52MB
│ ├─6-3 LText 组件初步实现.mp4 33.66MB
│ ├─6-4 LText 添加通用属性.mp4 40.22MB
│ ├─6-5 LText 使用 hooks 重用逻辑.mp4 31.8MB
│ ├─6-6 （标记处有什么东西在叫）完成点击模版列表添加到画布的行为.mp4 35.13MB
│ ├─6-7 为业务组件属性添加类型的利弊.mp4 20.33MB
│ ├─6-8 获取正在编辑的元素的属性.mp4 47.3MB
│ └─6-9 添加属性和表单的基础对应关系并展示.mp4 45.84MB
├─第07章 掌握测试基本工具，给组件库添加单元测试
│ ├─7-1 本章导学.mp4 7.62MB
│ ├─7-10 测试组件：触发事件，更新表单，验证事件.mp4 47.52MB
│ ├─7-11 测试组件：异步请求.mp4 49.18MB
│ ├─7-12 测试通用准备和清理.mp4 41.76MB
│ ├─7-13 测试中 mock 全局组件的实现.mp4 37.43MB
│ ├─7-14 模拟第三方库实现的三种”药方“ – 第一部分.mp4 43.06MB
│ ├─7-15 模拟第三方库实现的三种”药方“ – 第二部分.mp4 37.47MB
│ ├─7-16 单独测试 Vuex store.mp4 52.63MB
│ ├─7-17 什么是 TDD 的开发方式.mp4 19.98MB
│ ├─7-18 TDD 第一步：编写测试用例.mp4 54.91MB
│ ├─7-19 TDD 第二布：编写代码实现.mp4 47.42MB
│ ├─7-2 为什么要有测试.mp4 14.81MB
│ ├─7-20 TDD 第三步：和应用整合.mp4 18.3MB
│ ├─7-21 第十一周重点内容回顾和总结.mp4 18.09MB
│ ├─7-3 Jest 简介.mp4 23.39MB
│ ├─7-4 Jest 实现异步测试.mp4 24.12MB
│ ├─7-5 Jest mock 函数测试.mp4 24.77MB
│ ├─7-6 Jest mock 第三方模块实现.mp4 37.78MB
│ ├─7-7 Jest mock Timers.mp4 27.05MB
│ ├─7-8 配置测试开发环境.mp4 32.58MB
│ └─7-9 测试组件：渲染和元素获取.mp4 32.55MB
├─第08章 通用上传组件开发以及使用
│ ├─8-1 本章导学.mp4 14.6MB
│ ├─8-10 测试驱动开发 – 完成上传前检查的特性.mp4 67.37MB
│ ├─8-11 中期回顾完成情况和新的需求.mp4 22.4MB
│ ├─8-12 新的开发方式：添加拖动上传编码.mp4 47.02MB
│ ├─8-13 添加拖动上传测试.mp4 52.78MB
│ ├─8-14 Vue3 世界中的三种实例.mp4 41.88MB
│ ├─8-15 Vue3 中组件通信的四种方法.mp4 55.45MB
│ ├─8-16 Element Plus Upload 组件源码分析第一部分.mp4 33.83MB
│ ├─8-17 Element Plus Upload 组件源码分析第二部分.mp4 24.49MB
│ ├─8-18 本地图片预览的两种方式.mp4 41.28MB
│ ├─8-19 Jest 浏览器环境之谜.mp4 36.63MB
│ ├─8-2 上传组件需求分析（加片头）.mp4 31.15MB
│ ├─8-20 将上传组件添加到左侧组件列表.mp4 25.33MB
│ ├─8-21 上传图片后将图片组件添加到编辑器.mp4 24.23MB
│ ├─8-22 扩展知识：Element 类型家族之间的关系.mp4 44.18MB
│ ├─8-23 通过 Image 构造函数获取图片的原始大小.mp4 36.14MB
│ ├─8-24 章总结.mp4 20.81MB
│ ├─8-3 上传文件的原理.mp4 44.89MB
│ ├─8-4 万事开头难 – 编码基本流程.mp4 42.29MB
│ ├─8-5 上传基本流程的测试编写.mp4 46.28MB
│ ├─8-6 编写上传文件列表功能的测试用例.mp4 46.29MB
│ ├─8-7 根据测试实现上传文件列表功能.mp4 72.21MB
│ ├─8-8 编写自定义模版功能的测试用例.mp4 40MB
│ └─8-9 根据测试完成自定义模版功能.mp4 41.45MB
├─第09章 业务组件库打包、发布，添加 CI、CD
│ ├─9-1 本章导学.mp4 16.56MB
│ ├─9-10 Rollup 配置文件和插件.mp4 17.54MB
│ ├─9-11 添加 Vue Plugin.mp4 32.57MB
│ ├─9-12 添加 Typescript Plugin.mp4 40.54MB
│ ├─9-13 尝试打包入口文件.mp4 48.5MB
│ ├─9-14 生成两种格式的模块文件.mp4 23.75MB
│ ├─9-15 使用 npm link 本地测试组件库.mp4 36.32MB
│ ├─9-16 分析 Element Plus 的打包过程.mp4 50.07MB
│ ├─9-17 扩展知识 – Rollup 插件开发的简单原理.mp4 46.82MB
│ ├─9-2 Javascript 模块化历史.mp4 22.83MB
│ ├─9-3 打包工具的根本作用.mp4 18.86MB
│ ├─9-4 Webpack 对阵 Rollup.mp4 27.7MB
│ ├─9-5 打包什么类型的模块.mp4 21.49MB
│ ├─9-6 花絮 – Snowpack 另类打包工具 简介.mp4 34.05MB
│ ├─9-7 创建组件库基本代码结构.mp4 20.88MB
│ ├─9-8 Vue 插件系统简介.mp4 23.71MB
│ └─9-9 创建入口文件.mp4 18.31MB
├─第10章 后端技术选型以及基础知识巩固（上）
│ ├─10-1 导学.mp4 24.26MB
│ ├─10-10 Controller 第一部分：设置响应.mp4 28.44MB
│ ├─10-11 Controller 第二部分：获取 Request 的参数.mp4 45.47MB
│ ├─10-12 Postman安装以及使用.mp4 35.99MB
│ ├─10-13 Service 发送 HTTP 请求获取信息.mp4 39.88MB
│ ├─10-14 Plugin 插件的初次接触.mp4 49.96MB
│ ├─10-15 Middleware 中间件第一部分.mp4 30.99MB
│ ├─10-16 Middleware 中间件第二部分.mp4 54.92MB
│ ├─10-17 Config 配置文件第一部.mp4 58.74MB
│ ├─10-18 Config 配置文件第二部分.mp4 40.8MB
│ ├─10-19 Extend 扩展 第一部分.mp4 32.52MB
│ ├─10-2 接口分析.mp4 47.27MB
│ ├─10-20 Extend 扩展 第二部分.mp4 50.98MB
│ ├─10-21 启动自定义.mp4 68.93MB
│ ├─10-22 egg typescript 支持的原理.mp4 61.29MB
│ ├─10-23 eggjs 调试技巧.mp4 83.14MB
│ ├─10-24 eggjs 日志的概念以及分类.mp4 71.57MB
│ ├─10-25 非关系数据库 对阵 关系型数据库.mp4 36.35MB
│ ├─10-26 mongoDB 安装第一部分：下载运行.mp4 64.56MB
│ ├─10-27 mongoDB 安装第二部分：添加到全局命令.mp4 29.15MB
│ ├─10-3 后端接口设计文档.mp4 43.88MB
│ ├─10-4 技术选型 express 分析.mp4 50.46MB
│ ├─10-5 了解 express 中间件.mp4 45.49MB
│ ├─10-6 调研 koa2 以及它的基本特点.mp4 42.55MB
│ ├─10-7 koa2 中间件机制.mp4 56.32MB
│ ├─10-8 后端框架选择 egg.js.mp4 77.97MB
│ └─10-9 egg.js 项目结构.mp4 29.59MB
├─第11章 后端技术选型以及基础知识巩固（下）
│ ├─11-1 mongod 使用配置文件.mp4 43.79MB
│ ├─11-10 按照数组内容查询并更新.mp4 35.36MB
│ ├─11-11 mongoDB Nodejs 语法小节.mp4 53.86MB
│ ├─11-12 mongoDB 索引的定义和测试.mp4 52.39MB
│ ├─11-13 mongoDB 索引管理.mp4 38.4MB
│ ├─11-14 mongoDB 不同集合的数据关系.mp4 30.7MB
│ ├─11-15 聚合的概念和基本用法.mp4 56.74MB
│ ├─11-16 使用$lookup 完成多集合查询.mp4 44.57MB
│ ├─11-17 MongoDB数据库设计原则以及最佳实践.mp4 45.28MB
│ ├─11-18 完成应用数据库设计.mp4 50.45MB
│ ├─11-19 什么是 mongoose 以及 ORM ODM 的概念.mp4 40.59MB
│ ├─11-2 mongo shell简介及使用.mp4 23.88MB
│ ├─11-20 mongoose 基本语法.mp4 53.65MB
│ ├─11-21 egg.js 结合 mongoose.mp4 83.82MB
│ ├─11-22 将 models 自动加载到 app 对象.mp4 72.58MB
│ ├─11-23 将逻辑抽象编写为 egg 插件.mp4 54.62MB
│ ├─11-24 egg-mongoose 源代码解读.mp4 89.74MB
│ ├─11-25 章总结.mp4 43.6MB
│ ├─11-3 mongoDB GUI 软件推荐使用.mp4 15.31MB
│ ├─11-4 nodejs 连接 mongodb 数据库.mp4 33.38MB
│ ├─11-5 插入和简单查询.mp4 60.03MB
│ ├─11-6 mongoDB 查询操作符.mp4 72.89MB
│ ├─11-7 mongoDB 整体结果的处理.mp4 46.18MB
│ ├─11-8 更新文档第一部分.mp4 48.25MB
│ └─11-9 更新文档第二部分：更新数组内容.mp4 45.28MB
├─第12章 用户系统设计与实现
│ ├─12-1 本章导学.mp4 14.83MB
│ ├─12-10 使用 mongoose-sequence 插件完成 ID 自增.mp4 27.55MB
│ ├─12-11 Cookie基础知识回顾以及加深.mp4 36.63MB
│ ├─12-12 使用 egg.js 设置对应的 Cookie.mp4 26.17MB
│ ├─12-13 使用 egg-session 实现用户验证功能.mp4 27.69MB
│ ├─12-14 koa session 源代码分析第一部分.mp4 47.99MB
│ ├─12-15 koa session 源代码分析第二部分.mp4 31.64MB
│ ├─12-16 egg session 使用外部存储器.mp4 37.46MB
│ ├─12-17 总结 egg-session 的优缺点.mp4 30.07MB
│ ├─12-2 定义 UserModel.mp4 28.9MB
│ ├─12-3 实现创建用户的最基本功能.mp4 31.28MB
│ ├─12-4 改进 Model 的ts 类型支持.mp4 23.96MB
│ ├─12-5 使用 egg-validate 验证参数.mp4 41.15MB
│ ├─12-6 规范化错误信息和错误码.mp4 32.73MB
│ ├─12-7 加密选择方案简介.mp4 21.09MB
│ ├─12-8 将 bcrypt 添加到应用并完成密码加密和登录解密.mp4 46.39MB
│ └─12-9 使用 toJSON 和 transform 处理文档结果.mp4 22.42MB
├─第13章 文件上传与处理 ， SSR 实现 H5 端展示以及权限控制
│ ├─13-1 本章导学.mp4 11.63MB
│ ├─13-10 对象存储调研报告.mp4 37MB
│ ├─13-11 配置阿里云 oss.mp4 51.66MB
│ ├─13-12 上传单文件到阿里云 OSS.mp4 47.71MB
│ ├─13-13 学习底层库 Busboy 的用法.mp4 66.64MB
│ ├─13-14 使用 co-busboy 完成多文件上传的需求.mp4 62.42MB
│ ├─13-15 egg-mutilpart 源代码解析.mp4 45.81MB
│ ├─13-16 限制上传图片大小以及格式.mp4 66.86MB
│ ├─13-17 重构 Router：添加 Prefix 和简单的权限验证.mp4 44.29MB
│ ├─13-18 简介 SSR 的概念和特点.mp4 29.55MB
│ ├─13-19 学习 vue SSR 的基本用法.mp4 37.82MB
│ ├─13-2 文件上传的原理再次分析.mp4 33.72MB
│ ├─13-20 使用 lego-components 渲染对应的H5 页面.mp4 49.47MB
│ ├─13-21 添加 body 样式.mp4 33.67MB
│ ├─13-22 px 转换成 vw.mp4 40.79MB
│ ├─13-23 使用 webpack 的解决对应的引用第三方库的问题.mp4 13.61MB
│ ├─13-24 配置 webpack 生成对应的结果.mp4 41.23MB
│ ├─13-25 拷贝和清理 webpack 生成的文件.mp4 37.75MB
│ ├─13-26 上传生成的静态文件到 OSS.mp4 41.44MB
│ ├─13-27 完成 webpack 结合上传文件到 OSS 的功能.mp4 29.75MB
│ ├─13-28 创建展示渠道.mp4 33.87MB
│ ├─13-29 渠道的更新以及删除.mp4 43.77MB
│ ├─13-3 File 模式上传并且支持服务器直接访问.mp4 39.07MB
│ ├─13-30 RBAC概念简介以及选择 Node.js 第三方库.mp4 34.72MB
│ ├─13-31 CASL 初步学习.mp4 28.52MB
│ ├─13-32 CASL 学习第二部分- 添加角色.mp4 37.19MB
│ ├─13-33 CASL学习第三部分 – 管理属性权限.mp4 52.58MB
│ ├─13-34 添加对应的角色模型.mp4 35.23MB
│ ├─13-35 添加角色判断到装饰器第一部分：基本验证.mp4 68.52MB
│ ├─13-36 添加角色判断到装饰器第二部分：验证字段.mp4 48.9MB
│ ├─13-37 添加角色判断到装饰器第三部分：自定义 action.mp4 54.8MB
│ ├─13-38 添加角色判断到装饰器第四部分：自定义 query.mp4 66.51MB
│ ├─13-39 总结.mp4 19.34MB
│ ├─13-4 图片处理库 Sharp 简介.mp4 21.5MB
│ ├─13-5 使用 sharp 生成缩略图并保存.mp4 44.17MB
│ ├─13-6 流的基本概念和举例.mp4 24.34MB
│ ├─13-7 Stream 的基本特性编码.mp4 31.25MB
│ ├─13-8 使用 stream 模式完成图片上传以及缩略图生成.mp4 45.06MB
│ └─13-9 高级知识：使用 pipeline替换pipe方法.mp4 53.39MB
├─第14章 使用 Docker 完成部署以及 Github Actions 完成 CI、CD
│ ├─14-1 导学.mp4 14.1MB
│ ├─14-10 修改生产环境的配置.mp4 30.09MB
│ ├─14-11 在服务器部署并且运行.mp4 29.9MB
│ ├─14-12 本章总结以及提出问题.mp4 12.91MB
│ ├─14-13 Docker 简介以及安装.mp4 21.09MB
│ ├─14-14 docker images 镜像操作.mp4 20.14MB
│ ├─14-15 Docker 容器的基本概念.mp4 20.56MB
│ ├─14-16 Docker 容器持久化数据.mp4 19.77MB
│ ├─14-17 使用 Dockerfile 构建镜像.mp4 18.13MB
│ ├─14-18 使用 Dockerfile 构建并且运行 lego-backend.mp4 23.11MB
│ ├─14-19 Docker 多个容器互相通信.mp4 24.37MB
│ ├─14-2 本地环境和生产环境的异同.mp4 38.8MB
│ ├─14-20 使用 docker-compose 启动服务.mp4 30.44MB
│ ├─14-21 mongoDB 设置访问权限.mp4 24.68MB
│ ├─14-22 mongoDB 权限验证第二部分.mp4 25.86MB
│ ├─14-23 Docker 初始化 MongoDB 数据库操作.mp4 49.38MB
│ ├─14-24 使用.env 保存 docker 中的敏感信息.mp4 38.8MB
│ ├─14-25 向 docker-compose 添加 redis 服务并测试.mp4 41.01MB
│ ├─14-26 Docker Build 优化镜像大小.mp4 25.97MB
│ ├─14-27 Docker Build 提高构建速度.mp4 29.52MB
│ ├─14-28 在服务器上运行对应的 docker 容器.mp4 36.61MB
│ ├─14-29 重学 YAML 语法.mp4 24.31MB
│ ├─14-3 Node.js Cluster 模式.mp4 30.62MB
│ ├─14-30 Github Actions 简介和初步使用.mp4 94.6MB
│ ├─14-31 学习 Github Actions 的进阶知识.mp4 43.71MB
│ ├─14-32 学习使用 Github Secrets.mp4 71.04MB
│ ├─14-33 推送镜像到阿里云ACR 并测试.mp4 57.38MB
│ ├─14-34 优化线上部署流程分析.mp4 32.25MB
│ ├─14-35 使用 Github Actions Build 和 Push 镜像到 ACR.mp4 76.97MB
│ ├─14-36 自动部署应用到服务器 第一部分.mp4 86.78MB
│ ├─14-37 自动部署应用到服务器 第二部分.mp4 58.34MB
│ ├─14-38 在 actions 中获取提交的基本信息.mp4 99.23MB
│ ├─14-39 整合流程，完成自动部署以及回滚.mp4 64.13MB
│ ├─14-4 Node.js Cluster 压力测试对比结果.mp4 39.73MB
│ ├─14-40 使用 release-it 精简发布流程.mp4 93.84MB
│ ├─14-41 总结.mp4 27.48MB
│ ├─14-5 Cluster 进程间的通信.mp4 38.11MB
│ ├─14-6 Egg.js 启动的不同进程的分类以及特点.mp4 40.73MB
│ ├─14-7 云服务器设置以及登录最佳实践.mp4 34.68MB
│ ├─14-8 使用 SSH key 进行免密码登录.mp4 23.44MB
│ └─14-9 linux 安装必备软件.mp4 36.29MB
├─第15章 真实高质量低代码商业项目，前端后端运维管理系统
│ ├─1-1 前言_.mp4 148.72MB
│ ├─2-1 知识回顾_.mp4 220.97MB
│ ├─2-2 选择 CropperJS 作为图片裁剪库_.mp4 103.95MB
│ ├─2-3 初始化 Cropper 区域_.mp4 297.11MB
│ ├─2-4 使用阿里云 OSS 完成图片裁剪功能_.mp4 334.27MB
│ ├─2-5 使用 Cropper.js 获取裁剪图片数据_.mp4 185.84MB
│ ├─2-6 方法二：完成裁剪后重新上传图片_.mp4 141.59MB
│ ├─3-1 分析图层设置的需求和实现_.mp4 109.53MB
│ ├─3-2 图层列表设置锁定和隐藏_.mp4 350.1MB
│ ├─3-3 InlineEdit 书写测试用例以及初步功能开发_.mp4 259.34MB
│ ├─3-4 添加键盘响应钩子函数_.mp4 188.73MB
│ ├─3-5 添加 useClickOutside_.mp4 167.27MB
│ ├─3-6 在界面上测试并且改进 InlineEdit 组件_.mp4 179.56MB
│ ├─4-1 拖动排序列表的需求分析_.mp4 62.76MB
│ ├─4-2 拖拽排序第一部分 添加拖动事件_.mp4 290.51MB
│ ├─4-3 拖拽排序第二部分 添加 drop 时排序_.mp4 233.31MB
│ ├─4-4 拖动排序第三部分 在拖动时完成排序_.mp4 227.45MB
│ ├─4-5 使用 Vue Draggable Next 完成排序_.mp4 265.56MB
│ ├─5-1 EditGroup 需求分析_.mp4 127.75MB
│ ├─5-2 EditGroup 编码第一部分_.mp4 237.77MB
│ ├─5-3 EditGroup 编码第二部分：数据转换成界面_.mp4 203.34MB
│ ├─6-1 页面设置编码第一部分_.mp4 191.41MB
│ ├─6-2 BackgroundProcesser 组件编码第一部分_.mp4 192.64MB
│ ├─6-3 使用正则获取文件名称_.mp4 79.24MB
│ ├─6-4 页面设置完成更新背景图片逻辑_.mp4 193.9MB
│ └─7-1 总结_.mp4 79.54MB
├─第16章 让元素动起来 – 编辑器画布交互功能开发
│ ├─1-1 导学_.mp4 11.76MB
│ ├─2-1 拖动移动元素的原理分析_.mp4 7.72MB
│ ├─2-2 拖动移动元素第一部分：计算偏移量_.mp4 37.21MB
│ ├─2-3 拖动移动第二部分： 实现元素移动_.mp4 47.41MB
│ ├─2-4 拖动移动第三部分： 更新元素属性_.mp4 29.86MB
│ ├─3-1 拖动改变大小的原理_.mp4 9.96MB
│ ├─3-2 拖动改变大小 第一部分： 实现右下方拖拽大小_.mp4 59.24MB
│ ├─3-3 拖拽改变大小 编码第二部分： 实现四个角拖拽大小_.mp4 61.57MB
│ ├─3-4 拖动改变大小 编码第三部分：发射事件 更新属性_.mp4 28.03MB
│ ├─4-1 快捷键需求分析_.mp4 31.35MB
│ ├─4-2 快捷键编码第一部分：创建 useHotKeys_.mp4 17.58MB
│ ├─4-3 快捷键编码第二部分：添加 muations 完成操作_.mp4 43.13MB
│ ├─4-4 快捷键编码第三部分：添加移动元素的快捷键_.mp4 50.72MB
│ ├─4-5 快捷键编码第四部分：添加高级函数阻止默认行为_.mp4 45.31MB
│ ├─4-6 尽善尽美 补充新的 mutations 的测试_.mp4 64.5MB
│ ├─5-1 撤销重做需求分析_.mp4 59.71MB
│ ├─5-10 撤销重做小结以及剩下的改进_.mp4 43.18MB
│ ├─5-2 撤销重做编码第一部分：添加历史记录_.mp4 66.24MB
│ ├─5-3 撤销重做编码第二部分：根据不同情况添加处理_.mp4 56.86MB
│ ├─5-4 撤销重做编码第三部分：根据当前情况添加测试_.mp4 38.86MB
│ ├─5-5 中期界面测试以及发现需要改进的点_.mp4 30.23MB
│ ├─5-6 进阶：撤销重做支持一次处理多个数据_.mp4 48.74MB
│ ├─5-7 进阶：撤销重做支持一次处理多个数据 第二部分_.mp4 32.83MB
│ ├─5-8 进阶：撤销重做支持函数防抖_.mp4 44.49MB
│ ├─5-9 进阶：撤销重做支持最大历史条目数_.mp4 41.6MB
│ ├─6-1 右键菜单需求分析_.mp4 18.29MB
│ ├─6-2 右键菜单编码第一部分：添加右键菜单组件_.mp4 46.27MB
│ ├─6-3 右键菜单第二部分：函数式的创建组件_.mp4 21.8MB
│ ├─6-4 右键菜单第三部分：插件化右键菜单_.mp4 42.07MB
│ ├─6-5 右键菜单第四部分：删除组件实例的方法_.mp4 30.2MB
│ └─7-1 总结_.mp4 19.74MB
├─第17章 前后端结合 – 编辑器整合后端接口
│ ├─1-1 导学_.mp4 11.09MB
│ ├─2-1 前后端分离开发简介_.mp4 29.54MB
│ ├─2-2 分析后端接口和需求_.mp4 37.36MB
│ ├─2-3 使用 vuex action 发送请求_.mp4 52.55MB
│ ├─3-1 JSON server 的简介和安装使用_.mp4 20.2MB
│ ├─3-2 JSON server 自定义接口URL 和 返回数据结构_.mp4 34.42MB
│ ├─3-3 JSON Server 实现 JWT 验证 – 生成 token_.mp4 32.06MB
│ ├─3-4 JSON Server 实现 JWT 验证 – 实现路由保护_.mp4 26.56MB
│ ├─4-1 使用 AForm 完成表单验证_.mp4 45.9MB
│ ├─4-2 使用 AForm 完成提交时验证的两种方法_.mp4 31.13MB
│ ├─4-3 完成获取验证码的功能_.mp4 26.46MB
│ ├─4-4 完成用户登陆过程_.mp4 31.12MB
│ ├─4-5 使用高阶函数 actionWrapper 包装 action 通用逻辑_.mp4 37.08MB
│ ├─4-6 AForm 源代码解析 ：Form 组件 和 FormItem 完成验证_.mp4 64.25MB
│ ├─4-7 AForm 源代码解析 ：使用 useForm 完成验证_.mp4 19.44MB
│ ├─5-1 添加全局读取状态 – 整体通用读取状态_.mp4 19.85MB
│ ├─5-2 添加全局读取状态 – 细粒度读取状态_.mp4 30.26MB
│ ├─5-3 处理全局错误处理_.mp4 30.98MB
│ ├─5-4 将全局读取和错误添加至根组件_.mp4 19.6MB
│ ├─5-5 登陆状态持久化_.mp4 38.68MB
│ ├─5-6 路由权限验证 第一部分 – 功能分析_.mp4 7.76MB
│ ├─5-7 路由权限验证 第二部分 – 编码实现_.mp4 43.13MB
│ ├─6-1 编辑器获取作品 第一部分 – 发送并且改进 action_.mp4 62.64MB
│ ├─6-2 编辑器获取作品 第二部分 – 根据数据渲染至画布_.mp4 33.49MB
│ ├─6-3 添加编辑器 Header_.mp4 29.01MB
│ ├─6-4 保存作品数据_.mp4 19.67MB
│ ├─6-5 添加自动保存功能_.mp4 33.01MB
│ ├─6-6 跳转路由前提示保存_.mp4 23.97MB
│ └─6-7 提取和整合保存作品逻辑_.mp4 25.48MB
├─第18章 整合开发 B 端其他页面的各种功能
│ ├─1-1 周前言_.mp4 58.35MB
│ ├─2-1 发布作品需求分析_.mp4 55.35MB
│ ├─2-2 前后端分离开发简介_.mp4 80.11MB
│ ├─2-3 html2canvas 获取截图_.mp4 83.77MB
│ ├─2-4 html2canvas 踩坑修正 bug_.mp4 90.6MB
│ ├─2-5 完成截图并且上传文件_.mp4 112.4MB
│ ├─2-6 html2canvas的基本原理_.mp4 63.13MB
│ ├─2-7 html2canvas 原理简单编码实现_.mp4 69.43MB
│ ├─3-1 完成发布流程_.mp4 74.36MB
│ ├─3-2 发布后创建渠道_.mp4 112.81MB
│ ├─3-3 添加 usePublishWork_.mp4 85.51MB
│ ├─4-1 创建和删除渠道_.mp4 131.08MB
│ ├─4-2 使用 qrcode 将渠道链接生成二维码_.mp4 75.94MB
│ ├─4-3 watch 数组的陷阱：新添加的渠道生成二维码_.mp4 68.93MB
│ ├─5-1 使用Clipboard.js 实现内容的拷贝_.mp4 86.72MB
│ ├─5-2 拷贝文本的原理_.mp4 86.74MB
│ ├─5-3 完成copyToClipBoard编码_.mp4 55.61MB
│ ├─5-4 PreviewForm 预览组件第一部分_.mp4 60.54MB
│ ├─5-5 PreviewForm 预览组件第二部分_.mp4 100.63MB
│ ├─6-1 剩余页面需求分析_.mp4 122.31MB
│ ├─6-2 useLoadMore 编码第一部分：改造 actionWrapper 支持 queryParams_.mp4 113.75MB
│ ├─6-3 useLoadMore 编码第二部分：实现基本功能_.mp4 60.74MB
│ ├─6-4 useLoadMore编码第三部分 – 页面实践以及支持无限滚动加载_.mp4 104.39MB
│ ├─6-5 useLoadMore编码第四部分 – 创建我的作品页以及发现新的问题_.mp4 92.51MB
│ ├─6-6 useLoadMore 编码第五部分 – 数据驱动界面，改造成分页组件_.mp4 89.9MB
│ ├─7-1 下载图片原理编码第一部分_.mp4 90.08MB
│ ├─7-2 下载文件原理编码第二部分_.mp4 91.9MB
│ ├─7-3 使用 FileSaver.js 来完成图片的下载_.mp4 94.81MB
│ ├─7-4 FileSaver.js 源码解析_.mp4 110.66MB
│ └─8-1 周总结_.mp4 40.82MB
├─第19章 整大型项目的编译，部署以及性能优化
│ ├─1-1前言_.mp4 37.62MB
│ ├─2-1开发，预生产，生产环境的概念_.mp4 66.76MB
│ ├─2-2使用vuecli生成生产环境代码_.mp4 64.63MB
│ ├─2-3VueCLI中模式的概念以及简单使用_.mp4 59.8MB
│ ├─2-4使用环境变量文件第一部分_.mp4 56.41MB
│ ├─2-5环境变量设置第二部分创建预发布环境变量文件_.mp4 64.44MB
│ ├─3-1Webpack基本概念回顾_.mp4 92.26MB
│ ├─3-2动手写一个WebpackLoader第一部分_.mp4 54.14MB
│ ├─3-3动手写一个WebpackLoader第二部分_.mp4 69.41MB
│ ├─3-4动手写一个Webpackplugins第一部分_.mp4 67.18MB
│ ├─3-5动手写一个Webpackplugins第二部分_.mp4 62.65MB
│ ├─4-1vue.config.js简介_.mp4 83.3MB
│ ├─4-2安装webpack-bundle-analyzer插件_.mp4 60.47MB
│ ├─4-3webpack打包优化第一部分：移除不需要的第三方库_.mp4 87MB
│ ├─4-4webpack打包优化第二部分：按需加载ant-desig_.mp4 82.65MB
│ ├─4-5webpack打包优化第三部分：分析第三方库继续优化的方案_.mp4 71.4MB
│ ├─4-6手动分割第三方库成多个文件_.mp4 99.88MB
│ ├─4-7按照模块大小自动分割第三方库_.mp4 55.35MB
│ ├─4-8实现路由懒加载_.mp4 83.44MB
│ ├─4-9使用chainWebpack修改webpack已有配置_.mp4 69.67MB
│ ├─5-1部署的概念_.mp4 48.59MB
│ ├─5-2nginx安装和简单配置_.mp4 113.37MB
│ ├─5-3HTTP缓存设置第一部分：Expires和Cache-Co_.mp4 70.45MB
│ ├─5-4HTTP缓存设置第二部分：Etag和Last-Modifi_.mp4 90.18MB
│ ├─5-5使用gzip压缩对应的HTTP请求资源_.mp4 56.46MB
│ ├─5-6使用Brotli完成HTTP压缩优化_.mp4 71MB
│ ├─5-8使用keep-alive减少多次TCP连接_.mp4 62.66MB
│ ├─5-9使用HTTP2大幅提升加载速度_.mp4 85.81MB
│ └─6-1总结_.mp4 49.11MB
├─第20章 学习使用 Nuxt.js 创建管理系统：基础知识
│ ├─20-1 Nuxt3导学.mp4 20.94MB
│ ├─20-10 状态管理第二部分.mp4 54.77MB
│ ├─20-11 数据获取第一部分.mp4 92.59MB
│ ├─20-12 数据获取第二部分.mp4 77.25MB
│ ├─20-13 数据获取第三部分.mp4 45.87MB
│ ├─20-14 静态文件处理.mp4 43.29MB
│ ├─20-15 SEO.mp4 65.54MB
│ ├─20-16 总结.mp4 48.72MB
│ ├─20-17 Nuxt server 简介.mp4 36.81MB
│ ├─20-18 Nuxt server 基础知识.mp4 63.76MB
│ ├─20-19 服务器端中间件第一部分.mp4 60.47MB
│ ├─20-2 Nuxt简介.mp4 40.49MB
│ ├─20-20 服务器端中间件第二部分.mp4 53.27MB
│ ├─20-21 存储层第一部分.mp4 50.17MB
│ ├─20-22 存储层 第二部分.mp4 43.8MB
│ ├─20-23 配置文件以及环境变量.mp4 53.35MB
│ ├─20-24 Nitro plugins.mp4 64.3MB
│ ├─20-25 Nuxt Plugins.mp4 60.33MB
│ ├─20-26 安装 nuxt-mongoose 模块.mp4 49.4MB
│ ├─20-27 使用 nuxt-mongoose 完成对应的编码.mp4 40.1MB
│ ├─20-28 总结.mp4 52.18MB
│ ├─20-3 Nuxt 中的渲染模式.mp4 72.06MB
│ ├─20-4 Nuxt3 安装.mp4 36.05MB
│ ├─20-5 自动导入.mp4 71.19MB
│ ├─20-6 Pages 概念.mp4 48.76MB
│ ├─20-7 Routing 路由 以及中间件第一部分.mp4 56.34MB
│ ├─20-8 中间件第二部分.mp4 53.39MB
│ └─20-9 状态管理 第一部分.mp4 60.42MB
├─第21章 学习使用 Nuxt.js 创建管理系统：进阶实战
│ ├─21-1 安装 tailwind.css.mp4 60.59MB
│ ├─21-10 知识巩固：完成注册页面.mp4 54.67MB
│ ├─21-11 完成注册以及登陆的后端功能.mp4 94.03MB
│ ├─21-12 使用 jwt 实现用户验证 后端编码.mp4 102.83MB
│ ├─21-13 前端添加用户验证.mp4 43.01MB
│ ├─21-14 完成前端登陆状态持久化.mp4 65.27MB
│ ├─21-15 总结.mp4 57.82MB
│ ├─21-16 简介和安装 NuxtUI.mp4 37.27MB
│ ├─21-17 编写 Header 样式.mp4 75.88MB
│ ├─21-18 完成剩余布局.mp4 48.52MB
│ ├─21-19 Table 编码第一部分 展示数据.mp4 63.89MB
│ ├─21-2 Tailwind 规则演示.mp4 77.45MB
│ ├─21-20 表格编码第二部分 实现分页功能.mp4 66.13MB
│ ├─21-21 表格编码第三部分 完成排序功能.mp4 79.47MB
│ ├─21-22 表格编码第四部分 查找功能.mp4 87.5MB
│ ├─21-23 表格编码第五部分 自定义功能.mp4 79.82MB
│ ├─21-3 使用 Layouts 创造两种布局.mp4 29.92MB
│ ├─21-4 安装并且使用 zod.mp4 68.37MB
│ ├─21-5 Zod 完成客户端验证.mp4 69.25MB
│ ├─21-6 使用 Zod 添加服务器端验证.mp4 62.36MB
│ ├─21-7 添加 VeeValidate 第一部分.mp4 66.01MB
│ ├─21-8 添加 VeeValidate 第二部分.mp4 76.79MB
│ └─21-9 添加 VeeValidate 第三部分 完成登陆页面.mp4 72.23MB
├─第22章 学习使用 Nuxt.js 创建管理系统：最后一部分
│ ├─22-1 编辑创建页面需求分析.mp4 39.83MB
│ ├─22-10 编辑用户信息第一部分.mp4 70.51MB
│ ├─22-11 编辑用户信息 第二部分.mp4 64.15MB
│ ├─22-12 编辑用户编码第三部分.mp4 59.47MB
│ ├─22-13 构建和部署的方式.mp4 35.62MB
│ ├─22-14 使用Nuxt构建整个项目.mp4 56.17MB
│ ├─22-15 完成部署脚本.mp4 62.99MB
│ ├─22-16 使用 pm2 来启动和管理应用.mp4 68.15MB
│ ├─22-17 扩展内容：使用 Bun 来运行应用.mp4 47.68MB
│ ├─22-2 完成动态表单初步编码.mp4 92.67MB
│ ├─22-3 表单编码第二部分：添加联动关系.mp4 84.2MB
│ ├─22-4 上传组件第一步 – 创建上传组件.mp4 79.65MB
│ ├─22-5 上传组件第二部分-服务器端获取文件数据.mp4 78.28MB
│ ├─22-6 上传图片第三部分-使用阿里云完成上传.mp4 67.13MB
│ ├─22-7 上传组件第四部分 – 使用插件.mp4 43.96MB
│ ├─22-8 完成数据创建显示自定义错误.mp4 113.57MB
│ └─22-9 完成创建后的收尾工作.mp4 82.45MB
└─资料
├─learn-mongo-master.zip 36.09KB
├─learn-typescript-master.zip 8.08KB
├─lego-admin-master.zip 160.13KB
├─lego-backend-master.zip 375.31KB
├─lego-bricks-master.zip 124.7KB
├─lego-master.zip 328.37KB
├─vue3-basic-master.zip 56.17KB
└─电子书