Web前端架构师|完结无秘

Web前端架构师|完结无秘课程介绍(A000941)：

• 超大复杂项目+高端技术+大厂规范+全局架构思维
• 系统培养大厂P7技术专家/中小厂前端Leader
• 6~8个月，让3年+前端完成] F Y J – @质的飞跃
• 这是一门专门培养前端架构师的高端课程

课程目录：

• 阶段一：课程设计及前端创建脚手h o d ! 0 –架开发
• 第1周 需求分析和架构设计：做什么，如何做？
• 开工之前，先来看看我们到底要做一个B c f : % ( } u什么项目，有哪些功能。然后站在上帝视角，从整体的架构层面，该如何设计该项目。
• 课程安排：
• 1、需求分析，到底要做一个什么产品
  2、项目f Y b 8 [ ] I K设计0 r : g j J，多o G ; V { U _ y j个项目之间的关系
  3、数据模型设计，各项目之间的数i X f据流转过程
  4、后台管理需求，管理h x % j员要管控什么内容
  5、统计需求，知道被访问了多少次
• 第W 5 h c *2周 脚手架架构设计和框架搭建
• 万丈高楼平地起，讲解大厂级别的脚手架是如何设计的，从头开始绘制架构设计图，并完成脚手架的框架搭建。
• 课程安排：
• 1、掌握脚手架的实现原理
  2、v = J掌握脚手架管理工具Lerna和常用操作
  3、基于Lerna构建脚手架项目
  4、图解脚手架架构设计
  5、脚手架工程体系设计
  6、深入阅读Lerna源码，剖析require.resoD { Tlve原理
• 第3周 脚手架核心流程开发
• 本周将完成脚手架内核@imooc-cli/core子项目设计，并开发脚手架的执行准备阶段和命x E M i a b : Y d令注册阶段。
• 课程安排：
• 1、脚手架核心子项目coh u % r e i O Pre包架构设计
  2、掌握脚手架node运行版本限制
  3、掌握脚手架root自动降级
  4、掌握npmlog实现自定义脚手架日志
  5、掌握脚手架用户主目录检查
  6、掌握脚手架入参解析和环境变量配置
  7、运用npm API实现脚手架自动更新
  8、掌握脚手架命令注册原理
  9、运用com* c t : fmander简化脚手架命令注册
  10、node支持ES模块化– ] R 6 r W标准的两种方法
• 第4周 脚手架命令注册和执行过程开发
• 本周将完成脚手架内核@imooc-cli/core子项目的执行命令阶段，我们将采用分离式架构设计、缓存结构设计大D s d ~ Z M 0 k幅提升脚手架的下载速度和执行性能。
• 课程安排：
• 1、掌握脚手架执行命令原理
  2、掌握高性能脚手架架构思路和具体方法
  3、封装通用的npm包管理类Package
  4、掌握API方式完成npm包下载和自动更新
  5、掌握\ g W w z 7 * 2 !脚手架缓存结构设计
  6、掌握Node多进程的四种实_ C t ` , }现方案
  7、深度解析Node多进程child_process库源码
• 第5周 脚手架创建项目流程设计w + Y和开发
• 本s z Q周将开发脚手架创建项目的@imot % Eoc-cli/init子项目，完成init包的准z $ r W备阶段和下载模板阶段开发。
• 课程安排：
• 1、脚B – 7 I [ C手架项目创建能力架构设计
  2、深入理解命令行交互原理和` L ( c * L :inquirer的应用
  3、掌6 ] % =握服务端框架egg.js的开发方法
  4、掌握云mongodb和egg接入mongodb方法
  5、运用egg.js+[ W Jmongodb构建项目模板API
  6、掌握正则表达式并完成项目名称自动格式化x t .
  7、掌握spinner实现命令行loading效果
  8、完成标准项目模板开发
  9、完成项目模板的缓存和下载功能
• 第6周 脚手架项目和组件初始化开发
• init包将完成项目和组件的初始化过程，本周将完成init包的安装模板阶段。
• 课程安排：
• 1、掌握脚手架标准安装模式和自定义安装模式实现原理
  2、x F D掌握eZ u h ? h r 6 .js模板的实现原理和开发方法
  3、基于eo S ~ 6js模板完成项3 [ o目模板动态化
  4、完成标准组件模板开发
  5、完成项目或组件项目标准安装流程开发8 k b t E J b K
  6、完成自定义项目模板初始化流程开发
  7、ejs源码解析——彻底搞P ~ = / d U n _ j懂ejs模板编译和渲染原理
  8、require源码解析——彻底搞懂Node.js模块加载原理
• 阶段T V l二：B端项目分析和C $ Y . , f V 1 =设计，编辑器初步编码，业务组件库的搭建
• 第7O \ J # G ) l周 B端项目需求分析 和 架构设计
• 对于一个复杂前端项目，在编码之前，分C ( , 5 Q e ^ % c析过程可谓是“磨刀不误砍柴工”，本周我们来给大家讲解怎样一步步抽丝剥茧，从需求到难点，再到系统整体设计。
• 课程安排：
• 1、整体需求分析初步 和 细化：编辑器需求分析
  2、编辑器开发的难点分析 和 难点可能使用解决方案
  3、整体架构设计
• 第8周 前端B . / L U * K基础技术回顾和巡礼
• 在课程正式开始之前，扎实的基础知识是本课程的必备条件。这一周，让我们一起来温习 – typescript，vue3，aW T F q 9nt-desing-vue 以及 webpack 和 rollup 的基础知识。
• 课程安排：
• 1、Typescripty g z H ^ 0 [ i ? – 进入类型的世界
  2、vue3 以及 新版全家桶 vuex，vue-router
  3、ant-design-vue – 完美支持 vue3 的组件库
  4、webpack 和 rollup – 现代打包工具双雄
• 第9周 项目# / f j . y ) ]整体搭建
• 万事开头难，本周我们使用技术储备中简介的知识，来O J 9 U搭建项目的大体结构和框架，包括 项目创建，代码结构，基础路由，基本布局和 基本的全局数据结构。
• 课程x B L U安排：
• 1、使用 imooc-cli 创建项目
  2、规定代码规范和项目结构 ，安装编辑器辅助插件
  3、使用 vue-rouW \ k c w E Dter 添加基础路由结构
  4、使用 ant-design-vue 搭建基础布局
  5、使用 vuex 创建项目的基本数据结构
• 第10周 编辑器基本布局，及业务组件库初步开发
• 本周从编辑器开始开发，完成编辑器的基本布局，并且分析组件属性和修改组件属性的对应关系，创建业务组件库的第一个组件，并且完成最简单的编辑器交互，最后提出了业务组件实时实现编辑更@ = ]新的解决方案。
• 课程安排：
• 1、创建编辑器的基本布局
  2、分析画布组成元素的组件属性
  3、创建第一个组件 LText
  4、属性和编辑组件的实现方案
• 第11周 掌握测试基本工具，给组件库添加单元测试
• 本周从什么是测试入手，简介了p L E测试的基本概念，介绍通用测试工具 Jest 和 Vue 测试框架 vue-tesj } y = v X + } At-utils，然后使用这两种工具完成LText组件的单元测试。
• 课程安排：
• 1、Jest 简介和基本用法
  2、f 7 K Yvue-test-utils 的基本h 6 4 Y用法
  3、为 Ltext 添加测试用例
• 第12周 通用上Q 8 p * + j – 3传组件开发以及使用
• 本周R Z ? |主要从业务组件 LImage 入手，从易到难使用 TDD 开发一个复杂的通用上传组件，之后将组件用于左侧组件列表中，完成图片. \ T H [ 5组件的功能。
• 课程安排：
• 1、为通用上传组件写需求。
  2、从易到难渐进式使用 TDD 的混合方式B G D H开发一个复杂的上传组件。
  3、将组件用于左侧组件列表用于创建 LImage 组件。
  4、衍生出来的一系列扩展知识：比Y W H如% ? k Vue3 组件的类型，Vue3n N 6 通信的几种方法，以及 Element PE @ d )lus Upload 组件的源码分析等。
• 第13周 业务组件库打包、发布，添加 CI/CD
• 本G * l周继续丰富业! y F 0 D ^务组件库的功能，将组件库剥离成单独的代码库，使用 rol; h u + 9 Blup 打包成多种 JS 模块形式，发布到 NPM，最后还使用 travis 完成了 CI/Ch | p f QD 流程。
• 课程安排：
• 1、创建单独的组件库代码库
  2、添加剩余的业务组件
  3、使用 rollup 打包生成多种 J) M n R _ . ? =S 模块
  4、发布至 npm 和 使用 husky 完成发布前测试
  5、使用 travis 完成组件库 CI/CD 功能
• 阶段三：从 0 搭建编辑器服务端
• 第14周 服务端技术选型（选修）
• 本周介绍做服务端必备的技能、框架、N J ` 9 ^ P 1 ` A工具和服务，以及为何选择他们。 这一章节是做服务端开发的基础知识（后端知识串E s 6 ~ M J + k讲s 4 1 & z | j，已经掌握的同学可以跳过）。
• 课程安排：
• 1、为何选择 koa2L _ * R A ; 框架，而不是 express egg nest.js
  2、三大常用数据库 Mysql Mongot r 4 2db Redis
  3、使用 JWT 做登录验证，放弃 Session
  4、用 jest 做单元测试和接$ : D ` ( z ;口测试
  5、pm2 和 nginx 能保证R Z M W Z H ; 9 H服务端高效稳定运行
• 第15周 服务端 CI/CD ：github自动化
• 本周我们使用 github actions 和 docker^ I N B 这两大利器，从 0 实现 CI/CD 流程。这一章节是做服务端开发的基础知识（后端知识串讲，已经掌握的同学可以跳过）。
• 课程安排：
• 1、github actions 一颗的 CI/CD 新星
  2、\ q & 4docker 让你一键拥有各种软件环境，如 Mysqlv A V
  3、docker-co* 7 Smpose 快速搭建测试环境
  4、提交代码，自动发布到测试机
  5、$ j p P + \ h Y +提交代码，自动触发单元测试
• 第16周 编辑器服务端基础 API 开发
• 本周正式; . 2 h 1 V开发业务开发。开发之前要做技术方案设计（接口设计，数据库设计），初始化项目环境和i ] S F _ # b B CI/CD 流程。s ( ] 9 m J K然后完成所有业务功能开发，同时进行单元测试和接口测试。
• 课程安排：
• 1、接口设计，捋一捋需要提供哪些 API
  2、数据库9 U # ! ; s Z设计，如何存储更加合理
  3、初始化项目环境，连接数据库，跑– 5 : D 3通 CI/CD 流程
  4、各个模块的代码介绍，不会一行一行带着写代码的
  5、单元测试和接口测试，边开发边测试，才能保证稳定性
• 第17周 编辑器服务端调用第三方服务
• 真正线上项目才需要这些功能，还要花钱购买第三方服务，一般课程不常见到。这些功能很实用，d & % G / 4 u很大众，学完即可照搬到M a ; d U L实际项目中。
• 课程` [ J安排：
• 1、用y y ^短信验证码实t T 5 O a ` 2现7 ) k T v登录
  2、内容安全检查，屏蔽所有黄色、血腥、政治敏感内容
  3、上传图片到阿里云 OSS
• 阶段四：完善B端所有功能，前后端结合和性能优化
• 第18周 编辑器组件图层面板功能开发
• 本周继续进行属性编辑面板` ( – q g H s % Q的功能，完成属性的分组功能，完成图层面板的显示 隐藏 锁定 排序等功能。最后完成背景设置面板的功# C t G G / [ E T能，在这个过程中，学习一系列第三方库的使用。
• 课程安排：
• 1、使用 cropper.js 开发 image processer4 , a Z r \ 组件
  2、同属性分组并H D 2 = D # ] a r且开发f W w ` ` u EditGroup 组件
  3、开发图层面板 并且 使用 vue-draggable-next 完成排序功能
  4、背景设置面板开发
• 第19周 让元素动起来 – 编辑器画布交互功能开发
• 本周是集中火力在编辑器交互功能上，完成元素B i ^ R .的拖动定位，拖动改变大小，快捷键支持，Y r ~重做，回滚，右键菜单等一系列功能的开发。
• 课程安排：
• 1、拖动定位功能开发
  2、拖动改变大小功能开发
  3、使用 hotkeys js 开发快捷键功能
  4、实现 UY a | !ndo Redo 功能
  5、添加右键菜单功能
• 第22 m : @ N0周 前后端结合l = e – 编辑器整合后端接口
• 本周开始接入后端! L F ] 1 ]开发，实W } H ? w (现作品的预览，保存，自动保存，发布和渠道编辑等一系列功能。
• 课程安排：
• 1、预I G % #览功能开发
  2、保存和自动保存功能
  3、使用 html2canvas\ H p K r N U 0 生成截图并发布作品
  4、使用 q= 6 % h \rcodejs2 生成二维码并实现渠道编辑功能
• 第21周 整合开发 B 端其他页面的各种功能
• 这周来完成其他页面的分析和编码工作，在这个过程中我们最重要的是掌握几个重要的第三方库以的用法及Y ! R它们的原理，以及通过一个比较复杂的钩子函数加强 vue3 composition API 的应用。
• 课程安排：
• 1、使用HTML2Can$ o %vas 完成页面元素H ) G f # ? 9 6截图
  2、使用 QRCode 生成二维码
  3、使用 Clipboard.js 完成拷贝文字到剪贴板
  4、编写 useLoadMore 钩子函数
  5、使用 FileSaver.js 完成文件C l H ^ 2 v G i r的下载
• 第22周 大型项目的编译，部署以及性= b B ^能优化
• 这一周我们来完成一个大型项目开发完毕以后的过程，那就是将在本地运行的项目编译成符合线上要求的版本，将它部署上线，并且尽可能的完成性能优化。
• 课程安排* i # R：
• 1、Vue Cli 编译的环境，过程l 1 R和模式
  2、Webpack 的基础回顾以及 Loader 和 Plugin 的原理
  3、Webpack 打包的分析和优化手段
  3、HTTP 传输的优化手段
