第1章 课程介绍 试看 2 节 | 21分钟

对课程进行简单的介绍。

收起列表

• 视频： 1-1 新导课-为什么学习本课程？ (08:18) 试看
• 视频： 1-2 课程技术介绍及效果展示 (12:10) 试看

第2章 当当书城项目前端准备—Vite +Vue3.2+ TS 实现企业级环境配置（上） 11 节 | 57分钟

本章结合 TS 详讲企业项目必备的前端技术配置和诸多细节：包括 Vite 环境配置，TS +Dotenv + Vite.config.ts 函数式配置。

收起列表

• 视频： 2-1 本章概述 (03:45)
• 视频： 2-2 vite +vue3.2 +ts 初始化项目 (06:27)
• 视频： 2-3 环境变量：vite env环境变量和底层接口 (05:56)
• 视频： 2-4 自定义环境变量和 vue-tsc 的理解 (08:49)
• 视频： 2-5 vite.config.ts更好用的开发环境配置方式 (07:04)
• 视频： 2-6 配置准备：环境变量配置的4项准备和底层TS的引入 (11:24)
• 视频： 2-7 重点配置理解：环境变量跨域代理两点理解 (02:45)
• 图文： 2-8 开始2-9之前配置准备【避免 import * as】
• 视频： 2-9 TS 应用: TS模块声明 在环境文件的应用 -1 (05:46)
• 视频： 2-10 TS 应用: TS模块声明 在环境文件的应用 -2 (04:16)
• 作业： 2-11 如何借助 TS 的高级类型 解决 2-9 类型自动提示问题

第3章 当当书城项目前端准备—Vite +Vue3.2+ TS 实现企业级环境配置（下） 12 节 | 62分钟

本章结合 TS 详讲企业项目必备的前端技术配置和诸多细节：包括动态图片管理， Vite 中的 ESLint 配置 及10项 rules 配置, 19项tsconfig.json 配置。

收起列表

• 视频： 3-1 生产环境配置+volar使用 (05:01)
• 视频： 3-2 通过图片名动态加载图片路径的5大好处 (02:51)
• 视频： 3-3 通过图片名动态加载图片代码实现-1 (09:39)
• 视频： 3-4 通过图片名动态加载图片代码实现-2 (03:58)
• 视频： 3-5 通过图片名动态加载图片代码实现-3 (04:56)
• 视频： 3-6 ESLint：vite+ts 中的 10项 eslint 详解-1 (08:49) 试看
• 视频： 3-7 ESLint：vite+ts 中的 10项 eslint 详解-2 (02:51)
• 作业： 3-8 ESLint 配置实践
• 视频： 3-9 规则联合：Prettier +ESLint (06:05)
• 视频： 3-10 配置详解：Vite 中的 19项 ts 配置详解-1 (08:43)
• 视频： 3-11 配置详解：Vite 中的 19项 ts 配置详解-2 (07:46)
• 视频： 3-12 本章总结 (01:19)

第4章 深度 TS 递进式构建高可维护性，高可扩展分层项目架构（上） 17 节 | 150分钟

本阶段知识量大，广而深。 囊括：1. MySQL数据库，SQL查询，路由，全局异常准备，响应处理，日志封装。

收起列表

• 视频： 4-1 本章概述 (09:08)
• 视频： 4-2 数据库相关知识 (04:47)
• 视频： 4-3 安装 MySQL 数据库和相关配置理解 (10:53)
• 视频： 4-4 MySQL 登录，新建用户，分配权限 (04:01)
• 视频： 4-5 MySQL 命令状态下数据库，数据表操作，数据类型，主键 (21:41)
• 视频： 4-6 SQL 查询 ：8 种常见 SQL 基础查询，分页查询 (04:59)
• 视频： 4-7 补 分页查询，多种模糊查询，字段追加，update-1 (11:18)
• 视频： 4-8 安装 、使用 Navicat 工具进行操作 (07:38)
• 视频： 4-9 搭建 Koa +TS 初始项目 和 ctx 参数底层脉络 (13:35)
• 视频： 4-10 路由实现—用户二级路由，路由请求，相关TS 技巧应用 (08:58)
• 视频： 4-11 自动路由加载—手写自动路由加载【避开 TS 中 requireDirectory 底层坑】-1 (11:01)
• 视频： 4-12 自动路由加载—手写自动路由加载【避开 TS 中 requireDirectory 底层坑】-2 (11:37)
• 图文： 4-13 上节单词更正+Mac 电脑和 windows 的差异说明
• 视频： 4-14 全局异常准备—快速理解基于中间件的洋葱模型【会的略过】 (03:17)
• 视频： 4-15 全局异常—搭建 Aop 全局通用异常 (05:10)
• 视频： 4-16 响应处理—响应成功和响应失败精简封装 (04:56)
• 视频： 4-17 日志封装—灵活运用 TS 封装 log4js (16:17)

第5章 深度 TS 递进式构建高可维护性，高可扩展分层项目架构（中） 17 节 | 103分钟

本阶段知识量大，广而深。 囊括：1.数据库配置封装、Dao 封装、ORM框架的开发。

收起列表

• 视频： 5-1 数据库配置封装—综合应用 TS 实现 MySql 配置【泛型综合+重载】 (14:08)
• 作业： 5-2 TS 水平应用自测题—调用配置方法错误解决
• 作业： 5-3 如果数据库配置或配置项需要更新，如何实现？
• 图文： 5-4 window, mac 电脑配置差异说明
• 视频： 5-5 Dao 封装：MySQL 连接和异步查询方法+Dao 实现 (16:42)
• 视频： 5-6 ORM 框架：equelize 3 种 MySQL 数据操作方案 (13:58)
• 视频： 5-7 ORM 框架：Sequelize 方案1创建模型 (04:21)
• 视频： 5-8 ORM框架：Sequelize 方案1添加用户-1 (01:30)
• 视频： 5-9 ORM框架：Sequelize 方案1添加用户-2 (05:23)
• 视频： 5-10 ORM框架：Sequelize 方案1 模型创建表和创建规则-2 (03:25)
• 视频： 5-11 ORM 框架——Sequelize 方案1 极简完成查询所有用户 (04:38)
• 视频： 5-12 ORM框架——Sequelize 方案1 5种查询简化实现-1 (06:09)
• 视频： 5-13 ORM框架——Sequelize 方案1 5种查询简化实现-2 (04:20)
• 视频： 5-14 ORM框架——Sequelize 方案1 5种查询简化实现-3 (03:46)
• 视频： 5-15 ORM框架——Sequelize 方案1 分组聚合查询实现 (10:38)
• 视频： 5-16 ORM框架——Sequelize 方案1 动态分页查询 (05:11)
• 视频： 5-17 ORM框架——Sequelize 方案2 装饰器模型完成查询 (08:49)

第6章 深度 TS 递进式构建高可维护性，高可扩展分层项目架构（下） 34 节 | 234分钟

本章讲解包括：1. 诸多TS高级语法的深度应用 2. 逐层递进式的搭建一个具有高可扩展性，高可维护性，可读性优良的后端项目架构，达到大厂对高质量后端项目的要求。3. MySql 查询，外键、外键约束、inner join深入。

收起列表

