网站资源均收集于公开网络,仅供学习和交流。版权归版权人所有,所标价格为资源收集整理费用,如喜欢作品请支持正版。
网盘链接:
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 课程总结
© 版权声明
网站资源均收集于公开网络,仅供学习和交流。版权归版权人所有,所标价格为资源收集整理费用,如喜欢作品请支持正版。
THE END
暂无评论内容