• 阶段五：完善服务端，发布上线
• 第23z k Q周 基于Vue3 SSR渲染作品H5页。
• 编辑器可以创建、保存和发布作品，但发布后的作品如何查看？本周就来搞定。我们不仅要把 H5 页渲染出来，考虑 H5 前端的各项工作，还Z @ U p A w要打包、发布静态文件到 OSS 。
• 课程安排：
• 1、技术方案设计，如何才能渲染出页面
  2、初始化项目，跑通 CI/CD 流程
  3、Vue3 SSR 渲染页面，基于 lego-coX M ] ~mponents 组8 | + x D件库m { ` 7 . % 8 B \
  4、webpack 打包文件，发布到? # } g OSS
  5R ! ; ) Q O f _、h5 前端功能，如事件跳转、url 参数处理
  6、h5 响应式，让页面适配所有手机屏幕
  7、% U S 3 T u @ C 0微信分享，前后端配合使用微信 jssdk
• 第24周 自研统计服务，使作品能实现分渠道统计
• 自定义事件统^ _ n : n P E计，是一个线上产品必备的统计功能。目前市面上没有o ! v ~ [ V \ ?合适的第三方服务，干脆我们就自d ] 7 6 –研一个。包括收集日志、分析日志、Open API 功能。
• 课程安排：
• 1、技术方案设计，看如何实现一个统计服务
  2、nginx 服务收集统计日志
  3T V h V [ / `、定时拆t E * B m X分日志文件，按天拆分
  4、定时分析日志，离线计算统计结果，存入数据w f 9 /库
  5、提供 Open API ，获取统计结果
  6、定时清理过期日志文件，让硬盘无压力
• 第25周 后台管理：d \ \ 5 x Q + E让所有数据都在我们的掌控J G f之中
• 一个完善的线上产品，后台管理是必备的模块。我们可以查看网站内容数据，管理用户、作品和模板，推荐优质内容，屏蔽垃圾数据。
• 课程安排：
• 1、需求分析，到底需要查看和管理哪些数据？
  2、技术方案设计，如何实现这些功9 & . C能
  3、umijs 脚手架，创建 React 前端项目，跑通 CI/CD
  4、使用 Re1 f dact Hooks 开发前端页面
  5、开发服务端接口，跑通 CI/CD
  6、作业：写各个系统a D E V I的单元测试和接口测试
• 第26周 发布到阿里云服务器，支持快速回滚
• 既然是真实的线上{ @ Y产品，就需要购买各种云服务，配置= f 4 F c Y i H b服务器和数据库，然后正式发布到线上环境，一旦遇到问题还要能快速回滚。
• 课程安排：
• 1、配置云服务器，安装必备软件
  2、配置云数据库，创建账户，开通 IP 白名单
  3、流程设计，基于 git tag 和 github^ } j + m } t actions 实现发布和回滚* A V B A 6
  4、nginx 配置和二级域名转发
  5、线上日志拆分，nginx 日志和 pm2 日志
• 第27周 运维监控和报警
• 一W % \ ) | e x } j个完善的线上产品，必须有完善的运维体系，才能保证稳定运行。包括服务器监控，报警，以及网络安全预防。
• 课程安排：
• 1、服务器监控，实时检测 CPU 内存 硬盘的健康状况
  2、心跳检测，对接口[ 4 T E G A * =自动定时“体检”
  3、统一异常处理，出问题 catch 住，不崩溃
  4、报警，有问题第一时间发送邮件和短信
  5、万一出问题或内存泄露，自动– 3 4 ^ J `重启服务
  6、安全预防，防刷、防爬、防网络攻击
• 阶段六：前端发布脚手架开发
• 第28周 脚手架发布模块z z \ $架构设计和核心流程开发
• 完成项目开发后，需要进行前端发布，脚手架的@imooc-cli/publish子项目将完成项目c G \ P V w s和组件的标准发布流程，3 g t x本周将完成publish包的架构设计和核心流程开发
• 课程安排：
• 1、掌握项目/组件标准发布流程架构设计和流程图绘制
  2、掌握自动化git流程架构设计和实现细节
  3、掌握云构建实现原理和实现细节
  4、掌握项目/组件发布原理和实现细节
  5、完成publicP Z U n子项目创建和主流程开发
• 第29周 脚手架发布i Z Q ` D V Y模块git自动化流程开发
• 本周将完成项目发布过程中的git flow流程开发，遵循标准的git flow流程，学会可快速改造和优化日常开发中的git处理流程，巩固git的各种使用技巧和方法。
• 课程安排：
• 1、掌握git操作方法和git flow流程
  2、封装通用的git处理类Git
  3、掌握git处理过F d S H + E程中的缓存结构设计
  4、掌握git处理过程中的% + S s k 7 L各种异常流程
  5、完成GiP = Pthub & Gitee Open API接入
  6、Git@ 6 l % 3类准备阶段开发，– ; / Z s o完成各种git配置初始化
  7、Git类初始化阶段开发，完成git仓库初始化、remote自动关联、强制合8、并远程代码等功能
  9、Git类分支自动比对功能开发，完成代码冲突检查、K : _ u ! / = P #stash区自动检y o $ l ^ G查、10、自动同步mas( D N p * | \ Fter分支等功能
  11、完成Git类代码自动提. v ! Q P o u ; –交功能开! F k a z p发
• 第30周 脚手架发布模块云构建系统开发
• git flow流程完成后，我们将] A I – [ F 6 _ y进入脚手架中最重要也是难度最高的一个环节，即云构建系统开发，本周我们通过egg.js+WebSocket+Redis最终实现完成云构建模块开发。
• 课程安排：
• 1、封装通用的云– ~ 2 d C构建类CloudBuild
  24 t I、掌握WebSocket通信协议和开发方法
  3、应用egg-socket.io插件快速接入WebSocket服务
  4、掌握Redis缓存数据库的应用
  5、应用egg-redis插件快速接入Redis服务
  6、完成CloudBuild准备和预发布阶段开发，完成发布前配置和各类检查
  7、掌握服务端CloudBuild处理流程和实现逻辑
  8、服务端CloudBuildTask类封装，完成预处理、源码下载、云构建等流程开发
  9、大作业：CloudBuild构建和依赖安装指令动态化功能设计和实现R [ 8
• 第31周 脚手架发布模块云发布功能开发
• 脚手架云构建模块开发完成后，本周S p ? 7 C h将继续完成项目的云发布流程开发。
• 课程安排：
• 1、u 5 ` N h c . _ l掌握前端云发布逻辑实现
  2、掌握oss入门使用2 K C \ 3方法
  3、完成服务端oss API接入
  4、掌握oss域名绑定+cdn接入
  5、掌握项目预发布和正式发布流程
  6、掌握项目回滚等异常流程处理
  7、完成发布后自动打tag和开发分支删除功能
  8、完成发布流程整体开发和联调
  9、大作业：项目回滚+多版本发布功能架构设计和具体实现
• 第32周 脚手架组件发布功能开发
• 项目发布流程已经调通，本周将完成组件发布流程开发，组件发布流R S * j n { 0 | j程和项目不同，主要差异在于：组件需要发布到npm和组件信息需要落库，所以需要不同的处理方式。
• 课程安排：
• 1、完成组件git flow流程开发
  2、掌握组件构建和发布流程设计
  3、掌握组件预览功能设计
  4、完成组件构建和发布流程开发
  5、完成组件预览功能开发
  6、掌握RDS开通和使用7 f 5 h J ) J 3方法
  7、掌握egg.js+my? u ! *sql的开发方法
  8、完成组件相关API的开发方法
  9、完成组件发布全流程联调
  10、完成脚手架整体发布和上线
• 第33周 组件平台开发
• 本周将基于umi完成5 0 d 0 l S Y 9组件库前端部分创建，同时结合react hook开发组件库的前端页面，并将组件库发布上D t w | $线。
• 课程安排：
• 1、掌握umi项目的开发方法
  2、掌握react hook的开发方法
  3、完成antd组件库集成
  4、完成组件列表页开发
  5、完成组件详情页开发
  6、完成组件平台上线
• 第34周 项目单元测试用例设计和开发
• 讲% h N _ ; 1解如何开发单元测试用例，并开发测试代码。
• 课程安排：
• 1F Y s z a a、掌握脚手架单元测试库mocha
  2、掌握测试用例设计技巧
  3、完成脚手架单元测试用例设计
  4、完成init库测试用例开发和调试
  5、完成publish库测试用例开发和调试8 } F b
• 阶段七：架构师领导力培养
• 第35周 大厂如何管理多人协作的研发项目
• 本周带领大家进入大R 4 ( w j \ ~厂文化 ，了解大厂如何做项目管理，多人协作的管理，以及团队人员的管理，课程内容复盘，未来技术的发展分析。
• 课程安排：
• 1、软件研发流程概述，先有一个整体的认识
  2、敏感项目研发流程，以及常用工具
  3、制定项目计划，包括范围 WBS，时间，质量，风险，沟通
  4、计划监控，保证计划顺h / 6利执行
  5、项目功能迭E L M 8 s代和 bug 修复
  6、多人协作、工作分配和跟踪
  7、大厂绩效考核标准
  8、大厂人员面试标准
  9、大厂数值汇报方法和技巧
  10、大厂标准的工作交流方式
  11、整个课程内容复盘
  1s ( h o = ~ t \2、未来– \ v q _ r的技术展望

文件目录：

Web前端架构师完结无秘

│ ├─22大型项目的编译，部署以及性能优化

│ │ ├─1-1第22周前言更多课程微信-itspcool.mp4 341 : J p @ &.94MB

│ │ ├t % H \ N % l─2-1开发，预生产，生产环境的概念更多课程微信-itspcool.mp4 83.08MB

│ │ ├─2-2使用vuecli生成生产环境代码更多课程微信-itspcool.mp4 70.11MB

│ │ ├─2-3VueCLI中模式的概念以及简单使用@ a : W I更多课程微信-itspcool.mp4 63.82MB& { o v ~ n W

│ │ ├─2-4使用环境变量文件第一部分更多n g R z b L b课程微信-itspcool.mp4 65.2MB

│ │ ├─2-5环境变量设置第二部分创建预发布环境变量文件更多课程微信-itspcool.mp4 79.38MB

│ │ ├─3-` } # y & v % J #1WebpE n w Y N h `ack基本概念回顾更多课程微信-itspcool.mp4 105.22MB

│ │ ├─3-2动手y L ( (写一个WebpackLoader第一部分更多课程微信-itspcool.mp4 68.25MB

│ │ ├─3-3动手写一个WebpackLoader第二部分更多课程微信-itspcool.mp4 79.41MB

│ │ ├─3-4动手写一个Webpackplugins第一部分更多课程微信-/ : 9 V f ?itspcool.mp4 107.81MB

│ │ ├─3-5动手写一个Webpackplugins第二部分更多课程微信-1 J 9 ) 2 | , T Eitspcool.mp4 67.4MB

│ │ ├─4-1vue.config.js简介更多课程微信-itspcool.mp4 94.12MB

│ │ ├─4-2安装webpack-bB m { ~ J Q D `undle-analyzer插件更多课程微信-itspcool.mp4 68.8MB

│ │ ├─4-3webpack打包优化g 7 L g N j第一部分c g \ A y w W m :：移除不需要的第三方库更多课程微信-itspcool.mp4 100.82MB

│ │ ├─4-4q m % $ = , f 2webpack打包优化第二部分：按需加载ant-desig更多课程微信-itspcool.mp4 95.6MB

│ │ ├─4-5webpack打s ` z – H % B h包优化第三部分：分析第三方库继续优化的方案更多课程微信-itspcool.mp4 82.53MB

│ │ ├─4-6手动分割第三方库成多个文件更多课程微信-itspcool.mp4 110.96MB

│\ r ; │ ├─4-7按照模块大小自动分割第三方库更多课程微信-itspcool.mp& ? ; 5 k x 6 ^4 74.51MB

│ │ ├─4-8实现路由懒4 o ? X { i _ B \加载更多课程微信-itspcool.mp4C Q N O h z @ 97.04MB

│ │ ├─4-9使用chainWebpack修改webpack已有配置更多课程微信-– S M c : Nitspcool.mp4 77.91MB

│ │ ├─5-1部署的概念更多课程微信-itspcoo: 8 T 3 0 g cl.mp4 42.37MB

│6 c P { s 3 E ? u │ ├─5-2nginx安装和简单配置更多课程微信-itspcool.mu C C Lp4 136.75MB\ f k

│ │ ├─5-3HTTP缓存设置第一部分：Expires和Cache-Co更多课程微信-itspcool.mp4 80.98MB

│ │ ├─5-4HT8 d 4 H c Q 4 $ FTP缓存设置第二部分：E! I 8 jtag和Last-[ _ 0 m rModifi更多课] C ^ m p F程微信-itspcool.mp4 129.67MB

│ │ ├─5-5使用gzip压缩对应的HTTP请求资源更多课程微4 r I – 5信-itX | ~ ? K – v Rspcool.mp4 57.05MB

│ │ ├─5-6使用Brotli完成HTTP压缩优7 W ~ K n ] , # 9化更多课程微信-itspcool.mp4 72.54MB

│ │ ├─5-8使用keep-alive减少多次TCP连接更多课程微信-itspcool.mp4 72.19MB

│ │ ├─5-9使用HTTP2大幅提升加载速度更多课程微信-itspcool! f [ B.mp4 93! _ . e ~ k m F.37MB

│ │ └─6-1第22周总结更多课程微信-itspcool.mp4 54.18MB

│ ├─23基于VuA # ge3SSR渲染作品H5页。

│ │ ├─2-2回顾此前的技术方案设计更多课程微信-itspcool.mp4 90.07MB

│ │ ├─2-3回顾发布功能和url设计更多课程微信-it, % ] Z 0 + dspcool.mp4 60.98MB

│ │ ├─2-4整体设s s E计思路-使用SSR更多课T 1 z = P 8 P q G程微信-itspcool.mp4 88.96MB

│ │ ├─2-5整体设计思路-使用缓存更多` ; \ a l A ;课程微信-itspcool.` W \ A h ? | bmp4 83.22MB

│x A w 1 ) o 8 O │ ├─2-6整体设计思路-网页前端功能更多课程微信-itw , Z $ 4spcool.mp4 53.46MB

│ │ ├─2-7写技术方案设计文档更多课程微信-itspcool.mp4 68.08MB

│ │ ├─3-1搭建项目环境-章介绍更多课程微信-itspcooe _ e q h * 2 . #l.mp4 20.53MB

│ │ ├─3-2回顾biz-edtior-server项目环境更多课程微信-itspcool.mp) @ j4 106.65MB

│ │ ├T q v n – J X W─3-3初始化项t E . ?目环境更多课程微信-itspcool.mp4 81.32MB

│ │ ├─3-4连接本地数据库更多课程微信-itspcool.mp4 92.27MB

│ │M + W } ] ) E , j ├─3-5Docker0 m \ \ ` k I bfile的配置解读更多课程微信-itspcool.mp4 87.43MB, 8 Q t P l

│ │ ├─3-6docker-P x C X (host访问宿主机（% F 2 I i # ! V i重要）更多课程微信-itspcool.mp4 115.5MB

│ │ ├─3-7githubactions自动部署到测试机-更多课程微信-itspcool.mp4 67.98MB

│ │ ├─3-8搭建项目环境-章总结更多课程微信-itspcool.mp4 7.69MB

│ │ ├─4-1Vue3SSR渲染页面X t 9 ? M h V q-章介绍更多课程微信-itspcool.mp4 21.7MB

│ │ ├─4-2开发路由-发布页面更多课程微信-itspco= , ` u $olz } R c.mp4 117.93MB

│ │ ├─4-3开发路由-cont~ I ! # * n e %roller和cache更S P X W多课程微信-itspcool.mp4 131.22MB

│ │ ├─4-4Vue3SSR调研更多课程微信-itR S & [ ? d xspcool.mp4 95MB

│ │ ├─4-5Vue3SSR渲染页面html更多d / a E j U =课程微信-itspcool.mS Z 6 3 w f o } Hp4 170.29MB

│ │ ├─4-6px转换为vw更多课程微信-itspcool.mp4 139.53MB