• 视频： 6-1 项目架构升级——构建高可扩展性，高可维护性的项目架构 (16:23)
• 视频： 6-2 koa 访问数据库服务器高性能优化——sequelize 数据库连接池 (07:54)
• 视频： 6-3 连接池应用—— sequelize 连接池配置 和感知连接池的存在，底层原理。 (08:03)
• 视频： 6-4 分层实现——经常被误用误解的 service 到如何正确理解和使用？ (04:16)
• 视频： 6-5 当当书城关联数据表准备—MySql 表外键在当当书城中的应用 (02:52)
• 视频： 6-6 当当书城关联数据准备—深入理解 mysql 外键 (12:28)
• 视频： 6-7 当当书城关联数据准备—图解 MySql 多表内连接 (12:14)
• 作业： 6-8 级联更新 ON UPDATE CASCADE 关联表
• 视频： 6-9 当当书城关联数据准备—掌握MySql 多表左外连接 (05:45)
• 视频： 6-10 sequelize 多表关联局限性—sequelize 返回结果和前端显示要求相差太远 (22:53)
• 视频： 6-11 解决 sequelize 多表关联局限性准备—sequelize 完成表关联原生查询 (11:23)
• 视频： 6-12 深度应用 TS 解决当当书城复杂难题—构建符合前端的多表级联数据-第一阶段 (07:52)
• 视频： 6-13 深度应用 TS 解决当当书城复杂难题—构建符合前端的多表级联数据-第一阶段 (08:46)
• 视频： 6-14 深度应用 TS 解决当当书城复杂难题—构建符合前端的多表级联数据-第二阶段 (14:40)
• 视频： 6-15 深度应用 TS 解决当当书城复杂难题—构建符合前端的多表级联数据-第三阶段 (11:11)
• 视频： 6-16 深度应用 TS 解决当当书城复杂难题—构建符合前端的多表级联数据-第三阶段 (05:55)
• 视频： 6-17 深度应用 TS 解决当当书城复杂难题—构建符合前端的多表级联数据-第三阶段 (08:56)
• 作业： 6-18 挑战 Sequelize +TS 深度复杂难题
• 视频： 6-19 进一步优化管理 3-43到3-48 复杂 TS 类型 (02:16)
• 视频： 6-20 TS 装饰器重构 Koa 路由请求准备—理解装饰器路由给大中项目带来的3大优势 (03:35)
• 视频： 6-21 TS 装饰器重构 Koa 路由准备—TS 类装饰器 (05:49)
• 视频： 6-22 TS 装饰器重构 Koa 路由准备—工厂函数类型在装饰器中的应用 (03:07)
• 视频： 6-23 TS 装饰器重构 Koa 路由准备—方法装饰器 (04:06)
• 视频： 6-24 TS 装饰器重构 Koa 路由——第一步实现 (04:05)
• 视频： 6-25 TS 装饰器重构 Koa 路由下一项准备—reflect-metadata 和 它的“用武之地” (09:21)
• 视频： 6-26 TS 装饰器重构 Koa 路由——Koa 路由请求方法实现 (05:24)
• 视频： 6-27 TS 装饰器重构 Koa 自动路由加载工具 (13:51)
• 视频： 6-28 TS 装饰器重构 Koa 路由—Contoller 装饰器实现 (10:45)
• 视频： 6-29 TS 装饰器重构 Koa 路由—Contoller 模块路径追加 (05:37)
• 作业： 6-30 前端高级架构师拓展挑战题—Sequelize 事务和代码展
• 作业： 6-31 创建图书表并添加数据
• 作业： 6-32 使用 sequelize 完成图书 model 实现
• 作业： 6-33 使用 sequelize 完成图书模糊和分页查询
• 视频： 6-34 本章总结 (03:35)

第7章 当当一级到三级图书分类及多项扩展功能（上） 29 节 | 193分钟

本章基于大厂高质量大中项目的代码标准完成图书三级分类模块功能，技术包括： 1. 可扩展性优良集成度高的异步配置类。 2. Axios 初中高三写法对比，Axios 异步高级写法。 3. TS + 目前仍很重要的Vuex4 的高级玩法。 4. Vue3.2 +TS 组件，业务初步分离，watchEffect 灵活使用。 5. 纯 h5 配...

收起列表

• 视频： 7-1 本章概述 (02:53)
• 视频： 7-2 TS 构建多后端扩展优良的前后端交互配置类-1 (08:09)
• 视频： 7-3 TS 构建多后端扩展优良的前后端交互配置类-2 (03:24)
• 视频： 7-4 初中高三种 TS+Axios 异步封装详细对比【深度体会高级写法的好处】 (17:06)
• 视频： 7-5 深入灵活运用 TS 完成 Axios 异步交互类高级写法-1 (10:29)
• 视频： 7-6 深入灵活运用 TS 完成 Axios 异步交互类高级写法-2 (03:57)
• 视频： 7-7 深入灵活运用 TS 完成 Axios 异步交互类高级写法-3 (07:09)
• 视频： 7-8 深入灵活运用 TS 完成 Axios 异步交互类高级写法-4 (02:24)
• 视频： 7-9 TS 实现 前后端异步访问API实现和注意细节 (02:29)
• 视频： 7-10 TS + Vuex4 构建图书分类多模块状态管理 (05:52)
• 视频： 7-11 TS + Vuex4 构建图书分类多模块状态管理+底层异步关联解析 (10:24)
• 视频： 7-12 图书分类页面准备—纯 html5 快速配置手机自适应效果新 (06:03)
• 视频： 7-13 详解手机能自适应效果原因 (01:53)
• 视频： 7-14 图书分类页面准备—页面通用样式准备 (02:58)
• 视频： 7-15 图书分类路由配置和 RouteRecordRaw底层 TS 解析 (07:50)
• 视频： 7-16 flex 技巧性实现图书搜索组件布局-1 (09:37)
• 视频： 7-17 flex 技巧性实现图书搜索组件布局 -2 (15:30)
• 作业： 7-18 作业：使用网格布局方式重新布局搜索组件
• 视频： 7-19 TS 实现高可维护性易用的 Vuex4 getters，actions 的自动提示- (05:13)
• 视频： 7-20 TS 实现高可维护性易用的 Vuex4 getters，actions 的自动提示- (05:30)
• 视频： 7-21 Vue3.2 + store 提取 Koa 图书一级分类 (07:00)
• 视频： 7-22 图书一级分类功能实现+系列技巧性数据展示-1 (07:51)
• 视频： 7-23 图书一级分类功能实现+系列技巧性数据展示-2 (10:11)
• 视频： 7-24 借鉴后端优秀思想—Vue3.2 组件和业务层的初步融合 (09:13)
• 视频： 7-25 watchEffect +Vuex4 提取 mysql 图书二级三级级联数据 (07:00)
• 视频： 7-26 flex 快速实现图书二级分类组件布局 (12:21)
• 视频： 7-27 grid更好更快的完成图书分类三级分类布局 (06:34)
• 视频： 7-28 grid更好更快的完成图书分类三级分类布局 (03:59)
• 作业： 7-29 作业：动态控制图书三级分类列表中间的分隔线

第8章 当当一级到三级图书分类及多项扩展功能（下） 18 节 | 98分钟

本章是集技巧性，复杂性，底层深层问题，高重要度集一体的一章。包括 1. Pinia 从入门到在当当项目中全面应用。 2. Pinia 底层用到的 Vue3.2 源码中的连环复杂泛型，更复杂的类型体操。 3. 更深入深刻掌握 Pinia，Pinia底层 DefineStoreOptions 等复杂泛型剖析。 4. 看似简单但技巧新十足的图书迭代循环中...

