[449] Vue3 + TS仿知乎专栏企业级项目 – 网盘下载 - 课程对比栏

网盘链接：

1. 课程介绍

• 1-1 课程介绍（导学 ）
• 1-2 代码库和在线文档使用注意事项（必看）

2. 你好 Typescript： 进入类型的世界

• 2-1 什么是 Typescript
• 2-2 安装 Typescript 文档
• 2-3 为什么要学习 typescript
• 2-4 安装 typescript
• 2-5 原始数据类型和 Any 类型
• 2-6 数组和元组
• 2-7 Interface- 接口 初探
• 2-8 函数
• 2-9 类型推论 联合类型和 类型断言
• 2-12 枚举（Enum）
• 2-13 泛型（Generics） 第一部分
• 2-14 泛型（Generics） 第二部分 – 约束泛型
• 2-15 泛型第三部分 – 泛型在类和接口中的使用
• 2-16 类型别名，字面量 和 交叉类型
• 2-17 声明文件 第一部分
• 2-18 声明文件 第二部分
• 2-19 内置类型
• 2-20 配置文件
• 2-21 【讨论题】对 Typescript 初步学习后的印象和困惑
• 2-22 为 clipboard.js 开源库添加简化版的定义文件

3. 初识 Vue3.0： 新特性详解

• 3-1 vue3 新特性巡礼
• 3-2 为什么会有 vue3
• 3-3 使用 vue-cli 配置 vue3 开发环境
• 3-4 使用 vite 创建项目
• 3-5 代码结构分析以及推荐插件安装
• 3-6 使用 eslint 规范代码
• 3-7 vue3 – ref 的妙用
• 3-8 更近一步 – reactive
• 3-9 vue3 响应式对象的新花样
• 3-10 老瓶新酒 – 生命周期
• 3-11 侦测变化 – watch
• 3-12 vue3 模块化妙用- 鼠标追踪器
• 3-13 模块化难度上升 – useURLLoader
• 3-14 模块化结合typescript – 泛型改造
• 3-15 新版 axios 出现 “unknown” 错误的解决方案
• 3-16 Typescript 对 vue3 的加持
• 3-17 Teleport – 瞬间移动 第一部分
• 3-18 Teleport – 瞬间移动 第二部分
• 3-19 Suspense – 异步请求好帮手第一部分
• 3-20 Suspense – 异步请求好帮手第二部分
• 3-21 Provide – Inject
• 3-22 全局 API 修改
• 3-23 setup 语法糖 基础
• 3-24 setup 语法糖 进阶-
• 3-25 【谈一谈】经过新特性的学习
• 3-26 【讨论题】你对 vue3 的 composition API
• 3-27 【学习任务】写一个 hooks 函数，来监听键盘的按键

4. 项目起航 – 准备工作和第一个页面

• 4-1 项目起航 需求分析
• 4-2 文件结构和代码规范
• 4-3 样式解决方案简介和分析
• 4-4 设计图拆分和组件属性分析
• 4-5 ColumnList 组件编码
• 4-6 ColumnList 组件使用 Bootstrap 美化
• 4-7 GlobalHeader 组件编码
• 4-8 Dropdown 组件基本功能编码
• 4-9 Dropdown 组件添加 DropdownItem
• 4-10 Dropdown 组件点击外部区域自动隐藏
• 4-11 useClickOutside 第一个自定义函数
• 4-12 【讨论题】谈谈你在工作中常用的样式解决方案？

5. 表单的世界 – 完成自定义 Form 组件

• 5-1 web 世界的经典元素 – 表单
• 5-2 ValidateInput 第一部分 — 简单的实现
• 5-3 ValidateInput 第二部分 —抽象验证规则
• 5-4 ValidateInput 第三部分 — 支持 v-model
• 5-5 ValidateInput 编码第四部分 — 使用 $attrs 支持默认属性
• 5-6 【讨论题】谈谈扩展 ValidateInput 的验证功能
• 5-7 ValidateForm 组件需求分析
• 5-8 ValidateForm 编码第一部分 – 使用插槽 slot
• 5-9 ValidateForm 编码第二部分 – 尝试父子通讯
• 5-10 ValidateForm 编码第三部分 – 寻找外援 mitt
• 5-11 使用新版 mitt 时报出类型错误的解决方案
• 5-12 ValidateForm 编码第四部分 – 大功告成
• 5-13 学习任务：扩展ValidateForm的功能，完成清空功能

6. 请你吃全家桶 – 初步使用 vue-router 和 vuex

• 6-1 什么是 SPA（Single Page Application） 应用？
• 6-2 添加路由页面基础结构
• 6-3 添加路由页面基础结构代码地址
• 6-4 vue-router 安装和使用
• 6-5 vue-router 配置路由
• 6-6 vue-router 添加路由
• 6-7 添加 columnDetail页面
• 6-8 状态管理工具是什么
• 6-9 ColumnDetail 代码提交详情
• 6-10 Vuex 简介和安装
• 6-11 Vuex 整合当前应用
• 6-12 使用 Vuex getters
• 6-13 添加新建文章页面
• 6-14 Vue router 添加路由守卫 – 前置守卫
• 6-15 Vue router 添加路由守卫 – 使用元信息完成权限管理

