web前端架构【完结】
![图片[1]-web前端架构【完结】-1筹百汇](https://1cbh.com/wp-content/uploads/2023/02/d2b5ca33bd105713.png)
├─web前端架构【完结】
├─第1周 需求分析和架构设计：做什么，如何做？
├─1-1 课程导学【.mp4
├─1-2 【学习任务】本课程学习目标撰写【.png
├─1-3 【学习任务】学习计划制定【.png
├─2-1 周介绍【.mp4
├─3-1 产品研发流程【.mp4
├─3-2 以架构师的思维分析需求【.mp4
├─3-3 项目浅层需求【.mp4
├─3-4 深度需求【.mp4
├─3-5 需求总结【.mp4
├─4-1 整体架构设计-章介绍【.mp4
├─4-2 分析需要多少个项目【.mp4
├─4-3 需要自研统计服务【.mp4
├─4-4 各个项目之间的关系图【.mp4
├─4-5 作品数据结构设计【.mp4
├─4-6 数据流转关系图【.mp4
├─4-7 技术方案文档的重要性【.mp4
├─4-8 写架构设计文档【.mp4
├─4-9 本章总结以及下一步计划【.mp4
├─5-1 本周总结【.mp4
├─5-2 关于作业和打卡【.mp4
├─5-3 【学习任务】完成《技术方案设计文档》【.png
├─第2周 脚手架架构设计和框架搭建
├─1-1 确立本周目标【.mp4
├─1-2 前端研发脚手架imooc-cli核心功能演示【.mp4
├─1-3 脚手架在课程中的定位【.mp4
├─2-1 本章知识脉络和难点解析【.mp4
├─2-10 脚手架命令注册和参数解析【.mp4
├─2-11 脚手架项目发布【.mp4
├─2-2 站在前端研发的视角，分析开发脚手架的必要性【.mp4
├─2-3 从使用角度理解什么是脚手架？【.mp4
├─2-4 脚手架原理讲解（上）【.mp4
├─2-5 脚手架原理讲解（下）【.mp4
├─2-6 脚手架开发流程和难点解析【.mp4
├─2-7 快速入门第一个脚手架【.mp4
├─2-8 脚手架本地调试方法【.mp4
├─2-9 脚手架本地调试标准流程总结【.mp4
├─3-1 本章的收获是什么，难点是什么？【.mp4
├─3-2 原生脚手架开发痛点分析【.mp4
├─3-3 本章重点：lerna简介及脚手架开发流程【.mp4
├─3-4 基于lerna搭建脚手架框架【.mp4
├─3-5 Lerna核心操作【.mp4
├─3-6 Lerna发布流程【.mp4
├─4-1 赚回学费：武装简历、升职加薪【.mp4
├─4-10 【关键知识复习】javascript事件循环【.mp4
├─4-11 【讨论题】谈一谈 Node和Web的事件循环（EventLoop）机制的异同【.png
├─4-12 import-local执行流程深度分析【.mp4
├─4-13 pkg-dir源码解析（一大波优秀的文件操作库）【.mp4
├─4-14 resolve-from源码解析（彻底搞懂node_modules模块加载逻辑）【.mp4
├─4-15 Node模块加载核心方法_resovleFileName源码深入解析【.mp4
├─4-16 fs模块toRealPath源码深入解析【.mp4
├─4-17 讲一个高难度的正则表达式（想挑战的点进来）【.mp4
├─4-18 大招：如何快速拿到面试“一血”【.mp4
├─4-2 lerna源码结构分析和调试技巧【.mp4
├─4-3 Node源码调试过程中必会的小技巧【.mp4
├─4-4 lerna初始化过程源码详细分析【.mp4
├─4-5 【高能知识点】npm项目本地依赖引用方法【.mp4
├─4-6 脚手架框架yargs快速入门【.mp4
├─4-7 yargs高级用法讲解【.mp4
├─4-8 lerna脚手架初始化过程超详细讲解【.mp4
├─4-9 lerna脚手架Command执行过程详解【.mp4
├─5-1 本周总结+作业【.mp4
├─5-3 【学习任务】脚手架架构设计和框架搭建【.png
├─第3周 脚手架核心流程开发
├─1-1 本周整体内容介绍和学习方法【.mp4
├─2-1 聊一个很多同学很感兴趣的话题：大厂是如何做项目的？【.mp4
├─2-2 前端研发过程中的痛点和需求分析【.mp4
├─2-3 加餐：大厂的git操作规范是怎样的？【.mp4
├─2-4 高端操作：脚手架架构设计+绘制架构图【.mp4
├─2-5 架构设计图绘图技巧分享【.mp4
├─3-1 脚手架模块拆分策略【.mp4
├─3-2 core模块技术方案【.mp4
├─4-1 脚手架框架代码拆包+import-local应用【.mp4
├─4-2 检查版本号功能开发（require加载资源类型讲解+npmlog封装）【.mp4
├─4-3 最低Node版本检查功能开发【.mp4
├─4-4 root账号启动检查和自动降级功能开发【.mp4
├─4-5 用户主目录检查功能开发【.mp4
├─4-6 入参检查和debug模式开发【.mp4
├─4-7 环境变量检查功能开发【.mp4
├─4-8 通用npm API模块封装【.mp4
├─4-9 npm全局更新功能开发【.mp4
├─5-1 快速实现一个commander脚手架【.mp4
├─5-2 commander脚手架全局配置【.mp4
├─5-3 commander脚手架命令注册的两种方法【.mp4
├─5-4 commander注册命令的两种高级用法【.mp4
├─5-5 再讲3条commander的高级用法【.mp4
├─6-1 通过webpack完成ES Module资源构建【.mp4
├─6-2 通过webpack target属性支持Node内置库【.mp4
├─6-3 webpack loader配置babel-loader支持低版本node【.mp4
├─6-4 通过Node原生支持ES Module【.mp4
├─6-5 【讨论题】聊一聊你对 Webpack babel-loader原理的理解【.png
├─6-6 Node支持ES Module的两种方法总结【.mp4
├─7-1 本周总结+作业【(1).mp4
├─7-1 本周总结+作业【.mp4
├─7-2 【学习任务】练习 commander 命令的使用【.png
├─第4周 脚手架命令注册和执行过程开发
├─1-1 本周整体内容介绍和学习方法【.mp4
├─2-1 imooc-cli脚手架初始化+全局参数注册【.mp4
├─2-2 imooc-cli脚手架命令注册【.mp4
├─3-1 当前imooc-cli脚手架架构痛点分析【.mp4
├─3-2 高性能脚手架架构设计【.mp4
├─3-3 脚手架命令动态加载功能架构设计【.mp4
├─4-1 脚手架命令本地调试功能支持【.mp4
├─4-2 动态执行库exec模块创建【.mp4
├─4-3 创建npm模块通用类Package【.mp4
├─4-4 Package类的属性、方法定义及构造函数逻辑开发【.mp4
├─4-5 Package类获取入口文件路径功能开发（pkg-dir应用+解决不同操作系统路径兼容问题）【.mp4
├─4-6 利用npminstall库安装npm模块【.mp4
├─4-7 Package类判断模块是否存在方法开发【.mp4
├─4-8 Package类更新模块逻辑开发【.mp4
├─4-9 Package类获取缓存模块入口文件功能改造【.mp4
├─5-1 进程的基本概念（讲解在操作系统中如何查看进程的嵌套关系）【.mp4
├─5-2 child_process异步方法使用教程（exec&execFile）【.mp4
├─5-3 child_process spawn用法以及与exec&execFile的区别【.mp4
├─5-4 child_process fork用法及父子进程通信机制讲解【.mp4
├─5-5 child_process同步方法使用教程【.mp4
├─5-6 【讨论题】对Node.js cluster模块进行原理分析，说出你的理解【.png
├─6-1 通用脚手架命令Command类封装【.mp4
├─6-2 脚手架参数初始化方法开发【.mp4
├─6-3 利用Node多进程动态执行命令（stdio的inherit属性讲解）【.mp4
├─6-4 生成Node多进程动态执行代码【.mp4
├─6-5 windows操作系统spawn执行命令兼容【.mp4
├─7-1 Node多进程child_process库exec方法源码执行流程分析【.mp4
├─7-2 高能：child_process库exec源码精度【.mp4
├─7-3 深度分析child_process库spawn底层实现【.mp4
├─7-4 child_process事件应用方法详解【.mp4
├─7-5 高难度：深度解析child_process库spawn方法回调原理【.mp4
├─7-6 child_process库fork执行流程分析【.mp4
├─7-7 精化：Node多进程源码总结（想知道结论的同学直接点这里）【.mp4
├─8-1 本周总结+作业【.mp4
├─8-2 【学习任务】 脚手架命令注册的实现【.png
├─第5周 脚手架创建项目流程设计和开发
├─1-1 本周整体内容介绍和学习方法【.mp4
├─2-1 脚手架创建项目功能架构背后的思考【.mp4
├─2-2 项目创建前准备阶段架构设计【.mp4
├─2-3 下载项目模板阶段架构设计【.mp4
├─3-1 项目创建准备阶段——判断当前目录是否为空功能开发【.mp4
├─3-2 inquirer基本用法和常用属性入门【.mp4
├─3-3 inquirer其他交互形式演示【.mp4
├─3-4 强制清空当前目录功能开发【.mp4
├─3-5 获取项目基本信息功能开发【.mp4
├─3-6 项目名称和版本号合法性校验【.mp4
├─4-1 下载项目模板功能实现流程分析+egg.js简介【.mp4
├─4-2 imooc-cli后端项目创建【.mp4
├─4-3 通过egg.js框架添加新的API【.mp4
├─4-4 云mongodb开通+本地mongodb调试技巧讲解【.mp4
├─4-5 egg.js接入mongodb方法【.mp4
├─5-1 脚手架初始化项目模板开发【.mp4
├─5-2 脚手架请求项目模板API开发【.mp4
├─5-3 通过环境变量配置默认URL+选择项目模板功能开发【.mp4
├─5-4 基于vue-element-admin开发通用的中后台项目模板【.mp4
├─6-1 脚手架下载项目模板功能开发【.mp4
├─6-2 通过spinner实现命令行loading效果【.mp4
├─6-3 项目模板更新功能调试【.mp4
├─7-1 本章学习路径和学习目标【.mp4
├─7-10 inquirer源码执行流程分析【.mp4
├─7-2 readline的使用方法和实现原理【.mp4
├─7-3 高能：深入讲解readline键盘输入监听实现原理【.mp4
├─7-4 秀操作：手写readline核心实现【.mp4
├─7-5 命令行样式修改的核心原理：ansi转义序列讲解【.mp4
├─7-6 【讨论题】聊聊对readline源码的理解分析【.png
├─7-7 响应式库rxjs快速入门【.mp4
├─7-8 放大招：手写命令行交互式列表组件（上）【.mp4
├─7-9 放大招：手写命令行交互式列表组件（下）【.mp4
├─8-1 本周总结+作业【.mp4
├─8-2 【学习任务】脚手架创建项目流程设计和开发【.png
├─第6周 脚手架项目和组件初始化开发
├─1-1 本周整体内容介绍和学习方法【.mp4
├─2-1 脚手架安装项目模板架构设计【.mp4
├─2-2 脚手架组件初始化架构设计【.mp4
├─3-1 ejs模板引擎的三种基本用法【.mp4
├─3-2 ejs模板不同标签用法详解【.mp4
├─3-3 ejs模板几种特殊用法【.mp4
├─3-4 glob用法小结【.mp4
├─4-1 引入项目模板类型和标准安装逻辑开发【.mp4
├─4-2 拷贝项目模板功能开发【.mp4
├─4-3 项目模板安装依赖和启动命令【.mp4
├─4-4 白名单命令检测功能开发【.mp4
├─4-5 项目名称自动格式化功能开发【.mp4
├─4-6 本章核心：ejs动态渲染项目模板【.mp4
├─4-7 init命令直接传入项目名称功能支持【.mp4
├─5-1 慕课乐高组件库模板开发【.mp4
├─5-2 项目和组件模板数据隔离+动态配置ejs ignore【.mp4
├─5-3 获取组件信息功能开发【.mp4
├─5-4 解决组件库初始化过程中各种工程问题【.mp4
├─6-1 自定义项目模板开发【.mp4
├─6-2 自定义模板安装逻辑开发【.mp4
├─6-3 自定义模板上线【.mp4
├─7-1 ejs.compile执行流程分析【.mp4
├─7-2 深入讲解ejs编译原理【.mp4
├─7-3 动态生成Function+with用法讲解【.mp4
├─7-4 ejs compile函数执行流程分析【.mp4
├─7-5 ejs.render和renderFile原理讲解【.mp4
├─8-1 require源码执行流程分析【.mp4
├─8-2 require加载模块原理详解【.mp4
├─8-3 require加载内置模块和四种文件类型原理【.mp4
├─8-4 require缓存机制解析和CommonJS加载主模块原理【.mp4
├─8-5 require原理总结和回顾【.mp4
├─8-6 【讨论题】请谈谈你对Node.js require的理解（面试题）【.png
├─9-1 本周总结+作业【.mp4
├─9-2 【学习任务】脚手架项目和组件初始化开发【.png
├─第7周 B端项目需求分析 和 架构设计
├─1-1 本周简介【.mp4
├─2-1 引子：突破瓶颈，前端破局之路【.mp4
├─2-2 需求分析【.mp4
├─2-3 项目难点分析【.mp4
├─2-4 【讨论题】谈一谈大家目前在公司或者学习生活中，遇到的瓶颈【.png
├─3-1 组件库难点解决方案【.mp4
├─3-2 编辑器难点解析一【.mp4
├─3-3 编辑器难点解析二【.mp4
├─3-4 技术选型 - typescript【.mp4
├─3-5 技术选型 - vue 和 react【.mp4
├─4-1 总体架构【.mp4
├─4-2 【学习任务】完成技术方案设计文档【.png
├─第8周 前端基础技术回顾和巡礼
├─1-1 本周导学【.mp4
├─2-1 Typescript 基础知识【.mp4
├─2-10 定义文件进阶 - 写一个定义文件【.mp4
├─2-11 typescript 总结【.mp4
├─2-2 接口：Interface【.mp4
├─2-3 类和接口【.mp4
├─2-4 泛型基础知识【.mp4
├─2-5 解析源码：泛型和接口【.mp4
├─2-6 源码解析：深入泛型【.mp4
├─2-7 源码解析 ：高级特性【.mp4
├─2-8 源码解析 extends 的妙用【.mp4
├─2-9 定义文件 基础知识【.mp4
├─3-1 新特性简介【.mp4
├─3-10 使用泛型改造自定义函数【.mp4
├─3-11 知识小结【.mp4
├─3-12 【学习任务】为 clipboard.js 库写类型文件【.png
├─3-13 【讨论题】谈谈你对这两种框架 React 和 Vue 的看法【.png
├─3-2 为什么有 composition API【.mp4
├─3-3 composition API 基础知识【.mp4
├─3-4 深入响应式对象 - 追踪变化【.mp4
├─3-5 深入响应式对象 - 存储和触发 effect【.mp4
├─3-6 Vue 副作用处理机制【.mp4
├─3-7 Vue 深入了解 watchEffect【.mp4
├─3-8 Vue 使用 watch 精确控制副作用【.mp4
├─3-9 第一个自定义hooks 函数【.mp4
├─第9周 项目整体搭建
├─1-1 课程导学【.mp4
├─2-1 大话前端工具链【.mp4
├─2-2 使用 Imooc CLI 创建项目【.mp4
├─2-3 小花絮：Vue CLI 对战 Vite【.mp4
├─3-1 使用 ESLint 添加代码规范【.mp4
├─3-2 深入 ESLint 配置文件【.mp4
├─3-3 小花絮：使用 Prettier 自动格式化代码【.mp4
├─3-4 项目结构规范【.mp4
├─3-5 了解 Git Flow 标准【.mp4
├─3-6 【讨论】聊一聊对于 ESLint 和 Prettier【.png
├─4-1 安装 ant-design-vue 组件库【.mp4
├─4-2 使用 ant-design-vue 搭建页面框架【.mp4
├─4-3 SPA 路由的基本原理【.mp4
├─4-4 添加配置 Vue Router【.mp4
├─4-5 使用 Vue Router 钩子函数获取路由信息和跳转【.mp4
├─4-6 使用 Vue Router 元数据和嵌套路由解决不同模版结构【.mp4
├─5-1 什么是状态管理工具【.mp4
├─5-2 Vuex 安装和基础使用【.mp4
├─5-3 Vuex 结合整个应用【.mp4
├─5-4 Vuex 添加 mutations 和 getters【.mp4
├─5-5 使用 Module 分割 Vuex 模块【.mp4
├─6-1 本周总结【.mp4
├─6-2 【学习任务】 完成《技术规范文档》【.png
├─第10周 编辑器基本布局，及业务组件库初步开发
├─1-1 本周导学【.mp4
├─2-1 将编辑器数据结构添加至 vuex store【.mp4
├─2-2 LText 组件初步实现【.mp4
├─2-3 LText 添加通用属性【.mp4
├─2-4 LText 使用 hooks 重用逻辑【.mp4
├─2-5 完成点击模版列表添加到画布的行为【.mp4
├─2-6 为业务组件属性添加类型的利弊【.mp4
├─3-1 获取正在编辑的元素的属性【.mp4
├─3-2 添加属性和表单的基础对应关系并展示【.mp4
├─3-3 添加更多简单对应关系并展示【.mp4
├─3-4 添加更多复杂对应关系并展示【.mp4
├─3-5 分析展示和编辑属性的“金科玉律【.mp4
├─3-6 添加编辑表单并更新界面 第一部分【.mp4
├─3-7 添加编辑表单并更新界面 第二部分【.mp4
├─4-1 提出优化需求，以及组件返回的真相【.mp4
├─4-2 将文本转换为 vNode【.mp4
├─4-3 方案一：使用 JSX 重写 PropsTable 组件【.mp4
├─4-4 方案二：使用 render 函数实现桥梁【.mp4
├─4-5 【讨论题】聊聊 Vue Template 和 JSX 的两种写法的看法【.png
├─5-1 本周重点内容回顾和总结【.mp4
├─5-2 【学习任务】完成删除画布的逻辑【.png
├─5-3 【学习任务】添加更多属性和组件的对应关系【.png
├─5-4 【学习任务】修复在画布中点击组件跳转的问题【.png
├─第11周 掌握测试基本工具，给组件库添加单元测试
├─1-1 导学【.mp4
├─2-1 为什么要有测试【.mp4
├─2-2 Jest 简介【.mp4
├─2-3 Jest 实现异步测试【.mp4
├─2-4 Jest mock 函数测试【.mp4
├─2-5 Jest mock 第三方模块实现【.mp4
├─2-6 Jest mock Timers【.mp4
├─2-7 【讨论题】谈谈关于测试【.png
├─3-1 配置测试开发环境【.mp4
├─3-2 测试组件：渲染和元素获取【.mp4
├─3-3 测试组件：触发事件，更新表单，验证事件【.mp4
├─3-4 测试组件：异步请求【.mp4
├─3-5 测试通用准备和清理【.mp4
├─4-1 测试中 mock 全局组件的实现【.mp4
├─4-2 模拟第三方库实现的三种”药方“ - 第一部分【.mp4
├─4-3 模拟第三方库实现的三种”药方“ - 第二部分【.mp4
├─4-4 单独测试 Vuex store【.mp4
├─5-1 什么是 TDD 的开发方式【.mp4
├─5-2 TDD 第一步：编写测试用例【.mp4
├─5-3 TDD 第二布：代码实现【.mp4
├─5-4 TDD 第三步：和应用整合【.mp4
├─6-1 章重点内容回顾和总结【.mp4
├─6-2 【学习任务】完成 IconSwitch 组件的开发，并且为此添加测试【.png
├─第12周 通用上传组件开发以及使用
├─1-1 导学【.mp4
├─2-1 上传组件需求分析【.mp4
├─2-2 上传文件的原理【.mp4
├─2-3 万事开头难 - 编码基本流程【.mp4
├─2-4 上传基本流程的测试编写【.mp4
├─3-1 编写上传文件列表功能的测试用例【.mp4
├─3-2 根据测试实现上传文件列表功能【.mp4
├─3-3 编写自定义模版功能的测试用例【.mp4
├─3-4 根据测试完成自定义模版功能【.mp4
├─3-5 测试驱动开发 - 完成上传前检查的特性【.mp4
├─3-6 中期回顾完成情况和新的需求【.mp4
├─4-1 新的开发方式：添加拖动上传编码【.mp4
├─4-2 添加拖动上传测试【.mp4
├─4-3 使用流程图分析代码小的重构【.mp4
├─4-4 添加实例方法的编码和测试【.mp4
├─4-5 【讨论题】谈一谈测试驱动开发【.png
├─5-1 Vue3 世界中的三种实例【.mp4
├─5-2 Vue3 中组件通信的四种方法【.mp4
├─5-3 Element Plus Upload 组件源码分析第一部分【.mp4
├─5-4 Element Plus Upload 组件源码分析第二部分【.mp4
├─5-5 本地图片预览的两种方式【.mp4
├─5-6 Jest 浏览器环境之谜【.mp4
├─6-1 将上传组件添加到左侧组件列表【.mp4
├─6-2 上传图片后将图片组件添加到编辑器【.mp4
├─6-3 扩展知识：Element 类型家族之间的关系【.mp4
├─6-4 通过 Image 构造函数获取图片的原始大小【.mp4
├─6-5 【学习任务】完成 ImageProcesser 组件的开发【.png
├─7-1 周总结【.mp4
├─第13周 业务组件库打包、发布，添加 CICD
├─1-1 周导学【.mp4
├─2-1 Javascript 模块化历史【.mp4
├─2-2 打包工具的根本作用【.mp4
├─2-3 Webpack 对阵 Rollup【.mp4
├─2-4 打包什么类型的模块【.mp4
├─2-5 花絮 - Snowpack 另类打包工具 简介【.mp4
├─3-1 创建组件库基本代码结构【.mp4
├─3-2 Vue 插件系统简介【.mp4
├─3-3 创建入口文件【.mp4
├─4-1 Rollup 配置文件和插件【.mp4
├─4-2 添加 Vue Plugin【.mp4
├─4-3 添加 Typescript Plugin【.mp4
├─4-4 尝试打包入口文件【.mp4
├─4-5 生成两种格式的模块文件【.mp4
├─4-6 使用 npm link 本地测试组件库【.mp4
├─4-7 分析 Element Plus 的打包过程【.mp4
├─4-8 扩展知识 - Rollup 插件开发的简单原理【.mp4
├─5-1 npm 简介和 package.json 的设置【.mp4
├─5-2 使用 npm publish 发布业务组件库【.mp4
├─5-3 给业务组件库添加测试用例【.mp4
├─5-4 发布或者提交前检查代码质量和测试结果【.mp4
├─5-5 什么是 CI CD？ -【.mp4
├─5-6 初步配置 travis 完成 CI【.mp4
├─5-7 进一步配置 travis 完成 CD - 自动发布到 npm【.mp4
├─6-1 周总结【.mp4
├─6-2 【讨论题】谈一谈业务组件库的开发【.png
├─6-3 【学习任务】发布自己的业务组件库【.png
├─第14周 服务端技术选型：磨刀不误砍柴工
├─1-1 本周开始【.mp4
├─2-1 nodejs框架选型-开始【.mp4
├─2-2 介绍koa2和express【.mp4
├─2-3 介绍egg.js【.mp4
├─2-4 介绍nest.js_更多资源微信：.mp4
├─3-1 章开始【.mp4
├─3-2 回顾数据结构设计【.mp4
├─3-3 Mysql 和 Sequelize -1【.mp4
├─3-4 Mysql 和 Sequelize - 2【.mp4
├─3-5 Mongodb和Mongoose【.mp4
├─3-6 Date 和时区【.mp4
├─3-7 Mysql和Mongodb的区别【.mp4
├─3-8 介绍Redis【.mp4
├─3-9 章总结【.mp4
├─4-1 本章开始【.mp4
├─4-2 介绍 Session 登录_更多资源微信：.mp4
├─4-3 介绍JWT登录【.mp4
├─4-4 SSO和OAuth2_更多资源微信：.mp4
├─4-5 章总结【.mp4
├─5-1 章开始_更多资源微信：.mp4
├─5-2 介绍Jest和Mocha【.mp4
├─5-3 为何单元测试难以落实【.mp4
├─5-4 supertest接口测试【.mp4
├─5-5 章总结【.mp4
├─6-1 pm2和nginx-章开始【.mp4
├─6-2 pm2配置和使用【.mp4
├─6-3 pm2日志拆分【.mp4
├─6-4 nginx配置和日志拆分【.mp4
├─6-5 pm2和nginx-章总结【.mp4
├─7-1 开发环境配置【.mp4
├─7-2 周总结【.mp4
├─第15周 服务端 CICD ：github自动化
├─1-1 周介绍【.mp4
├─2-1 章介绍【.mp4
├─2-2 认识 Github actions【.mp4
├─2-3 Github actions 功能演示【.mp4
├─2-4 Github actions 做自动化测试【.mp4
├─2-5 Github actions 章总结【.mp4
├─3-1 Docker 章介绍【.mp4
├─3-2 认识 Docker【.mp4
├─3-3 启动一个Docker容器【.mp4
├─3-4 Docker容器的进一步演示【.mp4
├─3-5 介绍 Dockerfile 语法【.mp4
├─3-6 用 Dockerfile 构建镜像【.mp4
├─3-7 Docker 章总结【.mp4
├─4-1 docker-compose 章开始【.mp4
├─4-2 docker-compose 配置文件【.mp4
├─4-3 docker-compose 命令演示【.mp4
├─4-4 数据持久化【.mp4
├─4-5 配置 mysql【.mp4
├─4-6 docker-compose 章总结【.mp4
├─5-1 自动发布测试机 - 章开始【.mp4
├─5-2 配置测试机【.mp4
├─5-3 自动发布到测试机-讲解配置【.mp4
├─5-4 自动发布到测试机-功能演示【.mp4
├─5-5 自动发布测试机 - 章总结【.mp4
├─6-1 周总结【.mp4
├─第15周 服务端 CICD ：github自动化(1)
├─1-1 周介绍【.mp4
├─2-1 章介绍【.mp4
├─2-2 认识 Github actions【.mp4
├─2-3 Github actions 功能演示【.mp4
├─2-4 Github actions 做自动化测试【.mp4
├─2-5 Github actions 章总结【.mp4
├─3-1 Docker 章介绍【.mp4
├─3-2 认识 Docker【.mp4
├─3-3 启动一个Docker容器【.mp4
├─3-4 Docker容器的进一步演示【.mp4
├─3-5 介绍 Dockerfile 语法【.mp4
├─3-6 用 Dockerfile 构建镜像【.mp4
├─3-7 Docker 章总结【.mp4
├─4-1 docker-compose 章开始【.mp4
├─4-2 docker-compose 配置文件【.mp4
├─4-3 docker-compose 命令演示【.mp4
├─4-4 数据持久化【.mp4
├─4-5 配置 mysql【.mp4
├─4-6 docker-compose 章总结【.mp4
├─5-1 自动发布测试机 - 章开始【.mp4
├─5-2 配置测试机【.mp4
├─5-3 自动发布到测试机-讲解配置【.mp4
├─5-4 自动发布到测试机-功能演示【.mp4
├─5-5 自动发布测试机 - 章总结【.mp4
├─6-1 周总结【.mp4
├─第16周 编辑器服务端基础 API 开发
├─1-1 周介绍【.mp4
├─2-1 技术方案设计-章介绍【.mp4
├─2-2 接口设计-整理所有接口【.mp4
├─2-3 接口设计-关于预览和数据统计【.mp4
├─2-4 介绍GraphQL的使用和特点【.mp4
├─2-5 选择Restful API 而非 GraphQL【.mp4
├─2-6 数据库设计-数据表结构【.mp4
├─2-7 数据库设计-代码演示【.mp4
├─2-8 server端架构设计【.mp4
├─2-9 技术方案设计-章总结【.mp4
├─3-1 基础功能开发-章介绍【.mp4
├─3-10 作品接口-接口测试【.mp4
├─3-11 模板接口-代码演示【.mp4
├─3-12 模板接口-接口测试【.mp4
├─3-13 基础功能开发-章总结【.mp4
├─3-2 登录功能设计-获取验证码【.mp4
├─3-3 登录功能设计-划重点【.mp4
├─3-4 制定开发规范【.mp4
├─3-5 用户信息接口-获取登录验证码【.mp4
├─3-6 用户信息接口-登录【.mp4
├─3-7 用户信息接口-接口测试【.mp4
├─3-8 作品接口-创建作品【.mp4
├─3-9 作品接口-查询、更新和复制【.mp4
├─4-1 周总结【.mp4
├─第16周 编辑器服务端基础 API 开发(1)
├─1-1 周介绍【.mp4
├─2-1 技术方案设计-章介绍【.mp4
├─2-2 接口设计-整理所有接口【.mp4
├─2-3 接口设计-关于预览和数据统计【.mp4
├─2-4 介绍GraphQL的使用和特点【.mp4
├─2-5 选择Restful API 而非 GraphQL【.mp4
├─2-6 数据库设计-数据表结构【.mp4
├─2-7 数据库设计-代码演示【.mp4
├─2-8 server端架构设计【.mp4
├─2-9 技术方案设计-章总结【.mp4
├─3-1 基础功能开发-章介绍【.mp4
├─3-10 作品接口-接口测试【.mp4
├─3-11 模板接口-代码演示【.mp4
├─3-12 模板接口-接口测试【.mp4
├─3-13 基础功能开发-章总结【.mp4
├─3-2 登录功能设计-获取验证码【.mp4
├─3-3 登录功能设计-划重点【.mp4
├─3-4 制定开发规范【.mp4
├─3-5 用户信息接口-获取登录验证码【.mp4
├─3-6 用户信息接口-登录【.mp4
├─3-7 用户信息接口-接口测试【.mp4
├─3-8 作品接口-创建作品【.mp4
├─3-9 作品接口-查询、更新和复制【.mp4
├─4-1 周总结【.mp4
├─第17周 编辑器服务端调用第三方服务
├─1-1 周介绍【.mp4
├─2-1 发布功能-章介绍【.mp4
├─2-2 发布功能的几个要点【.mp4
├─2-3 发布功能-如何防爬【.mp4
├─2-4 发布功能-发布过程的设计【.mp4
├─2-5 发布功能-强制下线【.mp4
├─2-6 发布功能-代码演示【.mp4
├─2-7 发布功能-章总结【.mp4
├─3-1 短信服务-章开始【.mp4
├─3-2 短信服务-调研【.mp4
├─3-3 短信服务-配置【.mp4
├─3-4 短信服务-实验demo【.mp4
├─3-5 短信服务-代码演示【.mp4
├─3-6 短信服务-章总结【.mp4
├─4-1 上传文件到 OSS -章介绍【.mp4
├─4-2 购买和配置OSS【.mp4
├─4-3 阿里云OSS-实验demo【.mp4
├─4-4 快速学习stream 的方法【.mp4
├─4-5 阿里云OSS-代码演示【.mp4
├─4-6 阿里云OSS-章总结【.mp4
├─5-1 内容安全检查-章开始【.mp4
├─5-2 内容安全检查-配置服务【.mp4
├─5-3 内容安全检查-实验demo-检查文本【.mp4
├─5-4 内容安全检查-实验demo-检查图片【.mp4
├─5-5 内容安全检查-代码演示【.mp4
├─5-6 内容安全检查-章总结【.mp4
├─第17周 编辑器服务端调用第三方服务(1)
├─1-1 周介绍【.mp4
├─2-1 发布功能-章介绍【.mp4
├─2-2 发布功能的几个要点【.mp4
├─2-3 发布功能-如何防爬【.mp4
├─2-4 发布功能-发布过程的设计【.mp4
├─2-5 发布功能-强制下线【.mp4
├─2-6 发布功能-代码演示【.mp4
├─2-7 发布功能-章总结【.mp4
├─3-1 短信服务-章开始【.mp4
├─3-2 短信服务-调研【.mp4
├─3-3 短信服务-配置【.mp4
├─3-4 短信服务-实验demo【.mp4
├─3-5 短信服务-代码演示【.mp4
├─3-6 短信服务-章总结【.mp4
├─4-1 上传文件到 OSS -章介绍【.mp4
├─4-2 购买和配置OSS【.mp4
├─4-3 阿里云OSS-实验demo【.mp4
├─4-4 快速学习stream 的方法【.mp4
├─4-5 阿里云OSS-代码演示【.mp4
├─4-6 阿里云OSS-章总结【.mp4
├─5-1 内容安全检查-章开始【.mp4
├─5-2 内容安全检查-配置服务【.mp4
├─5-3 内容安全检查-实验demo-检查文本【.mp4
├─5-4 内容安全检查-实验demo-检查图片【.mp4
├─5-5 内容安全检查-代码演示【.mp4
├─5-6 内容安全检查-章总结【.mp4
├─第18周 编辑器组件图层面板功能开发
├─1-1 第十八周前言.mp4
├─2-1 知识回顾.mp4
├─2-2 选择 CropperJS 作为图片裁剪库.mp4
├─2-3 初始化 Cropper 区域.mp4
├─2-4 使用阿里云 OSS 完成图片裁剪功能.mp4
├─2-5 使用 Cropper.js 获取裁剪图片数据.mp4
├─2-6 方法二：完成裁剪后重新上传图片.mp4
├─3-1 分析图层设置的需求和实现.mp4
├─3-2 图层列表设置锁定和隐藏.mp4
├─3-3 InlineEdit 书写测试用例以及初步功能开发.mp4
├─3-4 添加键盘响应钩子函数.mp4
├─3-5 添加 useClickOutside.mp4
├─3-6 在界面上测试并且改进 InlineEdit 组件.mp4
├─4-1 拖动排序列表的需求分析.mp4
├─4-2 拖拽排序第一部分 添加拖动事件.mp4
├─4-3 拖拽排序第二部分 添加 drop 时排序.mp4
├─4-4 拖动排序第三部分 在拖动时完成排序.mp4
├─4-5 使用 Vue Draggable Next 完成排序.mp4
├─5-1 EditGroup 需求分析.mp4
├─5-2 EditGroup 编码第一部分.mp4
├─5-3 EditGroup 编码第二部分：数据转换成界面.mp4
├─6-1 页面设置编码第一部分.mp4
├─6-2 BackgroundProcesser 组件编码第一部分.mp4
├─6-3 使用正则获取文件名称.mp4
├─6-4 页面设置完成更新背景图片逻辑.mp4
├─7-1 第十八周总结.mp4
├─第18周 编辑器组件图层面板功能开发(1)
├─1-1 第十八周前言.mp4
├─2-1 知识回顾.mp4
├─2-2 选择 CropperJS 作为图片裁剪库.mp4
├─2-3 初始化 Cropper 区域.mp4
├─2-4 使用阿里云 OSS 完成图片裁剪功能.mp4
├─2-5 使用 Cropper.js 获取裁剪图片数据.mp4
├─2-6 方法二：完成裁剪后重新上传图片.mp4
├─3-1 分析图层设置的需求和实现.mp4
├─3-2 图层列表设置锁定和隐藏.mp4
├─3-3 InlineEdit 书写测试用例以及初步功能开发.mp4
├─3-4 添加键盘响应钩子函数.mp4
├─3-5 添加 useClickOutside.mp4
├─3-6 在界面上测试并且改进 InlineEdit 组件.mp4
├─4-1 拖动排序列表的需求分析.mp4
├─4-2 拖拽排序第一部分 添加拖动事件.mp4
├─4-3 拖拽排序第二部分 添加 drop 时排序.mp4
├─4-4 拖动排序第三部分 在拖动时完成排序.mp4
├─4-5 使用 Vue Draggable Next 完成排序.mp4
├─5-1 EditGroup 需求分析.mp4
├─5-2 EditGroup 编码第一部分.mp4
├─5-3 EditGroup 编码第二部分：数据转换成界面.mp4
├─6-1 页面设置编码第一部分.mp4
├─6-2 BackgroundProcesser 组件编码第一部分.mp4
├─6-3 使用正则获取文件名称.mp4
├─6-4 页面设置完成更新背景图片逻辑.mp4
├─7-1 第十八周总结.mp4
├─第19周 让元素动起来 - 编辑器画布交互功能开发
├─1-1 十九周导学.mp4
├─2-1 拖动移动元素的原理分析.mp4
├─2-2 拖动移动元素第一部分：计算偏移量.mp4
├─2-3 拖动移动第二部分： 实现元素移动.mp4
├─2-4 拖动移动第三部分： 更新元素属性.mp4
├─3-1 拖动改变大小的原理.mp4
├─3-2 拖动改变大小 第一部分： 实现右下方拖拽大小.mp4
├─3-3 拖拽改变大小 编码第二部分： 实现四个角拖拽大小.mp4
├─3-4 拖动改变大小 编码第三部分：发射事件 更新属性.mp4
├─4-1 快捷键需求分析.mp4
├─4-2 快捷键编码第一部分：创建 useHotKeys.mp4
├─4-3 快捷键编码第二部分：添加 muations 完成操作.mp4
├─4-4 快捷键编码第三部分：添加移动元素的快捷键.mp4
├─4-5 快捷键编码第四部分：添加高级函数阻止默认行为.mp4
├─4-6 尽善尽美 补充新的 mutations 的测试.mp4
├─5-1 撤销重做需求分析.mp4
├─5-10 撤销重做小结以及剩下的改进.mp4
├─5-2 撤销重做编码第一部分：添加历史记录.mp4
├─5-3 撤销重做编码第二部分：根据不同情况添加处理.mp4
├─5-4 撤销重做编码第三部分：根据当前情况添加测试.mp4
├─5-5 中期界面测试以及发现需要改进的点.mp4
├─5-6 进阶：撤销重做支持一次处理多个数据.mp4
├─5-7 进阶：撤销重做支持一次处理多个数据 第二部分.mp4
├─5-8 进阶：撤销重做支持函数防抖.mp4
├─5-9 进阶：撤销重做支持最大历史条目数.mp4
├─6-1 右键菜单需求分析.mp4
├─6-2 右键菜单编码第一部分：添加右键菜单组件.mp4
├─6-3 右键菜单第二部分：函数式的创建组件.mp4
├─6-4 右键菜单第三部分：插件化右键菜单.mp4
├─6-5 右键菜单第四部分：删除组件实例的方法(1).mp4
├─6-5 右键菜单第四部分：删除组件实例的方法.mp4
├─7-1 十九周总结.mp4
├─第20周 前后端结合 - 编辑器整合后端接口
├─1-1 第二十周导学.mp4
├─2-1 前后端分离开发简介.mp4
├─2-2 分析后端接口和需求.mp4
├─2-3 使用 vuex action 发送请求.mp4
├─3-1 JSON server 的简介和安装使用.mp4
├─3-2 JSON server 自定义接口URL 和 返回数据结构.mp4
├─3-3 JSON Server 实现 JWT 验证 - 生成 token.mp4
├─3-4 JSON Server 实现 JWT 验证 - 实现路由保护.mp4
├─4-1 使用 AForm 完成表单验证.mp4
├─4-2 使用 AForm 完成提交时验证的两种方法.mp4
├─4-3 完成获取验证码的功能.mp4
├─4-4 完成用户登陆过程.mp4
├─4-5 使用高阶函数 actionWrapper 包装 action 通用逻辑.mp4
├─4-6 AForm 源代码解析 ：Form 组件 和 FormItem 完成验证.mp4
├─4-7 AForm 源代码解析 ：使用 useForm 完成验证.mp4
├─5-1 添加全局读取状态 - 整体通用读取状态.mp4
├─5-2 添加全局读取状态 - 细粒度读取状态.mp4
├─5-3 处理全局错误处理.mp4
├─5-4 将全局读取和错误添加至根组件.mp4
├─5-5 登陆状态持久化.mp4
├─5-6 路由权限验证 第一部分 - 功能分析.mp4
├─5-7 路由权限验证 第二部分 - 编码实现.mp4
├─6-1 编辑器获取作品 第一部分 - 发送并且改进 action.mp4
├─6-2 编辑器获取作品 第二部分 - 根据数据渲染至画布.mp4
├─6-3 添加编辑器 Header.mp4
├─6-4 保存作品数据.mp4
├─6-5 添加自动保存功能.mp4
├─6-6 跳转路由前提示保存.mp4
├─6-7 提取和整合保存作品逻辑.mp4
├─第21周 整合开发 B 端其他页面的各种功能
├─1-1 周前言.mp4
├─2-1 发布作品需求分析.mp4
├─2-2 前后端分离开发简介.mp4
├─2-3 html2canvas 获取截图.mp4
├─2-4 html2canvas 踩坑修正 bug.mp4
├─2-5 完成截图并且上传文件.mp4
├─2-6 html2canvas的基本原理.mp4
├─2-7 html2canvas 原理简单编码实现.mp4
├─3-1 完成发布流程.mp4
├─3-2 发布后创建渠道.mp4
├─3-3 添加 usePublishWork.mp4
├─4-1 创建和删除渠道.mp4
├─4-2 使用 qrcode 将渠道链接生成二维码.mp4
├─4-3 watch 数组的陷阱：新添加的渠道生成二维码.mp4
├─5-1 使用Clipboard.js 实现内容的拷贝.mp4
├─5-2 拷贝文本的原理.mp4
├─5-3 完成copyToClipBoard编码.mp4
├─5-4 PreviewForm 预览组件第一部分.mp4
├─5-5 PreviewForm 预览组件第二部分.mp4
├─6-1 剩余页面需求分析.mp4
├─6-2 useLoadMore 编码第一部分：改造 actionWrapper 支持 queryParams.mp4
├─6-3 useLoadMore 编码第二部分：实现基本功能.mp4
├─6-4 useLoadMore编码第三部分 - 页面实践以及支持无限滚动加载.mp4
├─6-5 useLoadMore编码第四部分 - 创建我的作品页以及发现新的问题.mp4
├─6-6 useLoadMore 编码第五部分 - 数据驱动界面，改造成分页组件.mp4
├─7-1 下载图片原理编码第一部分.mp4
├─7-2 下载文件原理编码第二部分.mp4
├─7-3 使用 FileSaver.js 来完成图片的下载.mp4
├─7-4 FileSaver.js 源码解析.mp4
├─8-1 周总结.mp4
├─第22周 大型项目的编译，部署以及性能优化
├─01 第1章 周介绍
├─1-1 第22周前言(1).mp4
├─1-1 第22周前言.mp4
├─02 第2章 使用 Vue Cli 编译生产环境代码以及创建不同模式
├─2-1 开发，预生产，生产环境的概念(1).mp4
├─2-1 开发，预生产，生产环境的概念.mp4
├─2-2 使用 vue cli 生成生产环境代码(1).mp4
├─2-2 使用 vue cli 生成生产环境代码.mp4
├─2-3 Vue CLI 中模式的概念以及简单使用(1).mp4
├─2-3 Vue CLI 中模式的概念以及简单使用.mp4
├─2-4 使用环境变量文件 第一部分(1).mp4
├─2-4 使用环境变量文件 第一部分.mp4
├─2-5 环境变量设置第二部分 创建预发布环境变量文件(1).mp4
├─2-5 环境变量设置第二部分 创建预发布环境变量文件.mp4
├─03 第3章 Webpack的基础回顾以及Loader和Plugin的原理
├─3-1 Webpack 基本概念回顾(1).mp4
├─3-1 Webpack 基本概念回顾.mp4
├─3-2 动手写一个 Webpack Loader 第一部分(1).mp4
├─3-2 动手写一个 Webpack Loader 第一部分.mp4
├─3-3 动手写一个 Webpack Loader 第二部分(1).mp4
├─3-3 动手写一个 Webpack Loader 第二部分.mp4
├─3-4 动手写一个 Webpack plugins 第一部分(1).mp4
├─3-4 动手写一个 Webpack plugins 第一部分.mp4
├─3-5 动手写一个 Webpack plugins 第二部分(1).mp4
├─3-5 动手写一个 Webpack plugins 第二部分.mp4
├─04 第4章 修改 Vue.config.js 配置完成打包分析和优化
├─4-1 vue.config.js 简介(1).mp4
├─4-1 vue.config.js 简介.mp4
├─4-2 安装 webpack-bundle-analyzer 插件(1).mp4
├─4-2 安装 webpack-bundle-analyzer 插件.mp4
├─4-3 webpack 打包优化第一部分：移除不需要的第三方库(1).mp4
├─4-3 webpack 打包优化第一部分：移除不需要的第三方库.mp4
├─4-4 webpack 打包优化第二部分：按需加载 ant-design-vue(1).mp4
├─4-4 webpack 打包优化第二部分：按需加载 ant-design-vue.mp4
├─4-5 webpack 打包优化第三部分：分析第三方库继续优化的方案(1).mp4
├─4-5 webpack 打包优化第三部分：分析第三方库继续优化的方案.mp4
├─4-6 手动分割第三方库成多个文件(1).mp4
├─4-6 手动分割第三方库成多个文件.mp4
├─4-7 按照模块大小自动分割第三方库(1).mp4
├─4-7 按照模块大小自动分割第三方库.mp4
├─4-8 实现路由懒加载(1).mp4
├─4-8 实现路由懒加载.mp4
├─4-9 使用 chainWebpack 修改 webpack 已有配置(1).mp4
├─4-9 使用 chainWebpack 修改 webpack 已有配置.mp4
├─05 第5章 部署以及 HTTP 优化
├─5-1 部署的概念(1).mp4
├─5-1 部署的概念.mp4
├─5-2 nginx 安装和简单配置(1).mp4
├─5-2 nginx 安装和简单配置.mp4
├─5-3 HTTP 缓存设置第一部分：Expires 和 Cache-Control(1).mp4
├─5-3 HTTP 缓存设置第一部分：Expires 和 Cache-Control.mp4
├─5-4 HTTP 缓存设置第二部分：Etag 和 Last-Modified(1).mp4
├─5-4 HTTP 缓存设置第二部分：Etag 和 Last-Modified.mp4
├─5-5 使用 gzip 压缩对应的 HTTP 请求资源(1).mp4
├─5-5 使用 gzip 压缩对应的 HTTP 请求资源.mp4
├─5-6 使用 Brotli 完成 HTTP 压缩优化(1).mp4
├─5-6 使用 Brotli 完成 HTTP 压缩优化.mp4
├─5-7 直接生成压缩静态文件并配置 nginx 的 gzip_static 支持(1).mp4
├─5-7 直接生成压缩静态文件并配置 nginx 的 gzip_static 支持.mp4
├─5-8 使用 keep-alive 减少多次 TCP 连接(1).mp4
├─5-8 使用 keep-alive 减少多次 TCP 连接.mp4
├─5-9 使用 HTTP2 大幅提升加载速度(1).mp4
├─5-9 使用 HTTP2 大幅提升加载速度.mp4
├─06 第6章 周总结
├─6-1 第22周总结(1).mp4
├─6-1 第22周总结.mp4
├─第23周 基于Vue3 SSR渲染作品H5页。
├─01 第1章 周介绍
├─1-1 周介绍.mp4
├─02 第2章 技术方案设计
├─2-1 技术方案设计-章介绍.mp4
├─2-2 回顾此前的技术方案设计.mp4
├─2-3 回顾发布功能和url设计.mp4
├─2-4 整体设计思路-使用SSR.mp4
├─2-5 整体设计思路-使用缓存.mp4
├─2-6 整体设计思路-网页前端功能.mp4
├─2-7 写技术方案设计文档.mp4
├─03 第3章 搭建项目环境
├─3-1 搭建项目环境-章介绍.mp4
├─3-2 回顾biz-edtior-server项目环境.mp4
├─3-3 初始化项目环境.mp4
├─3-4 连接本地数据库.mp4
├─3-5 Dockerfile的配置解读.mp4
├─3-6 docker-host访问宿主机（重要）_1.mp4
├─3-6 docker-host访问宿主机（重要）.mp4
├─3-7 github actions 自动部署到测试机-.mp4
├─3-8 搭建项目环境-章总结.mp4
├─04 第4章 使用 Vue3 SSR 渲染页面
├─4-1 Vue3 SSR 渲染页面-章介绍.mp4
├─4-2 开发路由-发布页面.mp4
├─4-3 开发路由-controller和cache.mp4
├─4-4 Vue3 SSR调研.mp4
├─4-5 Vue3 SSR渲染页面html.mp4
├─4-6 px转换为vw.mp4
├─05 第5章 前端页面功能
├─5-1 H5前端功能开发-章介绍.mp4
├─5-2 webpack打包静态文件.mp4
├─5-3 动态引入打包出来的js和css文件.mp4
├─5-4 静态文件上传到CDN.mp4
├─5-5 前端功能开发-渠道检查和统计.mp4
├─5-6 h5实现事件跳转.mp4
├─06 第6章 配置微信 jssdk
├─6-1 微信jssdk配置-章介绍.mp4
├─6-2 生成微信jssdk配置的主要流程.mp4
├─6-3 生成微信jssdk配置的流程-细节.mp4
├─6-4 生成微信jssdk配置的代码演示.mp4
├─6-5 微信分享的线下调试方法.mp4
├─6-6 微信jssdk配置-章总结.mp4
├─07 第7章 周总结
├─7-1 关于单元测试-留作业.mp4
├─7-2 周总结.mp4
├─24自研统计服务，使作品能实现分渠道统计
├─{1}--第1章周介绍
├─[5.2.1.1]--1-1周介绍.mp4
├─{2}--第2章技术方案设计
├─[5.2.2.1]--2-1技术方案设计-章介绍.mp4
├─[5.2.2.2]--2-2回顾和事件统计相关的内容.mp4
├─[5.2.2.3]--2-3技术方案设计-nginx收集日志.mp4
├─[5.2.2.4]--2-4技术方案设计-定时任务.mp4
├─[5.2.2.5]--2-5技术方案设计-章总结.mp4
├─{3}--第3章nginx收集日志
├─[5.2.3.1]--3-1nginx收集日志-章介绍.mp4
├─[5.2.3.2]--3-2nginx安装和配置.mp4
├─[5.2.3.3]--3-3linux定时任务crontab.mp4
├─[5.2.3.4]--3-4nodejs定时任务node-cron.mp4
├─[5.2.3.5]--3-5定时拆分日志文件.mp4
├─{4}--第4章分析日志
├─[5.2.4.1]--4-1分析日志计算结果-章介绍.mp4
├─[5.2.4.2]--4-2技术方案设计-url参数设计.mp4
├─[5.2.4.3]--4-3技术方案设计-数据结构.mp4
├─[5.2.4.4]--4-4分析日志计算结果.mp4
├─[5.2.4.5]--4-5计算结果写入数据库.mp4
├─[5.2.4.6]--4-6单元测试.mp4
├─[5.2.4.7]--4-7分析日志计算结果-章总结.mp4
├─{5}--第5章开发OpenAPI
├─[5.2.5.1]--5-1OpenAPI章介绍.mp4
├─[5.2.5.2]--5-2初始化Koa2环境.mp4
├─[5.2.5.3]--5-3开发路由.mp4
├─[5.2.5.4]--5-4接口测试.mp4
├─[5.2.5.5]--5-5测试机部署nginx服务.mp4
├─[5.2.5.6]--5-6OpenAPI部署到测试机.mp4
├─[5.2.5.7]--5-7OpenAPI章总结.mp4
├─25后台管理：让所有数据都在我们的掌控之中
├─{1}--第1章周介绍
├─[5.3.1.1]--1-1周介绍.mp4
├─{2}--第2章技术方案设计
├─[5.3.2.1]--2-1需求分析和技术方案设计-章介绍.mp4
├─[5.3.2.2]--2-2需求分析.mp4
├─[5.3.2.3]--2-3技术方案设计.mp4
├─{3}--第3章前端开发
├─[5.3.3.1]--3-1前端开发-章介绍.mp4
├─[5.3.3.2]--3-2umijs初始化项目环境.mp4
├─[5.3.3.3]--3-3封装ajax和host.mp4
├─[5.3.3.4]--3-4登录信息验证.mp4
├─[5.3.3.5]--3-5各个页面的功能开发.mp4
├─[5.3.3.6]--3-6首页dashboard开发.mp4
├─[5.3.3.7]--3-7发布到测试机.mp4
├─[5.3.3.8]--3-8前端开发-章总结.mp4
├─{4}--第4章服务端开发
├─[5.3.4.1]--4-1服务端开发-章开始.mp4
├─[5.3.4.2]--4-2服务端代码结构.mp4
├─[5.3.4.3]--4-3按月统计的功能如何实现.mp4
├─[5.3.4.4]--4-4服务端开发-章总结.mp4
├─26发布到阿里云服务器，支持快速回滚
├─{1}--第1章章简介
├─[5.4.1.1]--1-1周介绍.mp4
├─{2}--第2章购买和配置服务器
├─[5.4.2.1]--2-1购买和配置服务器-章介绍.mp4
├─[5.4.2.2]--2-2购买服务.mp4
├─[5.4.2.3]--2-3配置服务器和数据库.mp4
├─[5.4.2.4]--2-4购买和配置服务器-章总结.mp4
├─{3}--第3章上线和回滚流程
├─[5.4.3.1]--3-1上线和回滚-章介绍.mp4
├─[5.4.3.2]--3-2使用gittag和githubactions发布上线.mp4
├─[5.4.3.3]--3-3一键生成tag.mp4
├─[5.4.3.4]--3-4使用release-it.mp4
├─[5.4.3.5]--3-5所有项目发布上线.mp4
├─[5.4.3.6]--3-6上线和回滚-章总结.mp4
├─{4}--第4章域名转发和nginx配置
├─[5.4.4.1]--4-1域名转发和nignx配置-章介绍.mp4
├─[5.4.4.2]--4-2域名的购买和配置.mp4
├─[5.4.4.3]--4-3nginx配置.mp4
├─[5.4.4.4]--4-4线上环境的CORS配置.mp4
├─[5.4.4.5]--4-5线上日志拆分.mp4
├─27运维监控和报警
├─{1}--第1章周简介
├─[5.5.1.1]--1-1周介绍.mp4
├─{2}--第2章异常处理和安全预防
├─[5.5.2.1]--2-1异常处理和安全预防-章介绍.mp4
├─[5.5.2.2]--2-2统一异常处理.mp4
├─[5.5.2.3]--2-3预防内存泄漏.mp4
├─[5.5.2.4]--2-4安全预防.mp4
├─[5.5.2.5]--2-5预防网络攻击.mp4
├─[5.5.2.6]--2-6关于短信验证码接口.mp4
├─[5.5.2.7]--2-7异常处理和安全预防-章总结.mp4
├─{3}--第3章监控和报警
├─[5.5.3.1]--3-1监控和报警-章介绍.mp4
├─[5.5.3.2]--3-2心跳检测.mp4
├─[5.5.3.3]--3-3心跳检测是否需要单独拆分出来？.mp4
├─[5.5.3.4]--3-4报警的范围.mp4
├─[5.5.3.5]--3-5邮件报警的实现.mp4
├─[5.5.3.6]--3-6安装alinode.mp4
├─[5.5.3.7]--3-7alinode设置报警.mp4
├─[5.5.3.8]--3-8监控和报警-章总结.mp4
├─{4}--第4章周总结
├─[5.5.4.1]--4-1周总结.mp4
├─28脚手架发布模块架构设计和核心流程开发
├─{1}--第1章周介绍
├─[6.1.1.1]--1-1本周整体内容介绍和学习方法.mp4
├─{2}--第2章项目发布流程架构设计
├─[6.1.2.1]--2-1脚手架发布功能和流程讲解.mp4
├─[6.1.2.2]--2-2绘制项目发布架构设计图.mp4
├─{3}--第3章imooc-cli脚手架gitflow自动化架构设计
├─[6.1.3.1]--3-1gitflow基础流程讲解.mp4
├─[6.1.3.2]--3-2gitflow多人协作流程讲解（详细讲解大厂gitflow.mp4
├─[6.1.3.3]--3-3脚手架gitflowprepare阶段架构设计.mp4
├─[6.1.3.4]--3-4脚手架gitflow执行阶段架构设计.mp4
├─{4}--第4章imooc-cli脚手架云构建+云发布架构设计
├─[6.1.4.1]--4-1云构建+云发布整体流程设计.mp4
├─[6.1.4.2]--4-2云构建+云发布详细流程设计1.mp4
├─[6.1.4.3]--4-3云构建+云发布详细流程设计2.mp4
├─[6.1.4.4]--4-4深入讲解云发布原理.mp4
├─{5}--第5章imooc-cli脚手架publish模块开发
├─[6.1.5.1]--5-1创建publish模块.mp4
├─[6.1.5.2]--5-2publish基本流程开发.mp4
├─[6.1.5.3]--5-3项目发布前预检查流程开发.mp4
├─{6}--第6章本周加餐：前端路由模式原理和vue-router源码讲解
├─[6.1.6.10]--6-10深入解析router-view源码.mp4
├─[6.1.6.1]--6-1vue-router-next完整运行流程解析.mp4
├─[6.1.6.2]--6-2vue-router路由模式+history路由部署详细教.mp4
├─[6.1.6.3]--6-3vue-cli源码调试+dev模式historyfallb.mp4
├─[6.1.6.4]--6-4vue-router初始化过程源码分析.mp4
├─[6.1.6.5]--6-5vue3高级特性：vue插件+provide跨组件通信.mp4
├─[6.1.6.6]--6-6vue-router路由跳转核心源码分析.mp4
├─[6.1.6.7]--6-7vue-router路由匹配源码分析.mp4
├─[6.1.6.8]--6-8vue3新特性defineComponent讲解1.mp4
├─[6.1.6.9]--6-9vue3新特性defineComponent讲解2.mp4
├─{7}--第7章本周总结+作业
├─29脚手架发布模块git自动化流程开发
├─{1}--第1章本章导学
├─[6.2.1.1]--1-1本周整体内容介绍和学习方法.mp4
├─{2}--第2章GitFlow模块架构设计
├─[6.2.2.1]--2-1GitFlow模块架构设计.mp4
├─[6.2.2.2]--2-2GitFlow流程回顾.mp4
├─{3}--第3章Github&GiteeAPI接入
├─[6.2.3.1]--3-1创建Git类.mp4
├─[6.2.3.2]--3-2用户主目录检查逻辑开发.mp4
├─[6.2.3.3]--3-3选择远程Git仓库逻辑开发.mp4
├─[6.2.3.4]--3-4创建GitServer类.mp4
├─[6.2.3.5]--3-5生成远程仓库Token逻辑开发.mp4
├─[6.2.3.6]--3-6GiteeAPI接入+获取用户组织信息功能开发.mp4
├─[6.2.3.7]--3-7GithubAPI接入开发.mp4
├─[6.2.3.8]--3-8远程仓库类型选择逻辑开发.mp4
├─{4}--第4章GitFlow初始化流程开发
├─[6.2.4.1]--4-1Gitee获取和创建仓库API接入.mp4
├─[6.2.4.2]--4-2Github获取和创建仓库API接入1.mp4
├─[6.2.4.3]--4-3Github&Gitee组织仓库创建API接入1.mp4
├─[6.2.4.4]--4-4gitignore文件检查.mp4
├─[6.2.4.5]--4-5git本地仓库初始化和远程仓库绑定1.mp4
├─[6.2.4.6]--4-6git自动化提交功能开发.mp4
├─{5}--第5章GitFlow本地仓库自动提交
├─[6.2.5.1]--5-1自动生成开发分支原理讲解1.mp4
├─[6.2.5.2]--5-2自动生成开发分支功能开发.mp4
├─[6.2.5.3]--5-3高端操作：自动升级版本号功能开发.mp4
├─[6.2.5.4]--5-4GitFlow代码自动提交流程梳理+stash区检查功能开.mp4
├─[6.2.5.5]--5-5代码冲突处理+Git代码删除后还原方法讲解.mp4
├─[6.2.5.6]--5-6自动切换开发分支+合并远程分支代码+推送代码功能开发.mp4
├─{6}--第6章本周加餐：Node编码最佳实践
├─[6.2.6.1]--6-1Node最佳实践学习说明.mp4
├─[6.2.6.2]--6-2Node项目架构最佳实践.mp4
├─[6.2.6.3]--6-3Node异常处理最佳实践.mp4
├─[6.2.6.4]--6-4Node编码规范最佳实践.mp4
├─[6.2.6.5]--6-5Node测试+安全最佳实践.mp4
├─{7}--第7章周总结
├─[6.2.7.1]--7-1本周总结+作业.mp4
├─30脚手架发布模块云构建系统开发
├─{1}--第1章本周导学
├─[6.3.1.1]--1-1本周整体内容介绍和学习方法.mp4
├─{2}--第2章云架构模块架构设计
├─[6.3.2.1]--2-1详细分析为什么需要设计云构建系统.mp4
├─[6.3.2.2]--2-2云构建系统架构设计.mp4
├─{3}--第3章WebSocket快速入门
├─[6.3.3.1]--3-1WebSocket基本概念及同HTTP协议对比.mp4
├─[6.3.3.2]--3-2egg集成WebSocket服务.mp4
├─[6.3.3.3]--3-3WebSocket客户端开发.mp4
├─[6.3.3.4]--3-4WebSocket客户端与服务端交互流程分析.mp4
├─{4}--第4章Redis快速入门
├─[6.3.4.1]--4-1redis基本概念+安装方法+基本命令.mp4
├─[6.3.4.2]--4-2阿里云redis服务配置和远程连接方法讲解.mp4
├─[6.3.4.3]--4-3egg集成redis方法讲解.mp4
├─{5}--第5章云构建初始化流程开发
├─[6.3.5.1]--5-1CloudBuild类开发.mp4
├─[6.3.5.2]--5-2生成构建命令+构建命令检查开发.mp4
├─[6.3.5.3]--5-3通过CloudBuild创建WebSocket连接.mp4
├─[6.3.5.4]--5-4WebSocket超时自动断开连接逻辑开发.mp4
├─[6.3.5.5]--5-5WebSocket客户端和服务端通信优化.mp4
├─[6.3.5.6]--5-6云构建任务写入Redis.mp4
├─[6.3.5.7]--5-7创建云构建任务功能开发.mp4
├─{6}--第6章云构建执行流程开发
├─[6.3.6.1]--6-1云构建任务初始化流程开发.mp4
├─[6.3.6.2]--6-2云构建任务交互日志开发.mp4
├─[6.3.6.3]--6-3服务端源码下载+切换到开发分支功能开发.mp4
├─[6.3.6.4]--6-4服务端源码依赖安装+命令执行功能封装.mp4
├─[6.3.6.5]--6-5云构建任务执行逻辑开发.mp4
├─{7}--第7章周总结
├─[6.3.7.1]--7-1本周总结+作业.mp4
├─31脚手架发布模块云发布功能开发
├─{1}--第1章第一章本周导学
├─[6.4.1.1]--1-1本周整体内容介绍和学习方法.mp4
├─{2}--第2章云发布模块架构设计
├─[6.4.2.1]--2-1前端发布OSS架构设计.mp4
├─[6.4.2.2]--2-2云发布架构和流程设计.mp4
├─{3}--第3章云发布功能开发
├─[6.4.3.1]--3-1实现云发布前的预检查逻辑.mp4
├─[6.4.3.2]--3-2静态资源服务器类型选择逻辑开发.mp4
├─[6.4.3.3]--3-3云发布服务端预检查逻辑实现.mp4
├─[6.4.3.4]--3-4创建OSSbucket+OSS实例化开发.mp4
├─[6.4.3.5]--3-5云发布核心流程：上传OSS功能开发.mp4
├─[6.4.3.6]--3-6OSS域名绑定+CDN绑定.mp4
├─{4}--第4章云发布流程完善
├─[6.4.4.10]--4-10自动打tag+合并代码至master分支流程开发.mp4
├─[6.4.4.1]--4-1获取OSSAPI开发.mp4
├─[6.4.4.2]--4-2覆盖发布逻辑开发.mp4
├─[6.4.4.3]--4-3服务端缓存文件清除功能实现.mp4
├─[6.4.4.4]--4-4自动提交代码BUG修复.mp4
├─[6.4.4.5]--4-5history模式发布原理讲解.mp4
├─[6.4.4.6]--4-6history模式远程发布原理讲解.mp4
├─[6.4.4.7]--4-7脚手架自动上传模板逻辑开发.mp4
├─[6.4.4.8]--4-8获取OSS文件API开发.mp4
├─[6.4.4.9]--4-9上传模板功能实现.mp4
├─{5}--第5章本周加餐：node常用三方库介绍
├─[6.4.5.1]--5-1Node高分库：PDF文件生成工具——PDFKit.mp4
├─[6.4.5.2]--5-2NodeExcel处理库讲解.mp4
├─[6.4.5.3]--5-3命令行交互库Listr讲解.mp4
├─[6.4.5.4]--5-4利用Listr对项目自动创建Tag逻辑进行优化.mp4
├─{6}--第6章本周总结+作业
├─[6.4.6.1]--6-1本周总结+作业.mp4
├─32脚手架组件发布功能开发
├─{1}--第1章周介绍
├─[6.5.1.1]--1-1本周整体内容介绍和学习方法.mp4
├─{2}--第2章大厂物料体系介绍和前端组件平台架构设计
├─[6.5.2.1]--2-1大厂前端物料体系介绍.mp4
├─[6.5.2.2]--2-2组件平台架构设计.mp4
├─{3}--第3章脚手架组件创建和预览项目开发
├─[6.5.3.1]--3-1新的组件库模板开发.mp4
├─[6.5.3.2]--3-2组件库预览项目开发.mp4
├─[6.5.3.3]--3-3组件多预览模式开发.mp4
├─[6.5.3.4]--3-4将预览功能集成到组件库模板.mp4
├─[6.5.3.5]--3-5组件初始化时自动生成配置文件.mp4
├─[6.5.3.6]--3-6组件库命名优化.mp4
├─{4}--第4章脚手架组件发布流程开发
├─[6.5.4.1]--4-1组件仓库初始化流程优化.mp4
├─[6.5.4.2]--4-2组件上传前预检查流程开发.mp4
├─[6.5.4.3]--4-3组件发布前准备工作开发.mp4
├─[6.5.4.4]--4-4创建RDS组件表+后端MySQL插件集成.mp4
├─[6.5.4.5]--4-5组件上传数据库准备工作开发.mp4
├─[6.5.4.6]--4-6组件上传restfulapi开发.mp4
├─[6.5.4.7]--4-7组件上传数据库逻辑开发.mp4
├─[6.5.4.8]--4-8组件NPM发布逻辑开发.mp4
├─[6.5.4.9]--4-9组件自动生成远程仓库Tag问题解决.mp4
├─{5}--第5章本周总结+作业
├─[6.5.5.1]--5-1本周总结+作业.mp4
├─33组件平台开发
├─{1}--第1章本周导学
├─[6.6.1.1]--1-1本周整体内容介绍和学习方法.mp4
├─{2}--第2章组件平台架构设计和技术选型
├─[6.6.2.1]--2-1组件平台架构设计.mp4
├─[6.6.2.2]--2-2组件平台技术选型和框架搭建.mp4
├─{3}--第3章组件平台基础功能开发
├─[6.6.3.1]--3-1umi项目全局入口文件+国际化开发.mp4
├─[6.6.3.2]--3-2组件平台功能展示+页头页脚开发.mp4
├─[6.6.3.3]--3-3组件平台动态配置API开发.mp4
├─[6.6.3.4]--3-4前端动态配置API接入.mp4
├─{4}--第4章组件平台组件列表页面开发
├─[6.6.4.1]--4-1组件列表API开发.mp4
├─[6.6.4.2]--4-2测试组件数据创建.mp4
├─[6.6.4.3]--4-3组件列表页面开发.mp4
├─[6.6.4.4]--4-4组件卡片面板开发.mp4
├─[6.6.4.5]--4-5搜索框组件开发+模糊搜索API开发.mp4
├─{5}--第5章组件平台组件详情页面开发
├─[6.6.5.1]--5-1组件详情获取API开发.mp4
├─[6.6.5.2]--5-2组件基本信息样式开发.mp4
├─[6.6.5.3]--5-3组件代码+预览样式开发.mp4
├─[6.6.5.4]--5-4组件安装样式和复制命令功能开发.mp4
├─[6.6.5.5]--5-5组件多预览文件上传工作.mp4
├─[6.6.5.6]--5-6（本周难点）组件多预览文件上传开发.mp4
├─34项目单元测试用例设计和开发
├─{1}--第1章周介绍
├─[6.7.1.1]--1-1本周整体内容介绍和学习方法.mp4
├─{2}--第2章Mocha框架快速入门
├─[6.7.2.1]--2-1单元测试基本概念介绍.mp4
├─[6.7.2.2]--2-2mocha基本运行流程讲解.mp4
├─[6.7.2.3]--2-3mocha源码调试方法和执行流程分析.mp4
├─[6.7.2.4]--2-4mocha异步测试方法+nodeevenloop详细讲解.mp4
├─[6.7.2.5]--2-5断言库should.js快速入门.mp4
├─[6.7.2.6]--2-6async函数测试方法+钩子函数介绍.mp4
├─[6.7.2.7]--2-7独家测试和包容性测试介绍.mp4
├─{3}--第3章Package类用例设计和开发
├─[6.7.3.1]--3-1Package对象实例化测试用例设计和开发.mp4
├─[6.7.3.2]--3-2Package对象prepare方法测试.mp4
├─[6.7.3.3]--3-3Package对象核心方法测试.mp4
├─{4}--第4章Git类用例设计和开发
├─[6.7.4.1]--4-1Gitee类实例化测试.mp4
├─[6.7.4.2]--4-2Gitee获取用户和仓库信息API测试.mp4
├─[6.7.4.4]--4-4Git类测试开发.mp4
├─代码
├─admin-fe-branchs-master
├─admin-fe-branchs
├─biz-editor-server-branchs-master
├─biz-editor-server-branchs
├─cli-test-master
├─cli-test
├─event-analytics-server-branchs-master
├─event-analytics-server-branchs
├─h5-server-branchs-master
├─h5-server-branchs
├─imooc-cli-dev-master
├─imooc-cli-dev
├─imooc-cli-dev-server-master
├─imooc-cli-dev-server
├─imooc-cli-dev-template-master
├─imooc-cli-dev-templater
├─imooc-cli-master
├─imooc-cli
├─imooc-cli-server-master
├─imooc-cli-server
├─imooc-cli-template-master
├─imooc-cli-template
├─lego-bricks-master
├─lego-bricks
├─lego-master
├─lego
├─typescript-basic-master
├─typescript-basic
├─vue3-basic-master
├─vue3-basic© 版权声明
1.版权归原作者所有,本站资源都来源于网络收集或者交换，仅供个人学习交流使用，请试听后24小时内删除.
2.资料内容用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
3.本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责
4.请支持正版软件、得到更好的正版服务。
5.如有侵权请立即告知本站，本站将及时予与删除
THE END