收起列表

• 视频： 8-1 正确配置迭代中的三级分类折叠收起数据源 (06:42)
• 视频： 8-2 图书分类迭代中的展收起布局 (05:45)
• 视频： 8-3 循环图书二三级分类展开、收缩功能实现+难点解决 (12:42)
• 作业： 8-4 作业：对 8-3 代码的补充
• 视频： 8-5 对比 代表目前主流 Vuex 和 代表未来的 Pinia 的8大优点。 (05:09)
• 视频： 8-6 学会使用 Pinia 和掌握 Pinia 核心语法-1 (06:11)
• 视频： 8-7 学会使用 Pinia 和掌握 Pinia 核心语法-2 (02:04)
• 视频： 8-8 Vue组件和Pinia交互+ 一个经典的坑 (11:13)
• 视频： 8-9 怎么写比写什么重要太多——初步切割 pinia 和组件业务 (03:35)
• 视频： 8-10 Pinia+TS全面应用：使用Pinia重构当当图书分类数据状态 (04:51)
• 视频： 8-11 Pinia全面应用——Pinia+TS +Vue3.2 灵活切割业务和组件 (09:34)
• 视频： 8-12 更深入深刻的掌握Pinia—— Pinina 底层复杂 TS 泛型DefineStoreOptions的深入破剖析 (06:14)
• 作业： 8-13 作业：请用更好的 TS 语法来替换 8-12 中类型错误问题
• 视频： 8-14 更复杂的 TS 类型体操——深入 Pinia 底层用到的Vue3.2源码中的连环复杂泛型-1 (04:58)
• 视频： 8-15 更复杂的 TS 类型体操——深入 Pinia 底层用到的Vue3.2源码中的连环复杂泛型-2 (07:39)
• 视频： 8-16 作业：Pinia 复杂 UnwrapRef & _StoreWithGetters 对 Pinia的意义(高难度，选做) (02:18)
• 视频： 8-17 Pinia actions底层类型解析 (01:17)
• 视频： 8-18 本章总结和知识梳理 (07:22)

第9章 图书分类搜索当当图书列表，图书排序（上） 27 节 | 180分钟

从本章开始，难度逐步提高, 同学能更深入掌握 Pinia ,全面掌握 Pinia + Vue3.2 +TS +Koa 的深度整合。 本章概述： 1. TS+Pinia 在跨视图，多组件中的深层应用 2. Pinia 缓存生成，缓存失效原因深解 3. Vue3.2+Pinia 跨视图实现面包屑功能 4. 跨组件，跨视图动态切换图书列表功能 5. 比定位布局...

收起列表

• 视频： 9-1 本章概述+本章 8项 项目功能展示 (06:04)
• 视频： 9-2 Koa 后端—Sequelize 装饰器方案实现图书 Model + Dao 层 +装饰器路由 (08:05)
• 视频： 9-3 布局复用—局部布局相同的两搜索组件如何复用？ (13:29)
• 视频： 9-4 布局优化—用比定位布局更优的 grid-area 去布局搜索组件 (12:41)
• 视频： 9-5 跨视图多组件状态通信—Pinia 在跨业务层中快速传递图书分类状态。 (08:56)
• 视频： 9-6 缓存失效—Pinia 图书状态传递的 getters 缓存为何失效？ (04:23)
• 视频： 9-7 大厂面试题：深解 Pinia getters 何时被缓存？何时没有缓存？ (10:10)
• 作业： 9-8 实战作业—深入 Pinia getters 缓存和没有缓存的
• 视频： 9-9 Pinia 常见坑—解决 Pinia 跨视图数据通信中的坑 (03:40)
• 视频： 9-10 高可扩展性 + 高可维护性动态图片+3种图片裁剪。 (03:47)
• 视频： 9-11 面包屑功能—Pinia 实现跨视图图书分类面包屑功能-1 (13:23)
• 视频： 9-12 面包屑功能—Pinia 实现跨视图图书分类面包屑功能-2 (03:13)
• 视频： 9-13 面包屑布局—图书1-3级分类面包屑布局 (06:36)
• 视频： 9-14 Pinia +Vue3.2 跨视图三级列表四项功能+难点化解 (17:59)
• 作业： 9-15 作业：Pinia+Vue3.2实战—迁移动态 tab状态值
• 视频： 9-16 浮动布局妙用——短板变成了优点，不均匀的分类排列 (09:32)
• 视频： 9-17 跨视图选项切换—跨视图跨组件切换图书 tab 背景（加特效）- (05:32)
• 视频： 9-18 一个很隐蔽的坑—图书动态切换中的 click 事件为何失效？ (07:22)
• 视频： 9-19 细节处理—美化图书三级分类布局 (00:52)
• 视频： 9-20 视频作业：图书分类列表位置动态切换 【Pinia +Vue3.2 深入综合实战 (01:37)
• 视频： 9-21 布局难点突破—grid 实现图书列表布局+布局错位的解决 (12:06)
• 视频： 9-22 布局图书列表—grid 实现图书列表布局 (08:15)
• 视频： 9-23 前端+Koa 后端实现图书列表功能 (06:57)
• 视频： 9-24 Pinia +Vue3.2 跨视图跨组件动态切换图书列表-1 (08:01)
• 视频： 9-25 Pinia +Vue3.2 跨视图跨组件动态切换图书列表-2 (02:54)
• 作业： 9-26 实战作业—跨视图和当前视图结合双向动态切换图书列表
• 视频： 9-27 定位堆叠+网格布局子元素布局美化 (03:33)

第10章 图书分类搜索当当图书列表，图书排序（下）+ redis 深入应用 20 节 | 109分钟

本章是前端+真后端架构能力大幅晋级的一章，涵盖了多个高质量大厂的架构技能。概述如下： 1. redis 从入门到当当书城中的全面深度应用 2. 真正高内聚低耦合式的 ts+koa+redis 完美整合。 3. 百度高级前端架构面试题：3.1 mysql 复杂 sql 查询 3.2 全栈图书销量排名 3.3 销量相同，名次相同 4. 全...

收起列表

• 视频： 10-1 flex 实现图书排序组件布局 (05:41)
• 视频： 10-2 全栈实现图书排序准备：图书升序、降序、排序字段、选项切换-1 (04:46)
• 视频： 10-3 全栈实现图书排序准备：图书升序、降序、排序字段、选项切换-2 (06:02)
• 视频： 10-4 全栈实现实现图书排序—完成 Koa +Sequelize 后端图书三级分类排序 (06:29)
• 视频： 10-5 全栈实现图书排序相关sql — 正确理解MySql 复合字段排序 (03:56)
• 视频： 10-6 全栈实现图书排序：接口API+Pinia +Vue3.2+Service 异步图书排序 (07:12)
• 作业： 10-7 作业：百度前端架构师面试题
• 作业： 10-8 作业：百度前端架构师面试题-升级
• 视频： 10-9 redis 安装，客户端，服务器启动 (02:43)
• 视频： 10-10 全面理解redis — 多个应用场景， 多主多从集群-1 (12:24)
• 视频： 10-11 redis 5大数据结构和重要命令详讲 (05:20)
• 视频： 10-12 redis hash结构详讲 (04:01)
• 视频： 10-13 Redis set zset数据结构详讲 (06:32)
• 视频： 10-14 koa+ts+redis 初步整合-1 (06:42)
• 视频： 10-15 koa+ts+redis 初步整合-2 (04:40)
• 视频： 10-16 升级 TS+ Redis 整合+封装 — TS+Koa 分层 Redis (07:24)
• 视频： 10-17 Redis 全面应用—TS + Redis + Koa 当当书城实战 -1 (08:49)
• 视频： 10-18 Redis 全面应用—TS + Redis +Koa 当当书城实战-2 (03:15)
• 视频： 10-19 高内聚低耦合--解耦 redis 和 service 层+TS 类 impl TS 接口的真应用-3 (08:06)
• 视频： 10-20 本章总结和知识梳理 (04:33)