│ │ ├─5-1H5前端功能开发-章介绍更多课程微信-itspcool(1).mp4 73.19MB

│ │ ├─5-1H5前端功能开发-章介绍更多课程微信-itspcog 9 0 0 H z . c qol.mm \ m , Gp4 73.19MB

│ │ ├─5-2webp: b & H f gack打包静态文件更多课程微信-itspcool.mp4 170.78MB

│ │ ├─5-3动态引/ 6 G入打包出来的js和css文件更多课程微信-itspcool.mp4 191.48MB

│ │ ├─5-4静态文件上传到CDN更多课程微信-itsp( S 8 Z k = R 2cool.mp4 80.29MB

│ │ ├─5-5前端功能开发-渠道检查和统计更多课程微信-itspcool.mp4 79.07MB

│ │ ├─5-6h5实现事件跳转更多课程微信-itspcool.mp4 85V W k.26MB

│ │ ├─6-1微信jssdk配置-章介绍; _ U O Q m p S &更多课程微信-itspcool.mp4 105.32MB

│ │ ├─6-2生成微信jssdk配置的主要流程更多课程微9 R A S t信-itspcool.mp4 142.82MB

│ │ ├─6-3生成微信jssdk配置的流程-细节更多课程微信-i4 B = J \ |tspcool.mp4 170.4@ y R3MB

│ │ ├─6-4生成微信M ! ( G &jssdk配置的代码演示m [ c R 5 r ) [ K更多课程微信-itspcool.mp4 199.3MB

│ │ ├─6-| } 3 l s n f5微信分享的线下调试方法更O N E g S % # \ o多课程微信-itspcool.mp4 115.6f 9 t O u z . a w4MB

│ │ ├─6-6微信jssdk配置-章总结更l $ Z 5 T多课程微信-itspcool.mp4 15.97MB

│ │ ├─^ X % F 7 b 67-1关+ \ \ # ~ e E = R于单元测试-留作业更多课程微信-itspcoo: l w 6 1 r E . Zl.mp4 43.22MB

│ │ └─^ m – q v s7-2周总结更多课程微信-itspcool.mp4 50.14MB

│ ├─24自研统计服务，使作品能: { ] l d实现分渠道统计

│ │ ├─1-1周介绍更多课程微F 9 y ^ S 6 A信-$ b v j d N 5 – :itspcool.mp4 108.21M% k E 8 DB

│ │ ├─2-1技术方案设计-章介绍更多课程微信-itspcool.mp4 18.74MB

│ │ ├─2-2回顾和事件统计相关的内容更多课程微信-itspcool.mp4 69.33MB

│ │ ├─2-3技术方案设计-nginx收集日志更多课程微信-itspcool.mp4 121.m I K z m G q Q84MB

│ │ ├─2-O b x X S4技术方案设计-定时任务更多课程微信-itspcool.mp4 139.56MB

│ │ ├─2-5技术方案设计-章总结更多课程微信-itspco– b { . G Ool.\ H J 3 a { H ! (mp4 4? P v x } ;.7MB

│ │ ├─3-1nginx收集日志-章介绍更多课程微信-itspcool.mp4 20.21MB

│ │N i 3 ├─3-2nginx安装和配置更多课程微信-itspcool.mp4 131.98MB

│ │ ├─3-3lD f F r xinuxN | n E t 4 C定时任务crontab更多课程微信-itspcool.mp4 106.73MB

│ │ ├─3-4nodejs定时任务nT C o & w * d Tode-cron更多课程微信-itspcoolR A I J.mp4 61.6MB

│ │ ├─3-5定时拆分日志文件更多课程微信-itspcool.mp4 113.41MBb + 1 x N [ e a K

│ │ ├─4-1分析日v : v H `志计算结果-章介绍更多课程微信-h y C 8 0itspcool.mp4 46.11MB

│ │ ├─4-2技术方案设计-url参数设计更多课程微信-itspcool.mp4 75.41MB

│ │ ├─4-3技术方案设计-数据结构更多课程微: m a T L a / ( C信-itspcool.mp4 79.69MB

│ │ ├─4-4分析日志计算结果更多课程微信-itspcool.mp4 180.67MB

│ │ ├─4-5计算结果写入数据库更多课程微信-itspcool.mp4 61.41MB

│ │ ├─4-6单元n X /测试更多课程微信-iW P \ k s q 9tspcool.mp4 130.05MB

│ │ ├─4-k X – k K F b 07分析日志计算结果-章总结更多课程微信-itspcool.mp4 12.64MBu J Z Z

│ │ ├─5-1OpenAPI章介绍更多课程微信-itspcool.mp4 37.72MB

│ │ ├─5-2初V ( G \始化Koa2环境更多课程微信-itspcool.mp4 55.92MB

│ │ ├─5-3开发路由更多课程微信-itspcool.mp4 129.23MB

│ │ ├─5-4接口测试更多课程微信-itspcool.mp4 59.77MB

│ │ ├─5-5测试机部署ng~ M * 8 o – \inx服务更多课程微信-itspcool.mp4 79.67MB

│ │ ├─5-6OpenAPI部署到测试机更多课程微信-itspcool.mp4 124.68MB

│ │ └─e O Z . Z5-7OpenAPI章总结更多课程微信-itspcool.mp4 18.56MB_ 5 % t L ? 7

│ ├─X Y [ , ` n ^ =25后台管理：让所有数据都在我们P ) ! f h l的掌控之中

│ │ ├─1-1周介绍更多课程微信-itspcool.mp4 69.03MB

│ │ ├─2-1需求分析和技术方案设计-章介绍更多+ ] P z H l课程微信-itspcool.mp4 11.22MB

│ │ ├─2-2需求分析更多课程微信-itspcool.mp4 110.8MB

│ │ ├─2-3技术方案设计更多课程微信-itspcool.mp4 155.39MB

│ │ ├─3-1前端开发-章介绍更多课程微信-itspcool.mp4 21.29MB

│ │ ├─3-2umijs初始化项目环境更多课程微信-0 i d & Mitspcool.mp4 128.19MB

│ │ ├─3-3封装ajax和host更+ i h c . o B d多课程微信-itspcool.mp4 82.64MB

│ │ ├─3-4登录信息验证更多课程微信x u = L | n J 6-itspcool.mp4 75.23MB

│ │ ├─3-5各个页面的功能开发更多课程微信-itspcool._ A Y Wmp4 192.49MB

│ │ ├─: U P q C z i3-6e J t ) 5 U D T首页dashboard开发更多课程微信-itspcool.mp4 127.3MB

│ │ ├─3-7发布到测试机更多课程微信-itspcoo? 0 e t b l ^ 1l.mp4 143.15MB

│ │ ├─3-8前端开发-章总结更多课程微信-itspcool.mp4 21.76MB

│ │ ├─4-1服务端开发# v – & # p * T Q-章开始更多课程微信-i) 0 : ? ] y btspcool.mpO – T 1 C d4 8.79MB

│ │ ├─4-2服务端代码结构更多@ s K & * L q课程微信-itspcool.mp4 41.01MB

│ │ ├─4-3按月统计的功能如何实现更多课O : M 9 f G程微信-itspcool.mp4 59.27MB

│ │ └─4-4服务端开发-章总结更多课程微信-itspcool.mp4 10.6MB

│ ├─26发布到阿里云服务器，支持快速回滚

│ │ ├─1-1周介绍更多课程微信-itspcool.mp4 72.54MB

│ │ ├─2-1购买和配置服务器-章介绍更多课程微信-itspcool.mp4 29.7MB

│ │ ├─9 / / ~ R 4 52-2购买服务更多H Z G / 5 J 5 ,课程微信-itspcs E e W e j h & 3ool.mp4 119.28MB

│ │ ├─2-3配置服务器和数据库更多课程微信-it2 R e J Q f . 4 fspcool.mp4 1P \ G N U i35.04MB

│ │ ├─2-4购买和配置服务器-章总结更多课程微信-itspcool.mp4 20.36MB

│ │ ├─3-1上线和回滚-章介绍更多课程微信-P x u Gitspcool.mp4 54.48MB

│ │ ├─3-2使用gittag和githubactions发布上线更多课程微% u N J I 2 H h ;信-itspco1 * 5 . y 7ol.mp4 122.89MB

│ │ ├─3-3一键生成tag更$ ^ O多课程微信-itspcool.mp4 12j @ 25.! / O i F E . }77MB

│ │ ├─3-4使用release-it更多课程微信-itspcool.mp4 64.6MB

│ │ ├─3-5所有项目发布上线更多课程微信-itsV L a j 8 fpcool.mp4 86.04MB

│ │| C D C g N [ y 6 ├─3-6上线和回滚-章总结更多课程微信-itspcool.} B e 9 +mp4 37.13MB

│ │ ├─4-1B ) o o 1 F 1 + A域名转发和nignx配置-章介绍更多课程微信-itspcool.mpl – S G A n a Z4 21.59MB

│ │ ├─4-25 y ^ 6 0 R 4 G域名的购买和配置更多课程微信-itspcool.mp4 126.11MB

│ │ ├─4-3nginx配置更多课程微信-itspcool.mp4 132.98MB

│ │ ├─4-4线上环境的CORS配置更多课程微信-itspcoot r w C # Q E 8 _l.mp4 43.16MB

│ │ └─4-5线上日志拆分更多课程微信-itspcool.mp4 125.16MB

│ ├─27F u [ U运维监控和报警

│ │ ├─k / w c % e , S W1-1周介绍更多课程微信-itspcool.mp4 59.69MB

│ │ ├─2-1异常处理和安全预防-章介绍更多课程微信-itspcool.mp4 42.38MB

│ │ ├─2-2统一异常处理更多课程微信-itspcoo] 0 8 O X f 5l.mp4 73.38MB

│ │ ├─2-3预防内存泄漏更多课程微信-itspcool.mp4 45.17MB

│ │ ├─2-4安全预防更多课程微信-itspcool.mp4 107.07MB

│ │ ├─2-5预防网络攻击更多h s J F课~ 8 w . o e e程微信-itspcool.mp4 112.66MB

│ │ ├─2-6关于短信验证码接口更多课程微信-itspcool.mp4V @ Y 9 51.94MB

│ │ ├─2-7异常处理和安全预防-章总结更多课程微信-itspcool.mp4 6.9MB

│ │ ├─3-1监控和报警-章介绍更多课程微信-itspcool.mp4 36W R `.87MB

│ │ ├─3-2心跳检测更多课程微信-itspcool.mp4 98.25MB

│ │ ├─3-3心跳检测是否需要X Q c单独拆分出来？更多课程微信-i} b J v i – = z ?tspcool.mp4 55.03MB

│ │ ├6 u G } ; (─3-4报警的范围更多课程微信-itspcool.mp4 39.92MB

│ │ ├─3-5邮件报警的实现更多0 e 7 e X N Y F课程微信-itspcool.B = \ ? Lmp4 147.45MB

│ │ ├─3-6安装alinode更多课程微信-itspcool.mp4@ E b 4 x v F 14/ q 31.67MB

│ │ ├─3-7alinode设置报警更多课程微信-itspcool.mp4 45.72MB

│ │ ├─3-8监控和报警-章总结更多课程微信-itspcool.mp4 7.74MB

│ │ └─4-1周总结更多课程微信-itspcool.mp4 17.89{ * Z c 3 I 9 3 3MB

│ ├─28脚手架发布模块架构设计和核心流程开发

│ │ ├─1-1本周整体内容介绍和学习方法更多课程微信-itspcool.m– Y H ( op4 30.99MB

│ │ ├─2-1脚手架发布功能和流程讲解更多课程微信-itspcool.mp4 95.59MB

│ │ ├─2-2绘制项目发布架构设计图更多课程微* z 8 T信-itspcool.mp4 43.76MB

│ │ ├─3-1gitflow基础流程讲解更多课程微信-itspcool.mp4 87.87MB

│ │ ├+ ; A {─3-4脚手架gitflow执行阶段架构设计更多课程微信-itspcool.mp4 80.51MB

│ │ ├─4-1云构建+云发布整体流程设计更多课程微信-itspcool.mp4 21.34MB

│ │ ├─4-2云构建+云发布详细流程设计1更多课程微信-itspcool.mp4 27.12MB

│ │ ├─4-3云构建+云发布详细流程设计2更多课程微信-itsp) Q @ # + 6 d Bcool.mp4Z Z * H X , 97.94MB

│ │ ├─4-4深入讲解云发布原理更多课程微信-R k 9 * ~ ( h B iitsB u a fpcool.mp4 75.22MB

│ │ ├─5-1创建publish模块更多课程微信-itspcool.mp4 62.] k C21MB

│ │ ├─5-2publisk V K # K [ Fh基本流程开发更多课程微信-itspcool.mp4 68.96M) G $ / Z |B

│ │ ├─5-Q 6 ; s k f 9 q Q3项目发布前预检查流程d i _ 0 5开发更多课程微信-itspcool.mp4 70.33MB

│ │ ├─6-10深入解析_ $ B H –router-view源码更多课程微信-itspcool.mp4 186.16MB

│ │r ` ! ! m } x H # ├─6-1vue-router-ne\ g { 2 r R a ( Lxtt \ ` 1 \ s w完整运行流程解析更多课程微信-itspcool.mp4 118.78MB

│A % } D i – ~ n │ ├─6-5vue3高级特性：vue插件+provide跨组件通信更多课程微信-itspcoh S D P 0 Xol.mp4 29.62MB

│ │ ├─6-6vue-routerQ _ s r 6 ~ z x E路由跳转核心源码分析更多课程微信-itspcool.mp4 307.78MB

│ │ ├─6Z q ~ y X ^ & J c-7vue-router路由匹配源码分析更多课程微信-itspcool.mp4 63.87MB

│ │ ├─6-8vueR F @ y3新特性defineComponent讲解1更多课程微信-itspcool.mp4 38.3MB

│ │ └─6-9vue3新特性defineComponent讲解2更多课程微信-itspcool.mp4 34.5MB

│ ├─29脚手架发布模块git自动化流程开发

│ │ ├─1-1本周整体内容介绍和学习方法更J m S r J – Z a多课程微信(php-+ Q 1er).mp4 33.22MB

│ │ ├f H U (─2-1GitFlow模块架构设计更多课程微信(php-er).mp4 65.51MB

│ │ ├─2-2GitFlow流程回顾更多课程微信(php-e: S b ! b n % E nr).mp4 15.52MB

│] c k 2 g [ h │ ├─3U f D r U E O &-1创建Git类更多课程微信(php-er).mp4 80.81MB

│ │ ├─3-2用户主目录检查逻辑开发更多课程微信(php-er).mp4 50.23s e 0 ) JMB

│ │ ├─3-3选择远程Git仓库逻辑开发更多课程微信(php-er).mp4 152.52MB

│ │ ├─3-4创建GitServer类更多课程微信(php-er).mp4 90.07MB

│ │ ├─3-5生成远程仓库Token逻辑开发更多课程微信(php-er).mp4 196.99MB

│ │ ├─3) V ~ r ?-6Gite. e $ R f * E n feAPI接入+获取用户组织信息功能开发更多课程微信(php-er).mp4 129.06MB