7. 前后端结合 – 项目整合后端接口

• 7-1 前后端分离开发是什么
• 7-2 RESTful API 设计理念
• 7-3 使用 swagger在线文档查看接口详情
• 7-4 axios 的基本用法和独家后端API 使用（必看）
• 7-5 后端Icode终极使用方案
• 7-6 使用vuex action 发送异步请求
• 7-7 使用vuex action 发送异步请求第二部分
• 7-8 CreatePost 页面 ColumnId 类型报错的解决方案
• 7-9 使用 async 和 await 改造异步请求
• 7-10 使用axios拦截器添加loading效果
• 7-11 Loader 组件编码第一部分 – 基本实现
• 7-12 Loader 组件编码第二部分 – 使用 Teleport 进行改造

8. 通行凭证 – 权限管理

• 8-1 登录第一部分 获取token
• 8-2 jwt 的运行机制
• 8-3 登录第二部分 axios 设置通用 header
• 8-4 登录第三部分 持久化登录状态
• 8-5 通用错误处理
• 8-6 创建 Message 组件
• 8-7 Message 组件改进为函数调用形式
• 8-8 了解 Vnode 以及 vue 的简单工作原理
• 8-9 创建 Vnode 以及使用 render function
• 8-10 使用 h 函数改造 message 组件
• 8-11 作业：注册页面的编写
• 8-12 【学习任务】完成注册页面的功能

9. 道高一尺 – 上传组件

• 9-1 上传组件需求分析
• 9-2 上传文件的两种实现方式
• 9-3 (打点 时间) Uploader 组件第一部分
• 9-4 Uploader 组件第二部分
• 9-5 Uploader 组件第三部分：自定义模版
• 9-6 改进路由验证系统
• 9-7 创建文章页面实现 Uploader 自定义样式
• 9-8 大功告成 创建文章最后流程
• 9-9 作业 完成文章详情页
• 9-10 【学习任务】完成文章详情页的编码

10. 最终的功能 – 编辑和删除文章

• 10-1 添加编辑和删除区域
• 10-2 修改文章编码 第一部分 – 改进 Uploader 组件
• 10-3 修改文章编码 第二部分 – 改进 ValidateInput 组件
• 10-4 修改文章编码 第三部分 – 完成编辑功能
• 10-5 Modal组件编码
• 10-6 完成删除文章功能
• 10-7 集成 Easymde 编辑器 第一部分：简介，初步安装和使用
• 10-8 集成 Easymde 编辑器 第二部分：初步组件化-
• 10-9 集成 Easymde 编辑器 第三部分：暴露方法
• 10-10 集成 Easymde 编辑器 第四部分：结合页面完成功能

11. 持续优化

• 11-1 可以优化的两个点
• 11-2 完成帮助函数
• 11-3 将 store 中的数组转换成对象
• 11-4 防止重复请求逻辑分析
• 11-5 缓存优化 第一部分
• 11-6 缓存优化 第二部分
• 11-7 useLoadMore 实现分析
• 11-8 useLoadMore 编码
• 11-9 useLoadMore 在首页实践
• 11-10 useLoadMore 支持数据缓存 解决方案分析
• 11-11 实现分页缓存逻辑

12. 项目构建和部署

• 12-1 生产环境和开发环境的异同
• 12-2 为生产环境生成代码
• 12-3 使用 vite 构建代码
• 12-4 vite 对阵 vue-cli：为什么快？
• 12-5 服务器的概念
• 12-6 nginx 概念简介
• 12-7 使用 gitee pages 进行部署
• 12-8 nginx安装和配置访问静态文件
• 12-9 nginx 配置代理服务
• 12-10 上传代码到云主机

13. 2023年更新-学习新的状态管理工具 Pinia 并且重构整个应用

• 13-1 Pinia 简介
• 13-2 安装 Pinia 以及第一个概念State
• 13-3 Pinia State 第二部分
• 13-4 Pinia Getter概念学习
• 13-5 Pinia Actions 概念学习
• 13-6 Pinia Setup方式创建 Store
• 13-7 Store 重新设计
• 13-8 Pinia 改造第一部分-修改 Global Store
• 13-9 Pinia 改造第二部分 – UserStore
• 13-10 UserStore 添加到应用：第一部分
• 13-11 UserStore 添加到应用：第二部分
• 13-12 Pinia 改造第三部分 – Column Store 的设计与编码
• 13-13 ColumnStore 编码第二部分：在应用中使用
• 13-14 重构 useLoadMore
• 13-15 Pinia 改造第四部分 – 分析 PostStore 的结构
• 13-16 完成 PostStore 编码
• 13-17 分析 PostStore 在应用中的功能点
• 13-18 Pinia 总结

14. 课程总结

• 14-1 课程总结