第11章 Java源码手写前端redis底层hash结构源码【反向塑造更高阶前端编码能力】 21 节 | 122分钟

本章是帮助前端同学突破前端技术思维局限的一章，本章把 Java 底层源码的优秀思想反向带入到前端中，并完全用TS 手写了 redis hash底层最核心的那部分技能，好处有三：1. 提高竞争力，是拉大和其他同级别前端的差距的全栈核心技能之一，2. 也是降低前端 35 岁后危机的核心技能之一 3. 提升技术思考能力，让技...

收起列表

• 视频： 11-1 本章概述+给前端同学带来的3大好处 (03:48)
• 视频： 11-2 在前端手写 redis hash 结构源码准备—cpu 高效的7种位运算-1 (05:08)
• 视频： 11-3 在前端手写 redis hash 结构源码准备—cpu 高效的7种位运算-2 (05:29)
• 视频： 11-4 初级写法—redis hash 数据结构源码的初级写法 (13:41)
• 视频： 11-5 hashcode+redis 初级写法带来的两大问题 (06:19)
• 视频： 11-6 降低 hash 值冲突—深剖 Java，前端兼有的 redis hash 源码：hash ^ hash- (10:58)
• 视频： 11-7 降低 hash 碰撞— 手写 Java，前端兼有的 redis hash 源码- (03:48)
• 视频： 11-8 手写链地址法源码第一步——图解轻松理解 redis 底层 HashNode (1) (07:58)
• 视频： 11-9 手写链地址法源码第一步——Hash泛型的4层传递 (02:13)
• 视频： 11-10 手写链地址法源码第二步： 为 hash 表扩容和 hash 新节点条件 (08:08)
• 视频： 11-11 手写 redis hash 链地址法源码第三步：初次 hashtable.get(key) 的源码实现 (06:59)
• 视频： 11-12 优化 11-11 代码——精准 redis hash get 到 put 值的源码实现 (03:33)
• 视频： 11-13 手写 redis hash 链地址法源码第四步：先解决不能用拉链的特殊问题 (05:12)
• 视频： 11-14 手写 redis hash 链地址法源码第五步：拉链法解决 hash 碰撞难点第一次分解-1 (07:22)
• 视频： 11-15 手写 redis hash 链地址法源码第五步：拉链法解决 hash 碰撞难点第一次分解-2 (05:06)
• 视频： 11-16 手写 redis hash 链地址法源码第五步：拉链法解决 hash 碰撞难点第二次分解-1 (06:26)
• 视频： 11-17 手写 redis hash 链地址法源码第五步：拉链法解决 hash 碰撞难点第二次分解-2 (01:09)
• 作业： 11-18 思考题：redis hash 链地址法的扩展作业题
• 视频： 11-19 手写 redis hash 链地址法源码第六步：如何扩容和扩容阈值 (12:01)
• 视频： 11-20 手写 redis hash 链地址法源码第七步：实现map.get 链路值源码 (04:42)
• 视频： 11-21 视频作业：突破前端瓶颈的深度题：为什么和怎样 rehash？ (01:34)

第12章 实现高质量大厂的真全栈图书购物功能【上】+ 企业级复杂场景通用缓存工具 29 节 | 196分钟

前端购物车+接口后端的购物车，相信同学们也做过不少，但绝大多数都只达到了入门级水准，离大厂对真全栈购物车功能的要求差距非常大， 和全栈项目的价值相差非常大。本章为你日后进入大厂和未来的架构生涯的发展又添上了重重的砝码，将带你深度融合 TS 完成更高商业价值的全栈购物车功能。...

收起列表

• 视频： 12-1 本章概述 【认识真正的全栈图书购物功能】 (08:55)
• 视频： 12-2 Sequelize 装饰器方案查询购物车列表-1 【Koa 后端】 (05:04)
• 视频： 12-3 Sequelize 装饰器方案查询购物车列表-2 【Koa 后端】 (10:12)
• 视频： 12-4 Vue3.2 +Pinia + 多业务类提取 Koa 购物车列表-1【前端】 (04:41)
• 视频： 12-5 Vue3.2 +Pinia +多业务类提取 Koa 购物车列表-2【前端】 (04:42)
• 视频： 12-6 Bug 解决：解决多个Pinia store冲突导致的错误- (04:51)
• 视频： 12-7 购物组件布局：增减删购物车组件布局 (04:18)
• 视频： 12-8 纠正被前端+ mock开发组合误解的图书购物设计 (07:10)
• 视频： 12-9 深入 Pinia 响应式——解决7-8后续问题 (02:25)
• 视频： 12-10 实现符合真后端的前端功能——正确实现购物增删改和数量展示 (06:06)
• 视频： 12-11 满足多种视图功能——实现同时满足跨视图、本视图复杂路线的购物组件 (06:10)
• 视频： 12-12 联动数据表的 组件 flex 布局——联动 MySql 购物表布局购物组件样式 (13:05)
• 视频： 12-13 增减删购物组件后续布局 (02:50)
• 视频： 12-14 真后端图书购物添加功能高阶写法—TS 多态+Pick+Sequelize+帮后端减轻高并发压力-1 (14:34)
• 视频： 12-15 真后端图书购物添加功能高阶写法—TS 多态+Pick+Sequelize+帮后端减轻高并发压力-2 (08:15)
• 视频： 12-16 构建基于真全栈+企业级的 TS 版的 storage 复杂场景通用缓存工具-1 (04:11)
• 视频： 12-17 构建基于真全栈+企业级的 TS 版的 storage 复杂场景通用缓存工具-2 (09:48)
• 视频： 12-18 构建基于真全栈+企业级的 TS 版的 storage 复杂场景通用缓存工具-3 (05:01)
• 视频： 12-19 构建基于真全栈+企业级的 TS 版的 storage 复杂场景通用缓存工具-4 (06:00)
• 视频： 12-20 构建 TS + storage 其他4种常用场景的通用缓存工具-1 (14:12)
• 视频： 12-21 构建 TS + storage 其他4种常用场景的通用缓存工具-2 (02:11)
• 视频： 12-22 实现符合真后端业务需求的前端功能---3步实现添加图书到购物车功能-1 (09:55)
• 视频： 12-23 实现符合真后端业务需求的前端功能---3步实现添加图书到购物车功能-2 (10:57)
• 视频： 12-24 构建符合真后端的前端功能概述：实现追加或减少同本图书到购物车-1 (01:43)
• 视频： 12-25 高效精简代码典范：实现追加或减少同本图书到购物车-1【Koa 后端】 (07:44)
• 视频： 12-26 高效精简代码典范：实现追加或减少同本图书到购物车-2【Koa 后端】 (04:52)
• 视频： 12-27 高效精简代码典范：实现符合真后端的从购物车中追加或减少图书-1【前端】 (09:17)
• 视频： 12-28 高效精简代码典范：实现符合真后端的从购物车中追加或减少图书-2【前端】 (03:51)
• 视频： 12-29 视频作业：7-27后续+ 全栈图书购物中复杂连环缓存引起的深度bug (02:36)