│ │ ├─3-7GithubAPI接入开发更多% v u 3 r . ] n课程微信(php-er).mp4 130.92MB

│w , u │ ├─3-8远程仓库类型选择逻辑I B t % S D w A }开发更多课程微信(php-er).mp4 138.} % G o O F t x }65MB

│ │ ├─4-1Gitee获取和创建仓库API接入更多课程微信(php-er).mp4 213.39MB

│ │ ├─4-2Github获取) S – B Z和创建仓库API接入1更多课程微信(php-er).mp4 83.7MB

│ │ ├─4-3Github&Gitee组织仓库创建API接入1更多课程微信(php-er).mp4 93.75MB

│ │ ├─4-4gitig\ 2 C T { N t mnore文件检查更多课程微信(php-er).mp4 34.72MB

│ │ ├─4-5git本地仓库初始/ | ) w化和远程仓库绑定1更多课程微信(php-er).mp4 89.23MB

│ │ ├─4-6git自动化提交功能开发更多课程微信(php-er).mp4 120.21MB

│ │ ├─5-1自动生成开发分支原理讲解1更多课程微信(php-er).mp4k 9 h 2 ` r 71.69MB

│ │ ├─5-2自动生成开发分支功能开发更多课程微信(php-er).mp4 102.94MB

│ │ ├─5-3P M j高端操作：自动升级版本号功能开发更多课程微信(php-er).mp4s F V T # y 112.98MB

│ │ ├─5-4GitFlow代码自动提交流程梳理+stash区检查功能开更多课程微信(php-L n oerD . 2 q).mp4 66.63MB

│ │ ├─5-5代码冲突处理+Git代码删除后还原方法讲解更多课程微信(php-er).mp4 31.56MB

│ │ ├─5-6G ? | L : s自动切换开发分支+合并远程分支代码+推送代码功能开发更多课程微信(php-er).mp4 104.5MB

│ │ ├─6-1Node最佳实践学习说明更多课程微信(php-er).mp4 52.54MB

│ │J . { o ├~ g M─6-2Node项目架构最佳实践更多课程微信(php-er).mp4 114.45MB

│ │ ├─6-3Node异常处理最佳实践更多课程微信(ph% ! = hp-er).mp4 241.06MB

│ │ ├─6-4Node编码规范最佳实践更多课程微信(php-er).mp4 77.24MB

│ │ └─6-5Node测试+安全最佳实践3 Q $ a :更多课程微信(php-er).mp4 185.11MB

│ ├─30脚手架发布模块云构建系统开发

│ │ ├─2-1详细分析为什么需要设计云构建系统更多课程微信(php-er).mp4 63.57MB

│ │ ├─2-2云构建? : j系统架构设计更多课程微信(php-er).mp4 86.26MB

│ │r C A 5 y g h H a ├─3-1WebSocket基本概念及同HTTP协议对比更多课程微信(php-er).mp43 c a ! } 73.88MB

│ │ ├─3-2egg集成WebSocket服务更多课程微信(php-era x +).& I Qmp4 168.73MB

│ │ ├─3-3Web] D F uSocket客户端开发更多课程微信(php-er).mp4 48.51MB

│ │ ├─3-4WebSocket客户端与服务端交互流程分析更多课程微信(php-er).mp4 104.45MB

│ │ ├─4-1redis基本概念+安装方法+基本命令更多课程微信(php-er).mp4 80.06MB

│ │ ├─4-2阿里云redis服务配置和远程连接方法讲解更多课程微信(php-er).mp4 66.16Mb p L & z BB

│ │ ├─4-3egg集成redis方法讲解更多课程微信(php-er).mp4 117.28MB

│ │ ├─5-1CloudBuild类开发更多课程微信(php-er).mpo S ;4 55.7MB

│ │ ├─5-2生成构建命令+构建命令检查开发更多课程微信(php-er).mp4 69.57MB

│ │ ├─5-3通过CloudBuild创建WebSocket连接更多课程微信(php-er).mp4 59.28MB

│ │ ├─5-4WebSo4 3 # e l @ ;cket超时自动断开连接逻辑开发更多课程微信(php-er).mp4 69.52MBB g % ] I o

│ │ ├─5-5WebSocket客户端和服务端通信优化更多课程微信(php-er).mp4 100.06MB

│ │ ├─5-6云构建任务写入Redis更多2 ? F h o h课程微信(php-er).mp4 45.96MB

│ │ ├─5-7创建云构建任务功能开发更多课程微信(php-er).mp4 113.98MB

│ │ ├─6-1云构建任务初始化流程开发更多课程微信(php-er).mp4 69.29X Q sMB

│ │ ├─6-2云构建任务交互日志开发更多课程微信(php-er).mp4 1} J S15.64MB

│ │ ├─6-3服务端源码下载+切换到开发分支功能开发更多课程微信(php-er).mV G rp4 88.32MB

│ │ ├─6-4服务端源码依赖安装+命令执行功能封装更多课程微信(php-er).mp4 117.51MBx z U S W p u

│ │ ├─6-5云构建任务执行逻辑开发更多课程微信(php-er).mr % 1 c ^ kp4 90.27MB

│ │ └─7-1本周总结+作业更多课程微信(php-er).mp4 47.66MB

│ ├─31脚手架发布模块云发布功能开发x @ A ` [

│ │ ├─1-1本周整体内容介绍和学习方法更+ L { n .多课程微信(php-er).mp4 43.44MBA 1 a ? V \ w ! ;

│ │ ├─2-1前端发布OSS架构设计更多课程# L H o b } : 4微信(php-er).mp4 81.41MB

│ │ ├─2-2云发布架构和流程设计更多课程微信(php-er).mp4 13x w V 7 # / x7.61MB

│ │ ├─3-1实现云发布前的预检查逻辑更多课程微信(php-er).mp4 70.86MB

│ │ ├─3-2静态资源服务器类型选$ . 6择逻辑开发更多课程微信(php-er).mp4 92.69MB

│ │ ├─3-3云发F / ^ 0布服务端预p S ] P检查逻辑实现更多课程微信(php-er).mp4 185.99MB

│ │ ├─3-4创建OSSbucket+OSS实例n E A = | !化开发更多课程微信(php-er).mp4 241.y 5 Z86MB

│ │ ├─3-5云发布核心流程：上传OSS功能开发更多课r o } J x \ z程微信(php-er).mp4 151.48MB

│ │ ├─0 ? )3-6OSS域名绑定+CDN绑定更多课程微信(php-er).mp4 125.73MB

│ │ ├─4-10自动打t0 H o . { f m W oag+合并代码至master分支流程开发更多课程微信(php-er).mp4 115.19MB

│ │ ├─4-1获取OSSAPI开发c 2 } ; y | 1 P更多课程微信(php-er).mp4 88.13MB

│ │ ├─4-2覆盖发布逻辑开发更多课程微信(php-er).mp4 52.43MB

│ │ ├─4-3服务端缓存文件清除功能实现更多课程微信(ph\ : [ d 6 – a L {p-er).mp4 207.43MB

│ │ ├─4-4自动提交代码BUG4 ` A } X Q P J修复更多课程微信(php-er).mp4 79.83MB

│ │ ├─4-5history模式发布原理6 b \ b讲解更多课程微信(php-er).mp4 127.92MB

│ │ ├─4-6histd 1 aory模式远程发布原理讲解更– \ 1 & 9 k .多课程微信(phi v [p-er).mp4 61.28MB

│ │ ├─4-7脚手架自动上传模板逻辑开发更多课程4 O , E K * ] ?微信(php-er).mp4 115.59MBk ` : 2

│ │ ├─4-8获取OSS文件API开发更多课程微信(php-er).mp4 6\ x Y ) z ; P5.31MB

│ │ ├─4-9上传模R v \ S ! v Z y :板功能实现更多课程微信(php-er).mp49 G j n 101.28MB

│: ? U } v M J │ ├─5-1Node高分库：PDF文件生成工具——PDFKit! [ F 1 c J , 5更多课程微信(php-er).mp4 94.83MB

│ │ ├─5-2Nodet r D T : g ) 4Excel处理库讲解更多课程微信(php-er).mp4 73.43MB

│ │ ├─5-3命令行交Y T R ` o互库Listr讲解更多课程微信(php-er).mp4 56.3MB

│ │ ├─5-4利用Listr对项目自动创建Tag逻辑进行优化更多课程微信(php-er* X ) f p k !).mp4 115.04MB

│ │ └─6-1本周总结+作业更多课程微信(php-er).mp4 10.j . ; f88MB

│ ├─32脚手架组件发布功能v f r开S . 6 5 6 O发

│ │H . 9 ├─1-1本周整体内容介绍和学习方法更多课程微信(php-er).mp4 19.21MB

│ │ ├─2-1大厂前端物料体系介绍更多课程微信(php-er).mp4C d W 1! Y * ~ B l ( B l04.55MB

│ │ ├─2-2组件平台架构设计更多课程微信(php-er).mp4 70.33MB

│ │ ├─3-1新的组件库模板开发更多课程微信(php-er).mp4 102.08MB

│ │ ├─3-2组件库预览项目开发更多课程微信) 2 w | n U u \ /(php-er).mp4 40.28MB

│ │ ├─3-3组件多预览模式开发更多课程微信(php-er).mp4 64.37MB

│ │ ├─3-4将预览功– 1 z 4能集成到组件库模板更多课程微. ` P n信(php-er).mp4 131.24MB

│ │ ├─3-5组b k y = i , [ R v件初始化^ h ^ x u t j时自动生成配置文件更多课程微信(php-er).mp4 85.31M] _ ? vB

│ │ ├─3-6组件库命名优化更多课程微信(php-er).mp4 42a % b S O M.09MB

│ │ ├─4-1组件仓库初始化流程优化更多课程微信(php-er).mp4 130.08MB

│ │ ├─4-2组件上传前预检查流程开发更多课程微信(php-er).mp4 109.85MB

│ │ ├─4-3组件发布前准备工作开发更多课程微信(php-er).mp4 37.49MB

│y s g # [ y [ n │ ├─4-4创建RDS组件表+后端MySQL插件集成更多课程微信(php-er).mp4 146.74MB

│ │ ├─4-5组件上传数据库准备工作开发更多k A S [ 9课程微信(php-er).mp4 107.55MB

│ │ ├─4-6组4 / P Q 9件上传restfuF 4 x b u ; Olapi开发更多课程微信(php-er).mp4J h \ @ M 121.08MB

│ │| | C I ├─4-8组件NPM发布逻辑开发更多课程微信(php-er).mp4 168.52MB

│ │ ├─4-9组件自动生成远程仓库Tag问题解决更多课程微信(php-er).mp4 128.34MB

│ │ └─5-1本周总结+作业更多课程微信(php-er).mp4 15.07MB

│ ├─33组件平台开发

│ │ ├─1-1本周整体内容介绍和学习方法更多课程微信(pht M 4 gp-7 N ^ k F $ der).mp4 27.26MB

│ │ ├─2-1组件平台F ( ~ U N x H S .架构设计g Z } Z更多课程微信(php-er).mp4 63.48| ) Z c ^ C + )MB

│ │ ├─2-2组件平台技术选型和框架搭建更多课程微信(php-e{ 3 M } ar).mp4 162.92MB

│ │ ├─3-1umi项目全局入口文件+@ l ( L k t Q ! w国际化开发更多课程微信(php* D K s J + 7 D-er).mp4 107.35MB

│ │ ├─3-2组件平台功能展示+页头页脚开发更多课程微信(php-er).mp4 79.18MB

│ │ ├─3-3组件平台动态配置API开发更多课程t U ; $ b P w p微信(php-er).mp4 61.3MB

│ │ ├─3-4前端动态配置API接入更多课程微信(php-er).mp4 66.77MB

│ │ ├─4-1组件列表API开发更多课程微信(php-er)) * \ 2 ~ ! /.mp4 96U s ( / c ) x k =.33MB

│ │ ├─4-2测试组件数据创建更多课程微信(php-er).mk q { o 6p4 216.36MB

│ │ ├─4-3组件列表D i O # o M # j R页面开发更多课程微信(php-er).mp4 116.3MB

│ │ ├─4-4组件卡片面板开发更多课程微信(php-er).mp4 171.2MB

│ │ ├─4-5搜索框组件开发+模糊搜索API开发更多课程微信(php-er).mp4 121.97MB

│ │ ├─5-1组件详情获取API开发更多课程微信(php-er).mp4 166.91MB

│ │ ├─5-2组件基本信息样式开发更多} O j课程微信(php-er).mp4 76.1MB

│ │ ├─5-3组件代码+预览样式开发更多课程微信(php-er).mp4 145.2MB

│q b . Z ~ & │I 7 : ├─5-4组件安装样式和复制命令功能开发更多课程微信(php-er).mp4 42.51MB

│ │ ├─5-5组件多预览文件上传工作更多课程微信(php-er).3 U l Q P \ ?mp4 209.03MB

│ │ └─5-6（本周难点）组件多m t * :预览文件上传开发更多课程微信(php-er).mp4 157.86MB

│ ├) g s ` n : d &─34项目单元测试用例设计和开发

│ │ ├─1-1本k l ; : * *周整体内容介绍和学习方法更多课程微信(p= R i ) t ~ O Jhp-er).mp4 19.56MB

│ │ ├─2-1单元测试基本概念介绍更多课程微信(php-E } Z 1 e – / # #er).mp4 35.36MBt ) J P g b (

│ │ ├─2-2mocha基本运0 G _ 5 h K D行流程讲解更多课程微信(php-er)(1).mp4 1.09MB

│w 2 7 2 │ ├─2-2mocha基本运行流程讲解更多课程微信(php-er).mp4 1.09MB

│ │ ├─2-4mocha异步测试方法+nodeevenloop详细讲解更多课程微信(php-erG B 8 1 D + u c {).mp4 136.4MB

│ │ ├─2-5断言库should.js快速入门更多课程微信(php-er).mp4 67.87MB

│ │ ├─2-6async函数测试方法+钩子函数介绍更多课程微x – w ! 8信(php-er).mp4 63.57MB

│ │H X z 7 / I J : ├─2-7独家测试和包容性测试介绍更多课程微信(php-er).mp4 54.52MB

│ │ ├─3-1Package对象实例化测试用例设计和开发更多课程微信(php-er).mp4 151.49MB

│ │ ├─3-2Package对象prepare方法测试更多F D ! T l w H f D课程微信(php-er).mp4 205.04MB

│ │ ├─3-3Package对象核心方法测试更多课程微信(php-er).mp4 364.9MB

│ │ ├─4-1Gitee类实例化测试更多课程微信(php-er).mp4 80.84MB

│ │ ├─4-2Gitee获取用Y H O户和仓库信息API测试更多课程微信(php-er).mp4 76.1K U s ~ _ j ^5MB

│ │ └─4-4Git类测试开发更多课程微信u M ? [ a : ` ? @(php-er).mp4 90.56MB

│ ├─代码

│ │ ├─代码.zip 7.55MB

│ │ └─解压密码：666java .cx Y k ! { t { Rom

│ ├─第10周 编辑器基+ z f 2本布局，及业务组件C ^ 8 ! 3 ] x @库初步开发

│ │ ├─1-1 本周导学.mp4 77.8MB

│ │ ├─2-1 将编辑器数据结构H ; @添加至 vuex store.mp4 180.78MB

│ │ ├─2-2 LText 组件初步实现.mp4 183.43Y O T ( 8 j c %MB

│ │ ├─2-3 LText 添加通用属性.mp4 213.w X & ~53MB

│ │ ├─2-4 LText 使用 hooks 重用逻辑.mp4 171.96MB

│ │ ├─2-5 完成点击模版列表添加到画布的行为.mp4 197.95MB

│ │ ├─2-6 为业务组件属性添加类型的利弊.mp4 125.8MB

│ │ ├─3-1 获取正在编辑的b K ) H元素的属性.mp4 258.84MB

│ │ ├─3-2 添加属性和表单的基础对应关系并展示.mp4 237.81MB

│ │ ├─3-3 添加更/ f ,多简单对应关系并展示S A C 7 _ #.mp4 137.81MB

│ │ ├─3-4 添加更多复杂对应关系并展示# | ; f N 9.mp4 200.94MB

│ │ ├─3-5 分析展示和编辑属性的“金科玉律.mp4 91.4MB

│ │ ├─3-6 添加编辑表单并更新界面 第一部分.mp4 256.66MBZ : q o ~

│ │ ├─3-7 添加编辑表单并更新界面 第二部分.mp4 185.66MB

│ │ ├─4-1 提出优化需求，a 6 # .以及组件返回的真相.mp4 18x I f I0.06MB

│ │ ├─4-2 将文本转换为 vNode.mp4 166.66MB

│ │ ├─4-3 方案{ 4 h 6 7 _ h一：使; Q ! ? t \ x o U用 JSX 重写 PropsTable 组件.mz x L , – K z k Ip4 232.13MB

│ │ ├─4-4 方案二：使用 render 函数实现桥梁.mp4 92.06MB

│ │ ├─4-5 【讨论题】聊聊 V7 x A ` r . kue Template 和 JSX 的两种写法的看法.png 22.21KB

│ │ ├─5-1 本周重点内容回顾和总结.mp4 143.2MB

│ │ ├─5-2 【学习任务】完c d M成删除画布的逻辑.png 18.29KB

│ │ ├─5-3 【学习任务】# L R U j q %添加更多属性和组件的对应关系.png 33.02KB

│ │ └─5-4 【学习任务】修复k n t 5 t在画布中点击组件跳转的问题.png 20.61KB

│ ├─第11周 掌握测试基本工具，给组件K ! x库添加单o w + } * # f元测试

│ │ ├─1-1 导学.mp4 50.85MB

│ │ ├─2-1 为什么要有测试Z b [ Q.mp4 50.73MB

│ │ ├─2-2 Jest 简介.mp4 122.32MB

│ │ ├─2-3 Jest 实现异步测试.mp4 122.25MB

│ │ ├─e [ @2-4 Jest mock 函数测试.mp41 q C F { Q F C ( 116.67MB

│ │ ├─2-5 Jest mock 第三方模块实现.mp4 227.97MB

│ │ ├─2-\ % ? O 4 ] H6 Jest mock Timers.mp4 145.24MB

│ │ ├─2-7 【讨论题】谈谈关于测试.png 247.77KB

│ │ ├─3-1 配置测试开发环境.mp4 183.83MB

│ │N j c Y P I ├─3-2 测试组件：渲染和元素获取.mp4 168.85MB

│ │ ├─3-3 测试组件：触发事件，更新表单，& g : % e \ c ~验证事件.mp4 241.68MB

│ │ ├─3-4 测试组件：异e h C C步请求.mp4 258.08MB

│ │ ├─3-5 测试通用准备和清理.mp4 222.52MB

│ │ ├─4-1 测试中 mock 全局组件的实现.mp4 207.02MB

│ │ ├─4-26 p G 5 o f j 7 j 模拟第~ E _ . ! A ? n三方库实现的三种”药方“ – 第一部分.mp4 230.28MB

│ │ ├─4-3 模拟第三方库实现的三种”药方“ – 第二部分.mp4 190.33MB

│ │ ├─4-4 单c ~ – ; A N 5 6独测试 Vuex store.mp4 259.05MB

│ │ ├l o L r P .─5-1 什么是 TD| l = \ O YD 的开发方式.mp4 111.86MB

│ │ ├─5s 7 / # 1-2 TDD[ H J ? u k y ? 第一步：编写测试用例.mp4 285.72MB

│ │ ├─5-3 TDg m 0 p r RD 第二布：代码实现.mp4 266.04MB

│ │ ├─5-4 TDD 第三步：和应用整合.mp4 98.64. p z )MB

│ │ ├─6-1 章重点内容回顾和总结.mp4 94.87MB

│ │ └─6-2 【学习任务】完成 IconSwitch 组件的开发，并且为此添加测试.png 47.6KB

│ ├─第12周 通用= z , S V 0上传组件开发以及使用

│ │ ├─1-1 导学.w S C – 7 K P ?m@ P h F L @ t @ Bp4 100.86MB

│ │ ├─2-1 上k { { y z ` U %传组件需求分F \ 0 B P E N 2析.mp4 171.23MB

│ │ ├─2-2 上传文件的原理.mp4 263.76MB

│ │ ├─2-3 万事开头难 – 编码基本流程.mp4 243.73MB

│ │ ├─2-4E ` G Y H \ ( S 上传基本流程的测试编写.mp4 242.26MB

│ │ ├─3-1 编写上传文件列表功能的n 2 e 8 3 1 M ?测试用例* 9 \ !.mp4 254.03MB

│ │ ├─3-2 根据测试实现上传文件列表功能.mp4 390.9MB

│ │ ├─3-3 编写自定义模版功能的测试用例.mp4 220.05MB

│ │ ├─3-4 根据测试完成自定义模版功能.mp4 217.99MB

│ │ ├─3-5 测试驱动开4 ( r X 9 p发 – 完成上传前检查的特性.mp4 358.47MB

│ │ ├─3-6 中期回顾完成情况和新的需求.mp4 134.Q S A P 1 { 5 {16MB

│ │ ├─4-1 新的开发方式：添加拖动上传编码.mp4 249.1MB

│ │ ├─4-2 添加拖动上传测试.mp4 301.24MB

│ │ ├─4-l Y x &3 使用流程; L N T @ u |图分析代码小的重构.mp4 167.07MB

│ │ ├─4-4 添加实例方法的编码和. T [ X测试.mp4v 1 n ` 312.69MB

│ │ ├─4-5 【讨论题】谈一谈测试驱动开发.png 19.14KB

│ │ ├─5-1 Vue3 世界中的三种实例.mp4 229.4MB

│ │ ├─5-2 Vue3 中组件P U 8 r通信的四种方法.mp4 304.14MB

│ │ ├─5-3 Element Plus Upload 组件源码分析第一部分.( 4 3 ump4 188.19MB

│ │ ├─5-4 Element Pl& m lus Upload 组件源码分析第二部分.mp4 143.5MB

│ │ ├─5-5 本地图片预览的两种方式.m% f [ Ep4 24A V F c b Y s6.22MB

│ │ ├─5-6 Jest 浏览器环境之谜.mp4 223.26MB

│ │ ├─6-1 将上传组件添加到左侧组件列表.mp4 147U / & m k –.47MB

│ │ ├─6-2 上传图片后将图片组件添加到编辑器.mp4 133.03MB

│ │ ├─6-3 扩展知识：Element 类型家族之间的关系.mp4 258.08MB

│ │ ├─6-4 通过 Image 构造函数获取图片的原始大小.mp4 191.51MB

│ │ ├─6-5 【学习任务】完成 ImageProcesser 组件[ 2 % L / S y的开发.png 77.1$ d } & = d2G : Y j \ I 0 ?KB

│ │ └─7-1~ H | ^ 周总结.mp4 125.33MB

│ ├─第13周 业务组件库打包、发布，添加CI-CD

│ │ ├─1-x w c O w1 周导& Q F L ~学.mp4 109.27MB

│ │ ├─2-1 Javay ] :script 模块化历史.mp4b ( s z p L – m 135.73MB

│ │ ├─2-2 打包工具的根本作用.mp4 107.98MB

│ │ ├─2-3 Webpack 对阵 Rollup.mp4 200.13Mj 1 A X F F 8 fB

│ │ ├─2-4 打包什么c d o b @ k类型的模块.mp4 134.42MB

│ │ ├─2-5 花絮 – Snowpack 另类打包工具 简介.mp4 210.23$ j { 7 _MB

│ │ ├─3-1 创建组件库基本代码结构.mp4 125.69MB

│ │ ├─3-2 Vue 插件系统简介.mp4 122.08MB

│ │ ├─3-3 创建入口文件.mp4 94.25MB

│ │ ├─4-1 Rollup 配置文件和插件.mp4 88.49MB

│ │ ├─4I w N $ G M x A 3-2 添加 Vue Plugin.mp4 171.24MB

│ │ ├─4-3 添加 T~ h @ [ 8 l \ Oypescript Plugin.mp45 8 – V T 221.24MB

│ │ ├─4-4 尝试打包入t x 0 + w c a (口文件.mp4 295.83MB

│ │ ├─4-5 生成两种格式的模块文} d @ W # (件.mp4 145.05MB

│ │ ├─4-6 使用 npm link 本地测试组件库.G $ Q u t |mp4 221.73MB

│ │ ├─4-7 分析 Element Plus 的打包过程.mp4 267.99MB

│ │ ├─4-8 扩展知识 – Rollup 插件开发的简单原理.mp4 252.25MB

│ │ ├─5-1 npm 简介和 package.A M 6 vjson 的设置.mp4 160.97MB

│ │i X C A 8 ; 4 e L ├─5-2 使用 npm publish 发布业务组件库.mp4 182.64MB

│ │ ├─5-+ ( – W w & X i3 给业务组件库添加测试用例.mp4 324.8MB

│ │ ├─5-4 发布或者提交前检查代码6 ; n质量和测试u % r h结果.mp4 219.06MB

│ │ ├─5-5 什么是 CI CD？+ S k F ^ Y -.mp4 176.73MB

│ │ ├─5-o d {6 初步配置 t} E V y vravis 完成 CI.mp1 = T r / T G Q \4 174.88MB

│ │ ├─5-7 进一步配置 travis 完成 CD – 自b % @ I 9 A w $动发布到 npm.mp4 199.6w V P Y X ` = Q7MB

│ │ ├─6-1 周总结.mp4 67.32MB

│ │ ├─6-@ # a m Q # ,2 【讨论题】谈一谈业务组件库的开发.png 22.2n [ F v + s ` v2KB{ : q 5

│ │ └─` ; G A r6-3 【学习任务】1 L 5 X i ~发布自己的业务组件库.png 37.81KB

│ ├─第14周 服务端技术选型：磨刀不误砍柴工

│ │ ├─1-1d t r z , 本周开始.mp4 126.63MB

│ │ ├─2-1 nodejs框架选型-开始.mp4 20.79MB

│ │ ├─2-2 介绍koa2和express.mp4 219.76MB

│ │ ├─2-3 介绍egg.js.mp4 177.25MBO \ ~ d

│ │ ├─2-4 介绍nest.js.mp4 310.65MB

│ │ ├─3-1 章开始.mp4 46.55MB

│ │ ├─3-2 回顾数据结构设计.mp4 119.57MB

│ │ ├─3-3 Mysql 和 Sequelize -1.mp4 162.97MB

│z 4 g W X e K 3 │ ├─3-4 Mysql 和 Sequelize – 26 / 6 6 D.mB ` U r R 9 k ? Zp4 245.14MB

│ │ ├3 h u l @ A 6─3-5 Mongodb和Mongoose.mp4 131.16Mu b W m ( h Q a AB

│ │ ├─3-6 Date 和时区.mp4 159.09MB

│ │ ├─3-7 Mysql和Mongodb的区别.mp4 245.48MB

│ │ ├─3-8 介绍RediY i e &s.mp4 235.26MB

│ │ ├─3-9 章总结.mp4 52.74MB

│ │ ├─4-1 本章开始.mp4 62.27MB

│ │ ├─4-2 介绍 Session 登录.mp4 107.46M0 3 = & r QB

│ │ ├─4-3 介绍JWTL @ L f v . z V登录.mp4 339.49MB

│ │ ├─4-4 SSO和OAuth2.mp4 178.95MB

│\ ) = G │ ├─4-5 章总结.mp4 13.47MB

│ │ ├─5-1 章开始.mp4 69.77MB

│ │ ├─5-2 介绍Jest和Mocha.mp4 189.31MB

│ │ ├─5-3 为何单元测试难以落实.mpc : b n X b 24 285.67MB

│ │ ├─5-4 supertest接口测试.mp4 188.48MB

│ │ ├─5-5 章总结.mp4 18.3d A 3 h m g G5MB

│ │ ├─6-1 pm2和nginx-章开始.mp4 2p E 0 E ^ c V u3.32MB

│ │ ├─6-2 pm2配置和使用.mp4 234.25MB

│ │ ├─6-3 pm2日志拆分.mp4 219.18MB

│ │ ├─6-4 nginx配置和日志拆分.mp4 149.47MB

│ │ ├─6-5 pm2和nginx-章总结.mp4 13; r w n [ /.5MB

│ │ ├─7-1 开发环境配置.mp4 156.56MB

│ │ └─7-2 周总结.mp4 77.65MB

│ ├─第15周 服务端 CI-CD ：github自动化

│ │ ├─1-1G 5 : % ! ) 5 周介绍.mp4 78.51MB

│ │ ├─2-1 章介绍.mp4 44.06MB

│ │ ├─2-2 认识 Git! x r } Whub act– ) o 9ions.mp4 308.85MB

│ │ ├─2-3 Github actions 功能演示.mp4 222.57MB

│ │ ├─2-4 Github actions 做自动化测试.mp4 226.92MB

│ │ ├─2-5 Github actions 章总结.mp4 41.33MB

│ │ ├1 h ( N─3-1 Docker 章介绍.mp4 47.71MB

│ │ ├─3-2 认识 Docker.mp4 22j s T E $ + U L8.62MB

│ │ ├─3-3 启动一个Dockerc g / . h n容器.mp4 268.55MB

│ │ ├─3-4 Docker容器的进一步演示M @ 1 6 ?.mp4 192.8MB

│ │ ├─3-5 介绍 Dockerfile 语法.mp4 217.15M: G + 8 XB

│ │ ├─3-6 用 Dockerfile 构建镜像.mp4 306.06MB

│ │ ├─3-7 Docker 章总结.mp4 17.43MB

│ │ ├─4-1 docker-compose 章开始.mp4 73.37MB

│ │ ├─4-2 docker-compose 配置文件.mp4 224.49MB

│ │ ├─4-3 docker-compop = n H tse 命令演示.mp4 376.32MB

│ │ ├─4-4 数据持久` ( D ~ c m化l & !.mp4 216.89MB

│ │ ├─4-5 配置 mysql.mp4 252.1 h . * 7 ] g q79MB

│ │ ├─, 6 , e c4-6 docker-compose 章总结.mp4 27.62MB

│ │ ├─5-1 自动发布测试机 – 章开始.mp4 17.95MB

│ │ ├─5-2 配置测试机.mp4 224.59MB

│ │ ├─5-3 自动发布t l ^ | b P到测试机-讲解配置.mp4 253.2MB

│ │ ├─5-4 自动发布到测试机-功能演示.mp4 271MB

│ │ ├─5-5* . h e – , 5 自动发布测试机 – 章总结.mp4 57.84MB

│ │ └─6-1 周总$ n X @ a D W K结.mp4 31.4– k T +7MB

│ ├─第16周 编辑# E Y * @ N 2 3器服务端基础 API 开发

│ │ ├─1-1 周介绍.mp4 159.83MB

│ │ ├─2-1 技术方案设计-章介绍.mp4 63.16MB

│ │ ├─2-2 接口设计-整理所有接口.mp4 133.48MB

│ │ ├─2? d v-3 接口设计-关于预览和数据统计.mp4– C X u ? C h , 4 56.55MB

│ │ ├─2-4 介绍GraphQL的使用和特点.mp4 253.89M7 , A qB

│ │ ├─2-5 选择Restful API 而非 GraphQL.mp4 67.5MB

│ │ ├─2-6 数据库设z T v –计-数据表结构.mp4 263.93MB

│ │ ├─2-N w r i u V7 数据库设计-代码演示.mp4 264.1MBs H | C Z ^ r P )

│ │ ├─2-8 server端架构设计.mp4 211MB

│ │ ├─2-9 技术方案设计-章总结.mp4 32.68MB

│ │ ├─3-1 基础功能开发-~ k p S X章介绍.mp4 43.87MB

│ │ ├─3-10 作品接口6 U e ) ? $ x Z K-接口测试.mp4 375.12MB

│ │ ├─3-11 模板接口-代码演示.mp4 387.8G } ( : : – r6MB

│ │ ├─3-12 模板接口-接口测试.mp4 144.92MB

│ │ ├─3-13 基础功能开发-章总结.mp4 50.14MB

│ │ ├─3-2 登录功能设计-获取验证U o u v . : #码.mp4 138.36MB

│ │ ├─3-3 登录功能设计-划重点.mp4 106.18MB

│ │ ├─3-4 制定开发规范.mp4 122.44MB

│ │ ├─3-) # u {5 用户信] | . s @ H + d息接口-获取登录验证码.mp4 415.71MB

│ │ ├─3-6 用户信~ 7 s 9 i B息接口-登录.mp4 442.02MB

│ │ ├─3-7 用户信息接口-接口测试.mp4 318.4MB

│ │ ├─3-8 作品接口-创建N ] V作品.mp4 374.39B o 2 i a WMB& J 5 s } s o d |

│ │ ├─3-9 作品接口-查询、更新和复制.mp4 349.75MB

│ │ └─4-1 周总结i w M R R : ~ x &.mp4 38.45MB

│ ├─第17周 编辑器服务端调用第三方服务

│ │ ├─1-1 周E d c ^介绍.mp4 43.97MB

│ │ ├─2-1 发布功能-章介绍.mp4 16.58MB

│ │ ├─2-2 发布功能的几个要点.mp4 78.38MB

│ │ ├─2-3 发布功能-如何防爬.mp4 205.58MB

│ │n O f Y D * ├─2-4 发布功能-发布过程的设计.mp4 153.23MB

│ │ ├─2-5 发布功能-强制下线.mp4 140.2MB

│ │ ├─2-6 发布功能-代码演示.mp4 3G u f C D h B 3 ~10.08MB

│ │ ├─2-7{ ? n w k 1 & c 发布功能-章总结.mp4 5.87MB

│ │ ├─3-1 短信服务-章开始.mp4 15.48MBs h f Z 7 (

│ │ ├─3-2 短信4 J n J服务-调研.mp4 39.74MB

│ │ ├─3-3S ! I b 短Z b y . 9 ,信服务-配置.mp4 92.65MB

│ │ ├─3-4 短信服务-实验demo.mp4 250.54MB

│ │ ├─3-5 短信服务-代码演示.mp4 178.15MB

│ │ ├─3-6 短信服务-章总结(1).mp4 7.3MB

│ │ ├─3-6 短信服务-章总结.mp4 7.3MB

│u h M @ % │ ├─4-1~ N \ 上传文件到 OSS -章介绍.mp4 19.64Mb h l A ~B

│ │ ├─4-2 购买和配置OSS.mp4 107.09MB

│ │ ├─4-3 阿里云OSS-实验di . Z ; C k c n ,emo.mp4 211.41MB

│ │ ├─4-4 快1 2 b D n O 8 Z速学习stream 的方法.mp4 21.56MB

│ │ ├─4-5 阿里云OSS-代码演示.mp4 264.1MB

│ │ ├─4-6 阿里云w S ;OSS-章Q : C 9 * 8 C总结.L J Amp4 9.25MB

│ │ ├─5-1 内容安全检查-章U * g开始.mp4 17.95MB

│ │ ├─5-2 内容安全检查-配置服务.mp4 101.9~ \ Y w + K k1MB

│ │ ├─5-3 内容安全检查-实验demo-检查文本.mp4 139.63M( % V m ; zB

│ │ ├─5-4 内容安全检查-实验demo-检查图片.mp4 137.95MB

│ │ ├─5-5 内容安全\ A i i % – W x Z检查-代码演示.mp4 437.4MB

│ │ └─5_ R / n q-6 内容安全检查-章总结.mp4 5.z [ 8 D ~11MB

│ ├─第18周 编辑器组件图层面板功能开发

│j K K x │ ├─1-1 第十八周前言.m, V Y ] N / Ap4 149.31MB

│ │ ├─2-1 知识回顾.mO D mp4 221.56MB

│ │ ├─2-2 选择 CropperJS 作为o z N h ) %图片裁剪库.mp4 104.54MB

│ │ ├─2-3 初始化 Cropper 区域.q = ) imp4 297.k b z k7MB

│ │ ├─2-4 使用阿里云 OSS 完成图片裁剪功能.mp4 334.86MBe T J W H

│ │ ├─2-5 使用 Cropper.jsj ] O A | 5 ` * 获取裁剪图片数据.mN G a 2p4 186.43MB

│ │ ├─2-6 方法二：完成裁剪后重新上传图片.mp4 142.18MB

│ │ ├─3-1 分析图层设置的需求和实现.c q w = $ Vmp4 110.11MB

│ │ ├─3-2 图层列表设置锁定和隐[ 5 ~藏.mp4 350.69MB

│ │ ├─3-3 InlineEditI X V : 2 M 书写测试用例以及初步功能开发.mp4 259.93MB

│ │ ├─3-4 添加键盘响应钩子函数.mp4 189.32MB

│ │ ├─3-5 添加 useClickOutside.mp4 167.86MB

│ │ ├─3-6 在界面上测试并且改进 InlineEdit 组\ } n I 0 y F件.mp4 180.15MB

│ │ ├─4-1 拖动排序列表的需求分析.mp4 63.35MB

│ │ ├─4-2 拖拽排序第一部分 添加拖动事件.mp4 291.F E \1MB

│ │u ~ ; R ├{ 3 { ; ! b 8─4-3; 0 @ K ` 拖拽排序第二部分 添加 drop 时排序.mp4 233.9MB

│ │ ├─4-4 拖动排序第三部分 在拖动时完成排序.mp4 228.04MB

│ │ ├─4-5 使用 Vue Draggable Next 完成排序.mp4 26– 9 y B W ) ! H .6.15MB

│ │ ├─5-1 EditGroup 需求分析.mp4 128.34MB

│ │ ├─5-2 EditGroup 编: # , / \码第一部分.mp4 238.36MB

│ │ ├─– I \ ( {5-3 EditGroup 编码第二部分：数据转换成界面.mp4 203.93MB

│ │ ├─[ F R6-1 页面设置编码第一部分.mp4 192MB

│A 5 T $ │ ├─6-2 BackgroundPx B 0 frocesser 组件编码第一部分.mp4 193.23MB

│ │ ├─6-3 使用正则获取文件名称.mp4 79.83MB

│ │ ├─6-4 页面设置完成更新背景图片逻辑.mj [ / % ? K _ Op4 19e 5 T ) t / y4.49L % c N 9 M hMB

│ │ └─7-1 第十八周总z % q Q 2结.mp4 80.13MB

│ ├─第19周 让元素动起来 – 编辑器画布交互功能开发

│ │ ├─1-1 十九周导学.mp4 12.35MB

│ │ ├─2-1 拖动移动元素的原理分析.mp4 8.31MB

│ │ ├─2-2 拖动移动元素第一部分：计算偏移量.mp4 37.8MB

│1 ] \ k j m │ ├─2-3 拖动移动第二部分： 实现元素移动.mp4 47.99MB

│ │ ├─2-4 拖动移动第三部分： 更新元素属性.mp4) n ( 30.44MB

│ │ ├─3-1 拖动改变大小的原理.mp4 10.55MB

│ │ ├─3-2 拖o 8 d { 5 o动改变大小 第一部分： 实现右下方拖拽大小.mp4 59.82MB

│ │ ├─3-3 拖拽改变大小 编码第二a N { U Z部分： 实现四y I J , m L 8 { }个角拖拽大小.mp4 62.16MB

│ │ ├─3-4 拖动改变大小 编x @ u l M 0 m A c码第三部分：发射事件 更新属性.mp4 28.62MB

│ │ ├─4-1 快捷键需求分析.mp4 31.94MB

│ │ ├─4-2 快捷键编码第一部分：创建 useHotKW L ^ N J xeys.mp4 18.17MB

│ │ ├─4-3 快捷键编码第二部分：添加 muations 完成操作.mp4 43.71MB

│ │ ├─4-4 快捷键编码第三部分：添加移动元素的快捷键.mp4 51.31MB

│ │ ├─4-5 快捷键# i k 5 ;编码第四部分：添9 { + R ^ u B d加高级函数阻止默认行为.mp4 45.9MB

│ │ ├─4-6 尽善尽美 补充新的 mutations 的测试.mp4 65.09MB

│ │ ├─5-1 撤销重. s / (做需求分析.mp4 60.3MB

│ │ ├─5-10 撤销重做小结以及剩下的改进.mp4 43.77MB

│ │ ├─5-2 撤销重做编码第一部分：添加历史记录.mp4 66.83MB

│ │ ├─5-3 撤销重做D 3 b 3 I ?编码第二部分：根据不同情况添加处理.mp4 57.a 6 U \ d ! % L45MB

│ │ ├─5-4 撤销重做编码第三部分：根据当前情况添加测试.mp4 39.44MB

│ │ ├─5-5 中期界面测试以及发现需要改进的点.mp4 30.82MB

│ │ ├─5-6 进阶& S Q ; ^ z 4 c s：撤@ { L销重做支持一次处理多个数据.mp4 49.33MB

│ │ ├─5-7 进阶：撤销重做支持一次处理多个数据 第二部分.m1 U ~ G Np4 33.42MB

│ │ ├─5-8 进阶：撤销重做支持; c ) J函数防抖.B f E , 0mp4 45.07MB

│ │ ├─5-9 进阶：撤销重做支持最大历史条目数.mp4 42.19MB

│ │ ├─q , I .6-1 右键菜单需求分析.mp4 18.J 7 h K88MBv / v L D F

│ │ ├─6-2 右键菜单编码第一部分：添加右键菜单组件.mp4 46.86MB

│ │ ├─6-3 右键菜单第二部分：函数式F 7 Z k的创建组件.mp4 22.39MB

│ │ ├─6-4 右键菜单第三部分：插件化右键菜单.mp4 42.65MB

│ │ ├─6-5 右键菜单第四部分; f u [ ` I：删除组件实例的方法.mp4 30.79MB

│ │: t | V └─7-1 十九周总结.mp4 20.33MB

│ ├─第1周 需求分析和架构设计：做什么，如何做？

│ │ ├─1-1 课程导学.mp4 33.24MB

│ │ ├─1-2 【学习任务】本课程学习目标^ e 5 p ? ;撰写.png 407.44KB

│ │ ├─1-3 【学习任务】学习计划制定.p= ) e [ng 188.58KB

│ │ ├─2-1 周介绍.mp4 21.81MB

│ │ ├─3} H q K I r n P &-1 产品研发流程.mp4 15.72MB

│ │ ├─3-2 以架构师的思维分析需求.mp4 22.74MB

│ │ ├─3-3 项目浅层需求.mp4 20.87MB

│ │ ├─3-4 深度需求.mp4 36.3MB

│ │ ├─3-5 需求总结.mp4 18.5MB

│ │ ├─4-1 整体架构设计-章介绍.mp4 2N m = q j |1.04MB

│ │ ├─4-2 分析需要多少个项目.mp4 21.26MB

│ │ ├─4-3 需要自研统计服务.mp4 29.25MB

│ │ ├─4-4 各个项目之间的关系图.mp4 14.29MB

│ │ ├─4-5 作品数据结构设计.mp4 57.76MB

│ │ ├─4-6 数据流转关A n 2 d )系图.m: 7 ~ A |p4 4~ g 4 _ f5.95MB

│ │ ├─4-7 技术方案文档的重要性.mp4) V 7 B O r F 29.57MB

│ │ ├─4-8 写架构设计文档.mp4 24.59MB

│ │ ├─4-9 本章总o Y # : & & + b T结以及下一步计划.mp4 45.38MB

│ │ ├─5-1 本周总结.mp4 15.06MB

│ │ ├─5-? 2 j s . $ Q X2 关于作业和打卡.mp4 36.91MB

│ │ └─5-3 【学习任务】完成《技术方案设计文档》.png 30.59KB

│ ├─第20周 前后端结合 – 编辑器整合后端接口

│ │ ├─1-1 第二十周导学.mp4 11.68MB

│ │D ; ; p V G @ _ ├─2-1 前后端分离开发简介.mp4 30.12MB

│ │ ├─2-2 分析后端接口和需求.mp4 37.95Mg S UB

│ │ ├─2-3 使用 vuex action 发送请求.mp4 53.14MB

│ │ ├─M M B } L X @3-1 JSON server 的简介和安装使用.mp4 20.79MB

│ │ ├─3-2 JSON server 自定义接口URL 和 返回数据结构.mp4 35.01MB

│ │ ├─3-3 JSON Server 实现 JWT 验证 – 生成 token.mp4 32.65MB

│ │ ├─= @ – |3-4 JSON Server 实现 J8 B * ) oWT 验证 – 实现路由保护.mp4 27.14MB

│ │ ├─4-1 使用 AForm 完成表单验证.mp4 46.49MB

│ │ ├─4-2 使用 AForm 完成提交时验证的两种方法.mp4 31.71MB

│ │ ├─4-3 完成获取验证码的功能.mp4 27.05MB

│ │ ├─4-4 完成用户登陆过程.mp4 31.71MB

│ │ ├─4-5 使用高阶函数 actiS Q 4onWrapq m sper 包装 act9 } \ ` – M v g vion 通用逻辑.mp4 37.67MB

│ │ ├─4-6 AForm 源代码解析 ：Form 组件 和 FormItem 完成验证x 6 h X D ..mp4 64.83MBL Q U g _ 3 T S M

│ │ ├─4-7 AForm 源代码解析 ：使用 useForm 完成验证.mp4 20.03MB

│ │ ├─5-1 添加全局读取状态 – 整体通用读取状态.mp4 20.43MB

│ │ ├─5-2 添加全局读取状态 – 细粒度读取状态.mp4 30.85MB

│ │ ├─5-3 处理全局错误处理.mp4 31.57MB

│ │ ├─5-4 将全局读取和错误添加至根组件.mp4 20.19MB

│ │ ├─5-5 登陆状6 [ r N 3态持久化.mp4 39.27MB

│ │ ├─5-6 路由权限验证 第一部分 – 功能分析.mp4 8.35MB

│ │ ├─5-7 路由权限验证 第二部分 – 编码实现.mp4 43.71MB

│ │ ├─6-1 编辑器获取作品 第一部分 – 发送并且改进 action.mp4 63.23MB

│ │ ├─6-2 编辑器获取作品 第二部分 – 根据数据渲染至画布.mp4 34.08MB

│ │ ├─6-3 添加编辑器 Header.mp4 29.6MB

│ │ ├─6-4 保存作品数据.mp4 20.26MB

│ │ ├─6-5 添加自动保存功能.mp4 33.% F ; p y 3 @ O H6MB

│ │ ├─6-6 跳转路t _ _ @ A 7由前提示保存.mp4 24.55MB

│ │ └─6-7 提取和整合保存作品逻辑.mp4 26.07MB

│ ├─第21周 整合开发B端其他页面的各种功能

│ │ ├─1-1 周前言.mp4 43.23MB

│ │ ├─2-1 发布作品需求分析.mp4 74.47MB

│ │ ├─2-2 前后端分离开发简介.mp4 81.38MB

│ │ ├─2-3 html2canvas 获取截图.mp4 76.76MB

│ │ ├─2-4 html2canvas 踩坑修正 bug.mp4 103.2MB

│ │ ├─2-5 完5 C \成截图并且上传文件.mpb $ W V y H S4 127.53MBX Z e . I M l

│ │ ├─2-6 html2canvas的基本原理.mp4 58.03MB

│ │ ├─2-7 html2canvas 原理简单编码实现.mp4 6O [ k i t C8.38MB

│ │ ├─3-1 完成发布流程.mp4 88.45MB

│ │ ├─3-2 发布后创建渠道.mp4 120.77MB

│ │ ├─3-3 添加 usePublishWork.mp4 98.23MB

│ │ ├─4-1 创建和删除渠道.mp4 139.18MB 7 3 O # VB

│ │ ├─4-2 使用 qrcoi o N x \de 将渠道链接生成二维码.mp4 86MB

│ │ ├─4-E 3 b3 watcI 2 = y : ah 数组的陷\ / z阱：新添加的渠道生成二维码.mp4 77.3MB

│ │ ├─5-1 使用CG D H Rlipboard.js 实现内容的拷贝.mp4 91.79MB

│ │ ├─5-2 拷贝文本的原理.mp4 90.81M, w 1 + x hB

│ │ ├─5-3 完p k S l C U D 3成copyToClipBoard编码.mp4 64.96MB

│ │ ├─5-4 PreviewForm 预览组件第一部分.mp4 78.53MB

│ │ ├─5-5 PreviewForm 预览组件第二部分.mp4 120.33MB

│ │ ├─6-1 剩余页面需求分析.mp4 127.24MB

│ │ ├─6-2 useLoadMore 编码第一部分A k t O：改造 actionWrapper 支持 queryParams.mp4 121.18MB

│ │ ├─6-3 useLoadMore 编码第二部分：实现基本功能.mp4 74.94MB

│ │ ├─6-4 useLoadMore编码第三部分 – 页面实践以及支持无限滚动加载.mp4 112G w 6.06MB

│) D – v │ ├─6-5 useLoadMore编码第四部分 – 创A S s建我的作品页以及p } ; j F @ N发现新的问题.mp4 96.69MB

│ │ ├─6-6 useLoadMore 编码第五部分 – 数据驱动界面，改造成分页组件.mp4 101.78MB

│ │ ├─7-1 下载图片原理编码第一部分.mp4 98.53MB

│ │ ├─7-2 下载文件原理编码第二部分.mp4 102.19MB

│ │ ├─7-3 使用 FileSaver.js 来完成图片的下载.mp4 96.69MB

│ │ ├─7-4 FileSaver.js 源码解析.mp4 117.64MB

│ │ └─8-1 周总结.mp4 53.41MB

│ ├─第2周 脚手架架构设计: 4 K M # f w和框架搭建

│ │ ├─1-1 确立本周目标.mp4 19.54MB

│ │ ├─Q H W 4 ; W o1-2 前端研发脚手架imooc-cli核心功能演示.mp4 56[ F r.63MB# p J x

│ │ ├─1-3 脚手架在课程中的定位.mp4 13.72MB

│ │ ├─2-1 本章知识脉络和难点解析.mp4 11.15MB

│ │ ├─2-10 脚手架命令注+ S j J册和参数解析.mp4 29.) c , 105MB

│ │ ├─2-11 脚手架项目发布.mp4 29.26MB1 4 Y u v # | *

│ │ ├─2-2 站在前端研发的视角，分析开发脚手架; : C @ /的必要性.mp4 22.98L W MMB

│ │ ├─2-3 从使用角度理解什么是脚手架？.mp4 56.56MBM U + T R # K $ 4

│ │ ├─2-4 脚手架原理讲解（上）.mp4 87.16MB

│ │ ├─2-5 脚手架原理讲解（下）.mp4 35.57MB

│L \ $ S │ ├─2-6 脚手架开发流程和难点解析.mp4 25.79MB

│ │ ├─2-7 快速入门第一个脚手架.mp4 35.24MB

│ │ ├─2-8 脚手架本地调试方法.mp4 39.26MB@ 8 O % B f q 4

│ │ ├─2-9 脚手架本地调试标准流程总结.mp4 26.93MB

│ │ ├─3-1 本章的I ! ` \ 4 / \收获是什么t 6 : 5 s y p r，难点是什么？.mp4 30.78MB

│ │ ├─3-2 原生脚手架开^ ( D t ~ @ @发痛点分析.B X X A 7mp4 39.78MB

│ │ ├─3-3 本章重点：lerna简介及脚V d 8 q D ? X手架开发流程.mp4 26.47MB

│ │ ├─3-4 基于lerna搭建脚手架框架.mp4 43.72MB

│ │ ├─3-5 Lerna核心操作.mp4 87.88MB

│ │ ├─3-6 Lerna发布流程.mp4 76.52MB

│ │ ├─4X j y ! ; [ J Z-1 赚回学费：武装简历、升职加薪.mp4 22.33MB

│ │ ├─4l c ) O-10 【关键知识复习】javas_ n e 2 Q T N e Fcril / x Apt事件循环.mp4 14.91MB

│ │ ├─4-115 } ! | H 【讨论题】谈一谈 Node和Web的事件循环（EventLoop）机制的异同.png 48.8KB

│ │ ├─4-12 import-local执行流程深度分析.mp4 45.87MB

│ │l Y 5 S ( [ ├─4-13 pkg-dir源码解4 m : y 6 o I 4 A析（一大波优秀的文件操作库）.mp4 44.63MB

│ │ ├─4-14 resolve-from源码解析（彻底搞懂nodemodules模块加载逻辑）.mp4 71.29MB

│ │ ├─4-15 Node模块加载核心方W e ] ^ a r 2 i Z法resovleFileName源码深入解析.m_ Z D 6 + t ep4 61.59MB

│ │ ├─4-16 fs模块toRealPath源码深入解析.mp4 11T G z e5.14MB

│ │ ├─4-17 讲一个高难度的正则表达式（想挑战的点进来）.mp4 18.23MB

│ │ ├─4-18 大招：如何快速拿到面试“一血”.mp4 56.31MB

│ │ ├─4-2 lern8 V M = la源码结构分析和调试技巧.mp4 25.14MB

│ │ ├─4-3 No! , q y Hde源码调试过程中必会的小技巧.mp4 14.26MB

│ │ ├─4-4 lerna初始化过程源码详细分析.mp4 57.65MB

│ │ ├─4-5 【高能知识点】npm项目本地依赖引M y g k Q y T用方法.mp4 34.28MB

│ │ ├─4-6 脚手架框架yargs快速入门.mp4 67.11MB

│ │ ├─4-7 yargs高级用法讲解.mp4 39.42MB

│ │ ├─4-8 lernh 1 N n J ,a脚手架初始化过程超详细讲解.mp4 31.17MB

│ │ ├─4-9 lerna脚手架Command执行过程详解H O c T N 1 y # ;.mp4 40.59MB

│ │ ├─5-1 本周总结+作业.mp4 20.73MB

│ │ └─5= c M J c-3 【学习任务】脚手架架构设计和框架搭建.png 37.04KB

│ ├─第3周 脚手架核心流程开发

│ │ ├─1-1 本周整A = I , U体内容介绍和学习方法.mp4 12.49MB

│ │ ├─2-1 聊一个很多同学很感兴趣的话题：大厂是如何做项目的？.mp4 20.82MB

│ │ ├─2-2 前端研发过程中的痛点和需求分析.mp4 21.89MB

│ │ ├─2-3 加餐：大厂的git操作规范是g 0 G z b U U ` %怎` I ( 8 J p [ u =样的？.mp4 11.51MB

│ │ ├─2-4 高端操作h * v h N * ! )：脚手架架构设计+绘制架构图.m] , Ep4 38.75MBx d R Q { F B

│ │ ├─2-5 架构设计图绘图技H u c # –巧分享.mp4 30.83MB

│n Z ! ; # B $ u ` │ ├─3-1B @ ~ u ? Z G C 脚手架模块拆分策略.mo a i , 5p4 14.15MB

│ │ ├─3-2 core模块技术方案.mp4 16.5i k q8MB

│ │ ├─, w G X 4 r 84-1 脚手架框架代码拆包+imn Q d l }port-local应用.mp4 16.18MB

│ │ ├─4-G G W x ! n2 检查版本号功能开F * g发（requirem O e P加载n p n R C o }资源类型讲解+npmlog封装）.mp4 36.53MB

│ │ ├─4-3 最低Node版本检查功能开发.mp4 20.92MB

│ │ ├─4] O ; 9 S 6 . f g-4 root账号启动检查和自动降级功能开发.mp4 21.93MB

│ │ ├─4-5 用户主目录检查i F 1 ! P功能开发.mp4 23.2MB

│ │ ├─4-6 入参检查和debug模式开发.ma z h B { / y bp4 16.3MB

│ │ ├─4} % h x j-7 环境变量检查功能开发.mp4 25.61MB

│ │ ├─4-8f o x w [ U U M 通用npm API模块封装.mp4 37.4Ms N R DB

│ │ ├─4-9 npm全局更新功能开发.mp4 30.15MB

│ │ ├─E G ^ b ` f z 0 Y5-1 快速实现一个commander脚手架.mp4 11.01( p 4 | } n ` \MB

│ │ ├─5-2 commao n Gnder脚手架全局配置.mp4 11.83MB

│ │ ├─5-3 commander脚n 6 i v )手架命令注册E k b 7 N |的两种方法.mp4 20.13MB

│ │ ├─5-4 comn 7 L 9 lmander@ Z ? S P b 7 ?注册命令的两种高级用法.mp4 21.12MB

│ │ ├─5-5 再讲3条commande} q H D 7r的高级用法.mp4 21.69MB

│ │ ├─6-1 通过webpack完成ES Module资源构\ * a i建.mp4 21.82MB

│ │ ├─6M l , s 7 }-2 通过webpackS b , L target属性支持Nodf z 3 ,e内置库.mp4 12.9Y B E g _ T k u9MB