第13章 高质量大厂全栈图书购物功能【下】+精简的 TS 版小球飞入购物车动画  20 节 | 129分钟

前端购物车+接口后端的购物车，相信同学们也做过不少，但绝大多数都只达到了入门级水准，离大厂对真全栈购物车功能的要求差距非常大， 和全栈项目的价值相差非常大。本章为你日后进入大厂和未来的架构生涯的发展又添上一个重重的砝码，将带你深度融合 TS 完成更高商业价值的全栈购物车功能。...

收起列表

• 视频： 13-1 转移部分功能到前端，减轻后端高并发压力：Sequelize 装饰器从购物车删除图书【koa后端】 (08:38)
• 视频： 13-2 符合高性能后端要求的前端购物车删除图书准备：5步升级 前端 TS+ storage 通用缓存工具 (09:17)
• 作业： 13-3 作业：完成 13-2 中通用缓存工具更多功能
• 视频： 13-4 为后端减轻高并发压力的前端购物车删除功能+图书数量更新优化-1 (07:03)
• 视频： 13-5 为后端减轻高并发压力的前端购物车删除功能 2 (05:50)
• 视频： 13-6 删除确认——删除购物图书前弹出确认对话框确认是否删除 (07:20)
• 作业： 13-7 作业：13-6代码进一步优化
• 视频： 13-8 底部购物车组件布局——flex +定位完成购物数量，总价，去支付布局-1 (10:26)
• 视频： 13-9 底部购物车组件布局——flex +定位完成购物数量，总价，去支付布局-2 (03:52)
• 视频： 13-10 computed 实时计算底部组件购物数量，总价 (11:33)
• 视频： 13-11 3个细节处理-computed 实时计算底部组件购物数量，总价 (06:51)
• 视频： 13-12 小球飞入动画准备：理解购物小球飞入动画运动轨迹 (01:33)
• 视频： 13-13 小球飞入动画布局 (02:33)
• 视频： 13-14 小球抛物线飞入购物车动画准备： Vue3.2 JS 入场动画 (13:52)
• 视频： 13-15 小球飞入购物车动画准备：视口位置，三维移动 (05:04)
• 视频： 13-16 抛物线小球动画：实现精简版小球飞入购物车动画 (11:31)
• 视频： 13-17 抛物线小球动画：实现精简版小球飞入购物车动画 (06:21)
• 视频： 13-18 抛物线小球动画：实现精简版小球飞入购物车动画 (04:29)
• 视频： 13-19 抛物线小球动画：实现精简版小球飞入购物车动画 (10:00)
• 视频： 13-20 百度前端架构实战题—短时间追加两次图书到购物车，只完成了一次，如何解决？ (02:24)

第14章 颠覆认知——大中全栈项目正向和逆向 checkbox 的复杂实战 21 节 | 110分钟

完成一个纯前端的购物车列表容易，而构建真正符合后端的高并发下高性能的购物车列表就要复杂很多。 所有的购物选择状态变换以及页面都需要前端来实现，这其中关联到数据表，后端服务器代码，前端代码，TS四者合理配合才能实现，如此就需要更高的全栈开发能力，带来的职场竞争力也水涨船高。就让我们开启本章，构建一个高...

收起列表

• 视频： 14-1 本章概述 (06:22)
• 视频： 14-2 购物车列表视图布局 (05:14)
• 视频： 14-3 flex布局——购物车列表视图头部栏布局 (04:38)
• 视频： 14-4 堆叠+多种定位布局——购物车列表上中下三栏布局 (05:51)
• 视频： 14-5 综合 grid+flex布局——购物车列表视图中间栏布局 (13:57)
• 视频： 14-6 flex 布局——购物车列表组件底部栏布局-1 (02:50)
• 视频： 14-7 嵌套 flex 布局——购物车列表组件底部栏布局-2 (07:34)
• 视频： 14-8 购物车列表动态数据：pinia 响应式数据替换购物车列表 (02:53)
• 视频： 14-9 购物组件重构和购物组件复用——购物车列表视图上实现增删减购物功能 (09:25)
• 视频： 14-10 购物组件重构和购物组件复用——高效完成购物车列表视图上的追加、减少图书功能 (07:36)
• 视频： 14-11 购物组件重构和购物组件复用——高效完成购物车列表视图上的删除图书功能 (03:32)
• 视频： 14-12 响应式刷新方法复用—完成底部总价和总数实时计算 (03:38)
• 视频： 14-13 解决一个bug (01:05)
• 视频： 14-14 vue3.2+pinia 组合实现购物车列表全选+响应式失效解决 (10:45)
• 视频： 14-15 购物车列表视图全选 checkbox，退回图书视图，再进来，checkbox 状态丢失，如何解决？ (05:38)
• 视频： 14-16 响应式和 every 结合：购物车列表 check 状态动态改变全选状态 (02:56)
• 视频： 14-17 大中项目逆向 checkbox 的繁杂操作—减轻后端高并发压力的前端功臣 (03:24)
• 视频： 14-18 在购物车列表视图中从购物车中增减图书时 checkbox 如何被逆向选中 ？ (03:12)
• 视频： 14-19 深层问题升级——解决正向的 checkbox 和逆向 checkbox 混合操作引发的深层问题 (06:29)
• 视频： 14-20 作业题——实时计算选中的 checkbox 购物图书的总数和总价 (01:08)
• 视频： 14-21 作业题——空购物车布局和功能实现 (01:04)

第15章 全栈实现当当书城搜索系列功能 32 节 | 155分钟

本章构建当当书城全栈搜索功能，堪称大作：包括：1.构建符合真业务的后端全搜索功能 2. 实现符合后端的前端搜索功能。包括：仿百度搜索自动补全功能以及5项子功能，搜索防抖，历史搜索，搜索发现以及真业务解析 3. 相关 MySql 表和Sql解析。4. Pinia ,Vue的再次深度融合，TS 妙用解决实际难题。...

收起列表