│ │ ├─6-3 webpack loadu Z : e Ser配置babel-loader支持低版本node.mp4 43.33MB

│ │Z E _ ├─6-4 通过Node原生支持ES Module.mL l 0 Y % Jp4 7.41MB

│ │ ├─6-5 【讨论题】a u * K o聊一聊你对 Webpack babel-lo@ J s o 9 | 3 6 Oader原理的理解.png 42.4@ z n : N .3KB

│ │ ├─6-6 Node支持ES Module的两种方法总结.mp4 11.21MB

│ │ ├─7-1 本周总结+作业.mp4 25.68MB

│ │ └─7-2 【学习任务】练习 commander 命令的\ G N q使用.png 40.52KB

│ ├─t i 5 |第4周 脚手架命令注册和执行过程开发

│ │ ├─1-1 本周整体内容介绍和学} 7 m s d t 5 q习方法.mp4 47.42MB

│ │ ├─2-1 imooc-cli脚手架初始化+全局参数注f n + I @ ,册.mp4 119.51MB

│ │ ├─2-2 imooc-cli脚手架命令注册.mp4 91.14MB

│ │ ├─3-1 当前imooc-cli脚手架架构痛点分析.mp4 53.77MB

│ │ ├─3-2 高性能脚手架架构设计.mp4 81.87MB

│ │ ├─3-3 脚手架命令动态加载功能架构设计.mp4 47.59MB

│ │ ├b 1 c v 0─4-1 脚手架命令本地调试功能支持.mp4 139.26MB

│ │ ├─4-2 动态执行库exec模块创建1 q z.mp4 69.h f o –31MB

│ │ ├─4-3 创建npm模块通用类Package.mp4 80.9MB

│ │ ├─4-4 Pac^ 3 a y gkage类的属性、方法定义及构造函数逻辑开发.mp4 263.33MB

│ │ ├─4-5 Package类获取入口文件路径功能开发（pkg-dir应用+解决不同操作系统路径兼容问题）.! B P 5 m :mp4 180.73MB

│ │ ├─4-6 利用npminstall库安装npm模块.mp4 341.68MB

│ │ ├─4-7 Package类判断模块是否存在方法开发.mp4 239.38MB

│ │ ├─4-8 Package类更j ! = J c F 9 v 6新模块逻辑开发.mp4 214.77MB

│ │ ├─4-9 Package类获取缓存模块入口文件功能改造.mp4 87.74MB

│ │ ├─5-r n Q ? s s d e1 进程b X W H * l U w的基本概念（讲解在操作系统中如何查看t X * 2 x H I X进程的嵌套关系）.mp4 197.34MB

│ │ ├─5-2 childproa t a f ] x F j _cess异步方法使用教程（exec&execFile）.mp4 145.75MB

│ │ ├─5-3 childprocess spawn用法以6 p H 0 K + !及与exec&execFile的区别.mp4 1S Q L Q27.55MB

│ │ ├─5-4 childprocess fork用法及父子进程通信机制讲解.mp4 53.5MB

│ │ ├─5-5 childprocess同步方法使用教程.mp4 49.51MB

│ │R c W / D 0 T h ├─5-6 【讨论题】对Node.js c5 9 P y ~ + , : rluster模块进行原理分析，说出你的理解.png 57.11KB

│ │ ├─6-1 通用脚手架命令Command类封装.mp4_ * # o 9 ~ m S A 173.61MB