• 视频： 15-1 课程概述 (04:48)
• 视频： 15-2 搜索组件头部栏布局 (08:32)
• 视频： 15-3 flex 多层嵌套布局— 图书搜索组件搜索关键字栏布局 (08:58)
• 视频： 15-4 grid+div 布局搜索历史组件-1 (04:20)
• 视频： 15-5 grid+div 布局搜索历史组件-2 (05:06)
• 视频： 15-6 仿百度搜索自动补全第一步 (05:53)
• 视频： 15-7 仿百度搜索自动补全第二步-1 (02:11)
• 视频： 15-8 仿百度搜索自动补全第二步-2 (02:27)
• 视频： 15-9 仿百度搜索自动补全的5项子动能-1 (06:00)
• 视频： 15-10 仿百度搜索自动补全5项子功能-2 (05:58)
• 视频： 15-11 仿百度搜索自动补全代码优化 (02:29)
• 视频： 15-12 全栈实现仿百度搜索自动补全第一步：mysql 搜索相关数据表设计+创建 (02:57)
• 视频： 15-13 全栈实现仿百度搜索自动补全第二步：构造sequelize装饰器模型 (03:15)
• 视频： 15-14 自动补全+历史搜索+搜索发现之后端业务解析【适用Koa, Java 等多种后端】 (02:51)
• 视频： 15-15 自动补全+历史搜索+搜索发现—后端代码实现 【方案适用Koa, Java 等多种后端】 (05:31)
• 视频： 15-16 自动补全+历史搜索+搜索发现—后端代码实现 【方案适用Koa, Java 等多种后端】 (03:46)
• 视频： 15-17 自动补全+历史搜索+搜索发现—后端代码实现 【方案适用Koa, Java 等多种后端】 (05:17)
• 视频： 15-18 自动补全+历史搜索+搜索发现—后端代码实现 【方案适用Koa, Java 等多种后端】 (02:52)
• 视频： 15-19 自动补全+历史搜索+搜索发现—TS 巧妙获取 sql 原生查询返回值- (11:24)
• 视频： 15-20 联合后端完成前端搜索自动补全功能-1 (07:09)
• 视频： 15-21 联合后端完成前端搜索自动补全功能-2- (04:15)
• 视频： 15-22 视频作业：完成搜索数据表无数据，视图友好提示 (00:28)
• 视频： 15-23 实战中更清晰透彻理解防抖—防抖解决图书搜索自动补全重复提交 (07:29)
• 视频： 15-24 联合后端完成历史搜索功能- (03:21)
• 视频： 15-25 联合后端完成历史搜索功能+缓存叠加功能升级 (08:05)
• 视频： 15-26 从自动补全到历史搜索功能 (07:26)
• 视频： 15-27 解决 15-26 的两个遗留问题——一个作业+双事件问题 (02:47)
• 视频： 15-28 全栈完成搜索发现功能2项准备+后端实现 (08:13)
• 视频： 15-29 全栈完成搜索发现功能【前端 pinia，state 实现】 (05:16)
• 视频： 15-30 全栈完成搜索发现功能【视图，pinia 交互】 (03:23)
• 视频： 15-31 解决 15-28 小 bug (00:50)
• 视频： 15-32 两道作业题：全栈删除历史搜索，删除搜索发现【功能相同，sql不同】 (01:21)

第16章 全栈实现当当书城复杂的图书搜索 25 节 | 107分钟

本章以上章搜索自动补全功能为起点，实现当当书城的复杂搜索功能。首先完成多视图之间的自动补全选项图书搜索，随后讲解出版社下拉选项面板如何实现复杂图书搜索，过滤出版社图书搜索，跨组件遮罩实现。通过本章学习不仅能收获全栈中的复杂搜索功能，而且包含了 TS 对图书数据表的综合应用，这无疑能让全栈搜索实战能力上...

收起列表

• 视频： 16-1 本章概述 【全栈功能展示和技能概述】【先看】 (05:51)
• 视频： 16-2 实现跨视图，多 store 自动补全项搜索图书功能-1 (10:15)
• 视频： 16-3 实现跨视图，多 store 自动补全项搜索图书功能-2 (02:50)
• 视频： 16-4 dispatch 图书搜索准备：实现 dispatch 搜索方法 (05:16)
• 视频： 16-5 多路搜索转发后续实现【续】 (02:12)
• 视频： 16-6 实现自动补全项搜索图书 【后端】 (04:20)
• 视频： 16-7 自动补全项搜索图书 【前端】 (03:44)
• 视频： 16-8 作业：三个视图搜索图书，tab选项的正确显示 (00:40)
• 视频： 16-9 复杂图书搜索准备—出版社栏布局+分发搜索控制 (04:50)
• 视频： 16-10 复杂图书搜索准备—关键字筛选图书出表版社【后端】 (08:25)
• 视频： 16-11 复杂问题： 为 book 表筛选的出版社集合去重【复用 6-14 复杂 TS 方法】 (03:38)
• 视频： 16-12 复杂图书搜索：出版社栏搜索面板实现 (03:51)
• 视频： 16-13 复杂图书搜索准备：联合后端3步实现前端出版社图书搜索面板【第一步】 (03:53)
• 视频： 16-14 复杂图书搜索准备：实现前端出版社图书搜索面板【第二步】 (07:58)
• 视频： 16-15 复杂图书搜索准备：响应式控制出版社图书搜索面板【第三步】 (04:07)
• 视频： 16-16 复杂图书搜索准备：出版社栏图书搜索面板底部按钮布局 (05:00)
• 视频： 16-17 复杂图书搜索出版社面板遮罩实现 (03:49)
• 视频： 16-18 跨子组件的出版社面板遮罩实现（ vue3.2 的新特性实战中综合应用） (08:34)
• 视频： 16-19 视频作业：跨子组件遮罩后续实现 (00:39)
• 视频： 16-20 解决两个问题 (03:09)
• 视频： 16-21 解决面板事件扩大+响应式箭头切换问题 (02:00)
• 视频： 16-22 复杂图书搜索实现第一步【后端】 (03:02)
• 视频： 16-23 复杂图书搜索【前端】-1 (02:10)
• 视频： 16-24 复杂图书搜索【前端】-2 (06:05)
• 视频： 16-25 作业：筛选出版社实现复杂图书搜索 (00:39)

第17章 全栈实现 JWT 从入门到当当书城深入实战应用+JWT 系列难题解决 20 节 | 127分钟

JWT 非常重要！本章首先深入浅出讲解 JWT 原理，数据结构，加密过程，优点，缺点；然后全栈实现两种互补的 JWT 鉴权方法——koa-jwt 和手写验证方案；本章还囊括了无感 refresh token，access token， 非法或过期 token 的正确有效处理；前端路由守卫+前后端 token 联合验证，redis +token 的处理方案。...

收起列表

• 视频： 17-1 本章概述 (02:04)
• 视频： 17-2 登录功能布局实现 (09:53)
• 视频： 17-3 购物权限控制 (04:36)
• 视频： 17-4 认识 JWT，透彻理解 JWT+系类相关技能 (13:46)
• 视频： 17-5 登录功能实现 【Koa+Sequelize 后端实现】 (04:50)
• 视频： 17-6 分层实现 TS 版的 JWT Token 【Koa +Sequelize 后端】 (09:55)
• 视频： 17-7 分层实现 TS 版的 JWT 校验【Koa +Sequelize 后端】 (07:31)
• 视频： 17-8 手写验证处理不合法 或 过期 token问题 【弥补了 koa-jwt 鉴权的不足，互补】- (08:39)
• 视频： 17-9 优化 token 校验和过滤 token 校验【高封装，高扩展性】 (02:43)
• 视频： 17-10 pinia +vue3.2+ts 实现登录功能 +token 存储【前后端】 (10:23)
• 视频： 17-11 pinia +vue3.2+ts 实现登录功能 +token 存储【前后端】 (03:56)
• 视频： 17-12 前端 token 传递给后端，后端如何校验？+注意细节 (07:47)
• 视频： 17-13 作业：前端缓存清除了 token ，再发非登录请求，后端如何正确响应？ (01:19)
• 视频： 17-14 作业：后端 token 过期，如何刷新生成新的 token？ (00:39)
• 视频： 17-15 前后端 token + 前端路由守卫联合完成基础路由验证 (07:30)
• 视频： 17-16 从前端到后端深刻掌握 koa-jwt 鉴权 token 功能 (08:34)
• 视频： 17-17 token相关问题—服务器验证数据表用户，前端弹框正确响应 (04:17)
• 视频： 17-18 koa-jwt 鉴权中，前端识别后端　token　过期，如何带错误回到登录页面？ (06:13)
• 视频： 17-19 实现双令牌—access_token 过期，实现 refresh_token 无感知刷新用户请求 (06:58)
• 视频： 17-20 jwt token 和 token +redis 那个好？ (05:01)