│ │ ├─6-2 脚手架参数初始化方法开发.mp4 194.03MB

│ │ ├─6-3 利用Node多进程W $ 3 7 B动态执行命令（stdio的inheritR 1 h l属性讲解）.mp4 99.32MB

│ │ ├─6-4 生成Node多进程动态执行代码.mp4 70.24MB

│ │ ├─X k U6-5 wiW H z Kndows操作系统spawn执行命令兼容.mp4 29.53MB

│ │ ├─7-1 Node多进程childprocess库exec方法源码执行流程分析.mp4 407.71MB

│ │ ├─7-2 高能：childprocess库exec源码精度.mp4 311.03MB

│ │ ├─7-3 深度分析childprocess库spawn底层实现.mp4 400.4i n – C1MB

│ │ ├─7-4 childprocess事件应用方法详解.mp4 81.04MB

│ │ ├─7-5 高难度：深度解析childprocess库spawn方法回调原理.mp4 272MB

│ │ ├x E { $ F─7-6 childprocess库k o 7 q O k H Y ifork执行流程分析.mp4 90.52MB

│ │ ├─7-7 精化：Node多进程源码总结（想知道结论的同学直接点这r D ^ R | O p .里] ] ? % e a）.mp4 203.91MB

│ │ ├─8-1 本周总结+作业.mp4 87.22MB

│ │ └─8-2 【学习任0 1 ; l o务】 脚手架命令注册的实现.pT i 1 $ Xng 40.84KB

│ ├─第5周 脚手架创建项目流程设计和开发

│ │ ├─1-1 本周整体内容q K 8介绍和学习方法.mp4 35.83MB

│ │ ├─2-1 脚手架创建项目功能架构背后的思考.mp4 19.68MB

│ │ ├─2-2 项目创建前准备阶段架构设计.mp4 45MB

│ │ ├─2-3 下载项目模板阶段架构设计.mp4 26.96MB

│ │ ├─3-1 项目创建准备阶段——判断当前目录是否为空功能开发.mp4 126.66MB

│ │ ├─3-2 inquirer基本用法和常用属性入门.} C \ 6 ~mp4 123.54MB

│ │ ├─3-3 inquirer其他交互形式演示.mp4 57.02MB

│ │ ├0 E h q 6 P V & ^─3-4 强制清空当前目录功能开发.mp4 169] o Z ? C T u.86MB

│ │ ├─3-5L e 8 o 2 ^ , 获取项目基本信] E a ~ } c S息功能开发.mp4 120.89MB

│ │ ├─3-6 项目名称和版本号合法性校验.mp4 164.28MB

│ │ ├─4-1 下载项K 4 # G目模板功能实现流程分析+egg.js简介.mp4 83– i C b i % @.Z % D % `97MB

│ │ ├─4-2 imoow L n . G _ b {c-cli后端项目创建.mp4 108.81MB

│ │ ├─4-3 通过egg.js框架添加新的API.mp4 113.38MB

│ │ ├─4-4 云mongodb开通+本x O 4 / ]地mongodb调试技巧讲解.mp4 187.35MB

│ │ ├─4-5 egg.js接入mongodb方法.mp4 94.53MB

│ │ ├─5-1 脚手架初始化项C U T 7目模板开发.mp4 143.d ] T \ c51MB

│ │ ├─5-2 脚手架请求项目模板API开发.mp4 153.13MB

│ │ ├─5-3 通过环境变量配置默认URL+选J w L ] +择项目& * @ S c W模板功能开发.mp4 93MB

│ │ ├─5-4 基于vue-element-admin开发通用的中后台项目模板.mp4 192.87MB

│ │ ├─6-1 脚手架下载项目模板功能开发.mp4 268.07MB

│ │ ├─6-2 通过spinne7 , W . Rr实现命令行loading效\ Q V a % l 2果.mp4 217.57MB

│ │ ├─6-3 项目模板更新功能调试.mp4 152.19MB

│ │ ├─7-1 本章学习路径和学习目标.5 7 # E 4 imp4 77.03MB

│ │ ├─7-10 inquirer源码执行流程分析.mp4 149MB

│ │ ├─7-2 readline的使用方法和实f + W | s Z S y现原理.mp4 193.18MB

│ │ ├─7-3 高能：深入讲解readline键盘输入监听实现原理.mp43 H V 7 ^ p z 7 500.79MB

│ │ ├─7-4 秀操作：手写readline核心实现.mp4 122.66MB

│ │ ├─7-5 命令行样式修改的核心原理：ansi转义序列讲解.mp4 457.96MB

│ │ ├─7-6 【讨论题】聊聊对readline源码的理解分析.png 39.04KB

│ │ ├N 0 h C # – #─W ? A R q7-7 响应式库rxjs快速入门.mp4 84.49MB

│ │ ├─7-8 放大招：手写命令行交互式列表组件（上）.mp4 253.38MB

│ │ ├─7-9 放大招：手写命令行交互式{ \ i | % : z I 5列表组件（下）.mp4 246.m s ^ x ? x ;24MB

│ │ ├─8-1 本周总结+作业.mp4 81.43MB

│ │ └─8-2 【学习任务】脚手架创建项目流程设计和开发I 9 R ` v.png 51.58KB

│ ├─第} N } Y v d r6周 脚手架项目和4 X 6 y ; M L ?组件初始化开发

│ │ ├─1-1 本周整体内容介绍和学习方法.mp4 3Z ] b ] z 6 D x x3.69MB

│ │ ├─2-1 脚手架安装项目模板架构设计.mp4 61.45MB

│ │ ├─2-2 脚手架组件初始化架m p I A ; 1 L H构/ v T ) $ 2 X V设计.mp4 35.25MB

│} g 4 Q [ \ │ ├─3-1 ejs模板引擎的三种基本用法.mp4 137.69M9 I ] i dB

│ │ ├─3-2 ejs模板不同标签用法详解.mpo @ 5 Z T F u \4 94.48MB

│ │ ├─3-3 ejs模板几种特殊用法.mp4 91.61MB

│ │ ├─3-4 glob用法小结.mp4 74.79MB

│ │ ├─4-1 引入项目模板类型和标准安装逻辑I P ^开发.mp4 147.29MB

│ │ ├─4-2 拷贝项目模板功能开发.mpF C = ? T S _4 120.12MB

│ │ ├─4-I 6 ` 7 O3 项目模板安装依赖和启1 Z g 8 P ] | – H动命令.mp4 221j , ( ! M 4 s.54MB

│ │) Z y 5 q U S 8 A ├─4-4 白名单命令检测功能开发.mp4 129.08q \ Y v `MB

│ │ ├─4-5 项目名称自动格式化功能开发.mp4 81.14MB

│ │ ├─4-6 本章核心：ejs动态渲染项目模板.mp4 3? m L T S69.82MB

│ │ ├─4-7 init命令直接传入项目名称功能支持.mp4 94.22MB

│ │ ├─5-1 慕课乐高组件库模板开i l c = i P + | M发.mp4 108.48MB

│ │ ├─5-2 项目和组件模板数据隔离+动态配置ejs ignore.mp4 1) : R h q ~ &00.47MB

│ │ ├─5-3 获取组件信息功能开发.X 0 6 K N ! X Tmp4 157.75MB

│ │ ├─5-4 解A 7 U j 7 m , B决组件库初I x f s 7 , o始化过程中各种l F p u a , 3工程问题.mp4 110.29MB

│ │ ├─6-1 自定义项目模板开发.mp4 29.8T o | . a6MB

│ │ ├─6T Q 0 \ y U g – }-2 自定义模板安装逻辑开发.mp4 464.26MB

│ │ ├─6-3 自定义模板上线.mp4 91.18MB

│ │ ├─7-1 ejs.compile执行流程分析.mp4 128MB

│ │ ├─7u \ Q j g (-2 深入讲解ejs` _ {编译原理.mp4 344.99MB

│ │ ├─7-3 动态生成Function+with用法讲解.m~ _ ! F i m { Gp4 89.9MB

│J \ f │ ├─7-4 ejs compile函数执行流程分析.mp4 139.11MB

│ │ ├─7-5 ejs.render和renderFile原理讲w B [ V /解.mp4 125.16MB

│ │ ├─8-1 require源码执行流程分析.mp4 312.93MB

│ │ ├S O M ) 9─8-2 require加载模块原理详解.mp4 300.78MB

│ │ ├─8-3 require加载内置模块和四种文X ` – V q – :件类型原理.mp4 230.82MB

│ │ ├─O L | n S # S R8-4 require缓存机制解析和CommonJS加载主模块原理.mp4 137.42MB

│ │ ├─8-5 require原理总结和回顾.mp4 78.32MB

│ │ ├─8-6 【讨论题】请谈~ t ? & r J谈你对Node.js require的理解（面试题）.png 47.04KB

│ │ ├─9-1 本周总结+作业.mp4 31.47MB

│ │ └─9-2 【学习任d , T务】脚手架项目和组件初始化开发.png 54.3KB

│ ├─第7周 B端项目需求分析和架构设计

│ │ ├─z n _ D L 6 [ H1-1 本周简介.mp4 70.32MB

│ │ ├─2-1 引子：突破瓶颈W y n R，前端破局之路.mp4 86.8MB

│ │ ├─2-2 需求分析.mp4 355.25MB

│ │ ├─2-3 项目[ 4 5 / h ^ @难点分析.mp4 320.65MB

│ │ ├─2-4 【讨论题】谈一谈大家目前在公司或者学习生活中，遇到的瓶颈.png 22.13KB

│ │ ├─3-1 组件库难点解决方案.mp4 156.33MB

│ │ ├─3-2 编辑器难点解析一n ( U . { O y U.mp4 258.2MBl ; 6 Z X r I & t

│ │ ├─3-3 编辑器难点解析二.mp4 365.77MB

│ │ ├─3-4 技术选型 – typescript.mp4 214.15MB

│ │ ├─3-5 技术选型 – vue 和 react.mp4 263.79MB

│ │ ├─4-1 总体架构.mp4 261.62MB

│ │ └─4-2 【学习任务】完成技术方案设计文档.j { b ; { _png 31.59KB

│ ├─第8周 前端基础技术回顾和巡礼

│ │ ├1 / O i ~ ( 3 ^ 9─1-1 本周导学.mp4 45.32MB

│ │ ├─2-1 Ty@ h l | z x lpescript 基础知识.mp4 160.89MB

│ │ ├─2-10 定义文件进阶 – 写一个定义文件.mp4 113.09MB

│ │ ├─2-11 typescript 总结.mp4 103.41MB

│ │ ├─2-2 接X / D g口：Interface.mp4 128.27MB

│ │ ├r ; D % [ 6 z─2-3 类和接口.mp4 137.91MB

│ │ ├─2-4\ j Y O E E J j 泛型基础知识.mp4 90.06MB

│ │ ├─2-5 解析源码：泛型j # h A K v 7 c和接口.mp4 165.56MB

│ │ ├─2-i 0 w – A s O6 源码解析# ) _ U – ; T T：深入泛型.mp4 160.46MB

│ │ ├l ) 4 g A─2-7 源L L ^ 5 % l ~ W码) * * i n F % 7解析 ：高级特性.mp4 150.65MB

│ │ ├─2-8 源码解析 extends 的妙用.mp4 156 J \ T m c c6.39MB

│ │ ├─2-9 定义文件 基础知识.mp4 131.41MB

│ │ ├─3-1 新特性简介.mp4 277.41MB

│ │ ├─3-10 使用泛型改造自定义函数.mp4L a V | G 308.31MB

│ │ ├─3-11 知识小结.mp4 231.1MB

│ │ ├─3-12 【学习任务】为 clipboard.js 库写类型文件.png 37.48KB

│ │ ├─3-13 【讨论题】谈谈你对这两种框架 React 和 Vue 的看法.png 22.28KB

│ │ ├─3-2 为什么有 compositio2 C Kn API.mp4 109.J $ 2 N t p a m s55MB

│ │ ├─3-3 compositio{ ! ` d yn API 基础知识.mp4 288.92MB

│ │ ├─3-4 深入响应式对象 – 追踪变化.mp4 17x w L S1.61MB

│ │ ├─3-5 深入= e A响应式对象 – 存储和触发 efE + ` @ ! T )fect.mp4 216.9MB

│ │ ├─3-r , Z V6 Vue 副作用处理机制.mp4 201.13MB

│ │ ├─3-7 Vue 深入了解 watchEffect.mp4 347.619 x M & A S & P XMBI j 3 * M U 8

│ │ ├─3-8 Vue 使用 watch 精确控制副作用.mp4 209.45MB

│ │ └─3-9 第一个自定义hooks 函数.mp4 253.46MB

│ └─第8 d o l @ * 2 R p9周 项目整体搭建

│ ├─1-1 课程导学.mp4 56.61MB

│ ├─2-1 大话前端工具链.mp4 203.96MB

│ ├─2. / ! d A T-2 使用 Imooc CLI 创建项目.mp4 133.32MB

│ ├─P W j _ * + } #2-3 小花絮：Vue CLI 对战 Vi@ ` f x u L r k ete: Y : r # ) : r.mp: . [ L Q A4 123.77MB

│ ├─3-1 使用 ESLint 添加代码规范.mp4 1? { y { – #51% 9 W p $ 2.39MB

│ ├─3-2 深入 ESLint 配置文件.mp4 163.94MB

│ ├─3-3 小花絮：使用 Prettier 自动格式化代码.mp4 165.67MB

│ ├─3-4 项目结构规范.mp4 116.31MB

│ ├─3-5 了解 Git Flow 标准.mp4 189.43MB

│ ├─3. p a + A ,-6 【讨论】聊一聊对于 ESLin_ I B Pt 和 Prettier.png 23.95KB

│ ├─4/ ] i r–E P m , \ H R 3 #1 安装 ant-design-vue 组件库.mp4 180.14MB

│ ├─4-2 使用 aI 9 3 o * unt-dW I nesign-vue 搭建页面框架.mp4 271.59MB

│ ├─4-3 SPA 路由的基本原理.mp4 209.78MB

│ ├─4-4 添加配置 Vue Router.mp4 170.51MB

│ ├─4-5 使用 Vue RW b M V A / #outer 钩子函数获取路由信^ u z S 5 t r ~ J息和跳转.mp4 249.52Mn r M ( M g \ wB

│ ├─4-6 使用 Vue Router 元数据0 0 1和嵌套路由解决不同模版结构.T Z p h l ` / V bmp4 203.2MB

│ ├─5-1 什么是状态管理工具.mp4 1t O V 7 D E = m p38.98MB

│ ├─5-2G J ) e n 6 # d K Vuex 安装和基础使用.mpo Q &4 117.73MB

│ ├─5-3 Vuex 结合整个应用.mp4 202.97MB

│ ├─5-4 Vuex 添加 mutations 和 getters.R L N 5 vmp4 221.49MB

│ ├─5-& ; 4 /5 使用 Module 分割 Vuex 模块.mp4 187.6MB

│ ├─6-1 本周总结.mp4 120.67MB

│ └─6-2 【学习任务】 完成《技术规范文档》.png 29.96KB