第18章 图书详情和图书评论，评论回复+系列全栈项目难题解决 【上】 16 节 | 137分钟

本章技术覆盖面广，技巧颇多，难度较高，包括复杂图书详情布局和功能，图书好，中，差评搜索，图书评论列表，评论回复，回复列表，取消回复， 图书详情和评论渐变切换等。通过本章学习，同学们驾驭全栈项目架构能力进一步提升到大厂大中全栈项目的复杂要求。技术收获也颇丰，例如：解决手写上下遮罩中的层层问题，回复列表...

收起列表

• 视频： 18-1 本章概述【 功能展示，技术概述，必先看】 (02:43)
• 视频： 18-2 查询图书详情+非法 token 鉴权过滤【后端】 (04:36)
• 视频： 18-3 建图书详情，评论功能三级子组件架构 + 二级子路由配置 (07:33)
• 视频： 18-4 图书详情、头部组件布局，after伪样式+解决子路由跳转回退问题 (11:34)
• 视频： 18-5 pinia 提取后端图书详情数据 (05:19)
• 视频： 18-6 pinia 存储图书详情组件 isbn 和页面数据展示 (09:44)
• 视频： 18-7 复杂图书详情页面布局第一部分+ pinia 状态管理 (08:28)
• 视频： 18-8 复杂图书详情页面布局第二部分+ pinia 状态管理 (11:34)
• 视频： 18-9 复杂图书详情页面布局第三部分——书连册效果 (09:29)
• 视频： 18-10 复杂图书详情页面布局第三部分 (07:05)
• 视频： 18-11 复杂图书详情页面布局第四部分 (09:33)
• 视频： 18-12 图书滚动触发的评论、图书头部组件渐隐渐现特效实现 (09:47)
• 视频： 18-13 性能优化——灵活运用路由优化评论，图书详情交互+渲染bug解决 (05:36)
• 视频： 18-14 评论，回复相关功能准备—数据表，BTREE 索引，模型创建 (13:10)
• 视频： 18-15 满足前端的后端复杂问题—图书评论，回复复杂问题解决 (17:01)
• 视频： 18-16 前后端通信——pinia 获取后端评论，回复关联数据 (03:00)

第19章 图书详情和图书评论，评论回复+系列全栈项目难题解决【下】 21 节 | 155分钟

本章技术覆盖面广，技巧颇多，难度较高，包括复杂图书详情布局和功能，图书好，中，差评搜索，图书评论列表，评论回复，回复列表，取消回复， 图书详情和评论渐变切换等。通过本章学习，同学们驾驭全栈项目架构能力进一步提升到大厂大中全栈项目的复杂要求。技术收获也颇丰，例如：解决手写上下遮罩中的层层问题，回复列表...

收起列表

• 视频： 19-1 评论等级—好评，中评，差评布局 (10:39)
• 视频： 19-2 双 store 双业务类维护图书评论数据状态 (05:54)
• 视频： 19-3 双层 grid 布局+flex 布局图书评论列表+功能实现-1 (10:35)
• 视频： 19-4 双层 grid 布局+flex 布局图书评论列表+功能实现-2 (11:37)
• 视频： 19-5 好评、中评、差评数动态统计实现 (07:23)
• 视频： 19-6 筛选图书好评、中评、差评列表+统计数引发的bug解决 (11:00)
• 视频： 19-7 评论回复实现准备—图书评论回复面板布局-1 (01:00)
• 视频： 19-8 取消回复+评论回复面板布局+面板控制+遮罩效果 (13:03)
• 视频： 19-9 取消回复+评论回复面板布局+面板控制+遮罩效果 (12:02)
• 视频： 19-10 解决评论回复+上下遮罩中的两个关键问题 (04:11)
• 视频： 19-11 适应不同手机——多级 emit 事件传递的替代方案+ 评价回复 scroll 重新计算 (06:02)
• 视频： 19-12 视频作业——评价回复 scroll 重新计算问题 (00:42)
• 视频： 19-13 对评论的回复相关功能展示和难点解析 (02:52)
• 视频： 19-14 对评论的回复列表布局 (04:13)
• 视频： 19-15 评论的回复列表功能+回复列表迭代收起展开系列问题解决 (14:34)
• 视频： 19-16 降低后端高并发压力——5 步完成评论的回复功能【后端】-1 (05:52)
• 视频： 19-17 匹配大中项目，降低后端高并发压力——5 步完成评论的回复功能【后端】 (08:41)
• 视频： 19-18 综合 ts 完成评论的回复功能 【降高并发压力，转移部分后端代码到前端】 (05:15)
• 视频： 19-19 融合 TS +多项技术—完成评论的回复功能 [前端】 (11:05)
• 视频： 19-20 融合 TS +多项技术—完成评论的回复功能 (07:24)
• 视频： 19-21 视频作业——回复评论发表文字处理 (00:18)

第20章 图书首页+全栈实现加载更多图书分页【手写版，高通用】 14 节 | 174分钟

单纯实现分页并不太复杂，但不用插件、全栈手写大厂高通用的分页功能却要复杂很多，手写版能更大提升同学们的全栈能力。本章首先在后端完成通用分页器，然后深入 TS 装饰器实现高通用分页功能，接下来在前后端实现图书首页加载更多图书分页功能，最后完成图书滚动头部渐入渐出效果。...

收起列表

• 视频： 20-1 本章概述【须先看】 (03:28)
• 视频： 20-2 手写高质量分页工具——构建高可通用性的 Pager 【后端】 (07:44)
• 视频： 20-3 手写高质量分页工具——实现首页图书分页功能【后端】 (20:08)
• 视频： 20-4 TS 方法装饰器深入应用——封装高通用性的分页功能 (19:25)
• 视频： 20-5 首页图书加载更多分页实现—pinia 实现分页【前后端】 (08:54)
• 视频： 20-6 首页布局——头部栏布局 (15:22)
• 视频： 20-7 首页布局——nav 布局-[3种布局混合应用】 (11:59)
• 视频： 20-8 首页布局- 首页图书列表布局 (18:55)
• 视频： 20-9 首页图书列表响应式数据展示+减少耦合 (07:34)
• 视频： 20-10 首页布局——底部导航栏布局 (09:58)
• 视频： 20-11 通用和特殊问题灵活处理——由跳转缓存问题引起的结构问题 (09:28)
• 视频： 20-12 手写加载更多图书分页准备——加载下一页旋转等待动画实现 (10:42)
• 视频： 20-13 加载更多图书分页实现 (14:35)
• 视频： 20-14 加载更多图书分页头部组件渐变特效+bug 解决 (15:12)

第21章 当当订单管理, 订单链，订单列表待付款倒计时 33 节 | 281分钟

本章不仅功能复杂，而且技巧性十足，Pina +TS 的全面应用。通过本章学习，同学们可真正弄懂：全栈模式的订单和订单详情远不止仅仅把数据保存到数据表这么简单，要考虑购物车列表选中状态，图书库存，订单和订单状态切换，用户关联，深度应用 TS 构建满足前端需要的订单和订单列表级联数据等一系列问题。...

收起列表

• 视频： 21-1 本章概述 (04:39)
• 视频： 21-2 确认订单准备—解决遗留的指令，事件混合带来的 bug问题 (03:26)
• 视频： 21-3 确认订单布局—模块结构构建+头部组件布局 (07:58)
• 视频： 21-4 确认订单布局—支付组件布局 (11:16)
• 视频： 21-5 确认订单布局—订单图书列表组件布局 (09:47)
• 视频： 21-6 订单购物图书列表超边界后左右滚动效果准备 (10:40)
• 视频： 21-7 响应式依赖响应式的坑—有缓存，刷新数据，数据为何还丢失？ (01:04)
• 视频： 21-8 订单购物图书列表超边界后左右滚动效果实现 (07:24)
• 视频： 21-9 技巧性控制左右箭头滚动——订单图书列表超界后滚动特效 (07:35)
• 视频： 21-10 底部提交订单组件布局 (07:03)
• 视频： 21-11 数据表和外键创建，字段解析—订单和订单详情数据表 (06:02)
• 视频： 21-12 提交订单——添加 order 实现【后端 (15:25)
• 视频： 21-13 TS 高级类型实战应用——解决订单和订单详情关联问题【后端】 (07:58)
• 视频： 21-14 提交订单——异步迭代保存订单详情。【后端】 (01:24)
• 视频： 21-15 ：后续问题——添加订单成功后，如何处理购物车列表，更好返回订单列表？ (20:17)
• 视频： 21-16 ：视频作业——订单提交，如何处理库存问题？【后端】 (00:31)
• 视频： 21-17 关于 orderid 问题的纠正 (01:03)
• 视频： 21-18 提交订单+TS 实战应用——订单，订单详情，购物列表，登录用户合成提交【前后端】 (30:17)
• 视频： 21-19 订单状态—— 待付款，待收货，待评价【前端】 (13:11)
• 视频： 21-20 查询当前用户所有状态的订单和订单详情【后端】 (13:30)
• 视频： 21-21 大厂高标准 TS 深度复杂转换—转换订单状态和订单列表展示 (10:38)
• 视频： 21-22 前端 pinia 异步获取数据——获取后端订单和订单详情列表 (09:16)
• 视频： 21-23 订单列表布局 (07:54)
• 视频： 21-24 复杂 grid 布局和区域瓜分——灵活运用 grid 快速实现订单列表布局 (13:32)
• 视频： 21-25 复杂 grid 布局和区域瓜分——灵活运用 grid 快速实现订单列表布局 (03:19)
• 视频： 21-26 不同订单状态下的动态订单列表展示 (07:38)
• 视频： 21-27 日期格式修正——订单表日期返回到前端时间处理+底部我的订单跳转 (03:34)
• 视频： 21-28 视频作业——筛选不同订单状态的订单列表【待付款，待收货，待评论】 (01:18)
• 视频： 21-29 订单支付倒计时准备——当前订单逻辑删除【后端】 (13:14)
• 视频： 21-30 订单支付倒计时实现 (14:53)
• 视频： 21-31 显示动态订单支付倒计时准备-前后端订单状态更新 (02:31)
• 视频： 21-32 订单支付动态倒计时实现 (11:12)
• 视频： 21-33 视频作业——订单支付倒计时回退，显示订单已提交或暂无订单 (01:01)

第22章 全栈项目上线阿里云服务器系列操作+真机调试 【大餐，快速补全短板】 28 节 | 217分钟

本章内容：1. 云服务器 [ Centos7.x] 购买 2. 上线 MySql，密码策略，权限等 3. 上线 Redis ，核心配置等 4. 线上 PM2 使用，PM2 配置文件支持 TS 5. 线上精简安装Nginx ，Nginx 核心配置 6. 上线 koa 项目，7. vite 预构建，vite.config进一步配置， rollup 配置 8. 前端项...

收起列表

• 视频： 22-1 购买阿里云云服务器——选择 CentOs 7.x 操作系统 (07:47)
• 视频： 22-2 ssh 远程连接： 使用本地 xshell连接云服务器+主机名修改 (02:42)
• 视频： 22-3 部署上线前的准备：开发云服务端口 (02:41)
• 视频： 22-4 mysql 下载：Xshell+CentOs 云服务器中两种常用的mysql 下载方法 (06:25)
• 视频： 22-5 mysql 安装：Xshell+CentOs 云服务器中安装 mysql (09:17)
• 视频： 22-6 mysql 安装坑解决： Xshell+Centos云服务器坑解决，rpm 搜索，进程端口同显 (06:47)
• 视频： 22-7 mysql 登录，密码策略： Xshell+云服务器 mysql 复杂密码问题解决 (08:06)
• 视频： 22-8 mysql 用户，权限： Xshell+云服务器创建 mysql 新用户，分配权限 (03:58)
• 视频： 22-9 当当数据表创建：Xshell + 云服务器 centos 快速创建 mysql 数据表 (02:30)
• 视频： 22-10 nodejs 安装： Xshell +云服务器 centos 安装 nodejs，快捷访问 (06:15)
• 视频： 22-11 更多重要问题：关于线上 Centos 环境变量，软连接相关重要问题 (03:23)
• 视频： 22-12 后端，redis 准备：Xshell +云服务器部署当当项目+redis 服务4项准备 (04:32)
• 视频： 22-13 部署当当后端项目：Xshell +云服务器部署 koa 后端项目 (06:07)
• 视频： 22-14 redis ：Xshell+云服务器安装 redis ， redis 守护进程启动+ 核心配置 (21:41)
• 视频： 22-15 PM2 ：定义，4个优势，xshell+云服务器安装 PM2 (14:32)
• 视频： 22-16 PM2：Xshell + 云服务 pm2 启动、常用命令、 PM2 支持 ts (18:36)
• 视频： 22-17 PM2：核心配置，用 PM2 配置文件启动运行 ts +node-1 (18:48)
• 视频： 22-18 PM2：核心配置，用 PM2 配置文件启动运行 ts +node-2 (05:45)
• 视频： 22-19 视频作业： PM2 生成环境，开发环境更多处理 (00:54)
• 视频： 22-20 Nginx ：概述深入，请求流程， Nginx 部署项目7大好处-1 (08:42)
• 视频： 22-21 Nginx ：概述深入，请求流程， Nginx 部署项目7大好处-2 (03:29)
• 视频： 22-22 Nginx：Xshell + 云服务器3步轻松安装好 Nginx，替代繁琐的安装 (06:52)
• 视频： 22-23 Nginx server 核心配置，Nginx 反向请求 Koa 后端项目 +核心细节深入 (14:11)
• 视频： 22-24 前端项目上线准备：Vite 预构建理解，rollup打包 (05:57)
• 视频： 22-25 前端项目上线准备：rollup 打包和 vite.config.ts 进一步配置 (11:52)
• 视频： 22-26 xshell+云服务器部署前端项目准备+vite.config.ts 进一步配置 (04:19)
• 视频： 22-27 前端项目上线，Nginx 配置全栈项目，上线展示+vite.config.ts 进一步配置 (05:34)
• 视频： 22-28 真机展示上线的全栈项目 (04:29)