[625] Vue3+Pinia+Vite+TS 还原高性能外卖APP项目 – 网盘下载工业级项目实现能力/业务思维/编程思维/设计思维，4位一体全面提升

网盘链接：

1. 课程简介

• 1-1 导学
• 1-2 -课程内容
• 1-3 -课程知识点
• 1-4 -项目展示

2. Typescript 基础知识

• 2-1 什么是 typescript
• 2-2 安装使用&基础概念-安装使用

3. Git 使用

• 3-1 Git 介绍与配置
• 3-2 使用 create-vue 创建 vue3 项目
• 3-3 使用 vite 创建 vue3 项目
• 3-4 Git 介绍：如何创建 Git 项目
• 3-5 Git 文件状态：如何提交代码
• 3-6 Git 协作：如何分支管理

4. 项目搭建及前期准备

• 4-1 使用 husky 管理 Git Hooks
• 4-2 使用 commitlint 规范 commit 信息
• 4-3 配置 eslint、prettier 规范项目
• 4-4 配置 .editorconfig
• 4-5 使用 lint-staged 配置 pre-commit
• 4-6 安装 vant-ui 和使用 Vite 按需加载组件
• 4-7 vue-router 实现页面路由-01
• 4-8 vue-router 实现页面路由-02
• 4-9 使用 json-server 搭建 Mock Server-01
• 4-10 使用 json-server 搭建 Mock Server-02
• 4-11 介绍 Vite 和使用 Vite 配置请求代理
• 4-12 -使用 axios 请求库，设置请求拦截-01
• 4-13 -使用 axios 请求库，设置请求拦截-02
• 4-14 -使用 post-css 实现移动端适配-01
• 4-15 -使用 post-css 实现移动端适配-02
• 4-16 -配置 vite 自动按需引入 vant 组件-01
• 4-17 -配置 vite 自动按需引入 vant 组件-02

5. 首页开发

• 5-1 -页面头部实现
• 5-2 -基础组件-Search 搜索框组件开发-01
• 5-3 -基础组件-Search 搜索框组件开发-02
• 5-4 -基础组件-Search 搜索框组件开发-03
• 5-5 -自定义hooks-useToggle实现搜索页展示切换-01
• 5-6 -自定义hooks-useToggle实现搜索页展示切换-02
• 5-7 业务组件-SearchView组件开发-01
• 5-8 业务组件-SearchView组件开发-02
• 5-9 业务组件-SearchView组件开发-03
• 5-10 性能优化：useDounce避免多次请求-01
• 5-11 性能优化：useDounce避免多次请求-02
• 5-12 自定义hooks-useAsync 实现请求处理-01
• 5-13 自定义hooks-useAsync 实现请求处理-02
• 5-14 基础组件-LoadingView 组件实现加载骨架-01
• 5-15 基础组件-LoadingView 组件实现加载骨架-02
• 5-16 业务组件-Grid 布局实现 Transformer 金刚位组件-01
• 5-17 业务组件-Grid 布局实现 Transformer 金刚位组件-02
• 5-18 业务组件-ScrollBar 滚动提示栏组件开发-1
• 5-19 业务组件-ScrollBar 滚动提示栏组件开发-2
• 5-20 业务组件-ScrollBar 滚动提示栏组件开发-3
• 5-21 -业务组件-CountDown 倒计时组件开发
• 5-22 -自定义hooks-useCountDown 实现倒计时逻辑-01
• 5-23 -自定义hooks-useCountDown 实现倒计时逻辑-02
• 5-24 -自定义hooks-useCountDown 实现倒计时逻辑-03
• 5-25 基础组件-Swipe 轮播图组件开发-01
• 5-26 基础组件-Swipe 轮播图组件开发-02
• 5-27 基础组件-Swipe 轮播图组件开发-03
• 5-28 基础组件-Swipe 轮播图组件开发-04
• 5-29 基础组件-Swipe 轮播图组件开发-05
• 5-30 基础组件-Swipe 轮播图组件开发-06
• 5-31 基础组件-Swipe 轮播图组件开发-07
• 5-32 业务组件-使用 _component_ 实现标签页动态展示内容-01
• 5-33 业务组件-使用 _component_ 实现标签页动态展示内容-02
• 5-34 基础组件-List 组件实现列表滚动加载-01
• 5-35 基础组件-List 组件实现列表滚动加载-02
• 5-36 基础组件-List 组件实现列表滚动加载-03
• 5-37 基础组件-List 组件实现列表滚动加载-04
• 5-38 业务组件-ShopItem 商家列表项组件开发-01
• 5-39 业务组件-ShopItem 商家列表项组件开发-02
• 5-40 -性能优化-使用 IntersectionObserver 实现图片懒加载 directive-01
• 5-41 -性能优化-使用 IntersectionObserver 实现图片懒加载 directive-02
• 5-42 【扩展】Vant3 升级 Vant4
• 5-43 【图文】异步获取图片链接导致 v-lazy 加载失败问题

6. 我的页面开发

• 6-1 -我的页面开发
• 6-2 -自定义hooks-useAuth 实现登录页面逻辑-01
• 6-3 -自定义hooks-useAuth 实现登录页面逻辑-02
• 6-4 -自定义hooks-useAuth 实现登录页面逻辑-03
• 6-5 -自定义hooks-useAuth 实现登录页面逻辑-04
• 6-6 -自定义hooks-useUserStore 使用 Pinia 实现用户状态管理-01
• 6-7 -自定义hooks-useUserStore 使用 Pinia 实现用户状态管理-02
• 6-8 -自定义hooks-useUserStore 使用 Pinia 实现用户状态管理-03
• 6-9 -自定义hooks-useUserStore 使用 Pinia 实现用户状态管理-04
• 6-10 -自定义hooks-useLocalStorage 保存用户状态信息-01
• 6-11 -自定义hooks-useLocalStorage 保存用户状态信息-02

7. 商家详情页开发

• 7-1 业务组件-ShopView 商家详情页
• 7-2 业务组件-Header 商家头部组件开发-1
• 7-3 业务组件-Header 商家头部组件开发-2
• 7-4 业务组件-GoodsList 商品列表组件开发
• 7-5 业务组件-GoodsItem 商品列表项组件开发-1
• 7-6 业务组件-CartContrl 购物车控件组件开发-2
• 7-7 自定义hooks-useCartStore 管理购物车数据状态-1
• 7-8 自定义hooks-useCartStore 管理购物车数据状态-2
• 7-9 业务组件-ShopCart 购物车组件开发-1
• 7-10 业务组件-ShopCart 购物车组件开发-2
• 7-11 -自定义hooks-useTransition 实现加入购物车动画效果
• 7-12 -自定义hooks-useEventBus 使用事件机制实现跨组件通信
• 7-13 -自定义hooks-useLifeHook 解决非 setup 调用生命周期 hooks 问题
• 7-14 -自定义hooks-useLockScroll 禁止滚动优化体验

8. 商品列表组件开发

• 8-1 基础组件-ScrollView 实现原理讲解和开发-1
• 8-2 基础组件-ScrollView 实现原理讲解和开发-2
• 8-3 -基础类-代理模式 MScroll 类和 Options 配置处理类
• 8-4 -基础类-发布订阅模式 EventEmitter 类和 EventRegister 事件注册类
• 8-5 -基础类-Transition 类实现元素移动-
• 8-6 -基础类-ActionsHandler 绑定 touch 事件
• 8-7 基础类-Behavior 处理坐标方向上的划动逻辑-1
• 8-8 基础类-Behavior 处理坐标方向上的划动逻辑-2
• 8-9 -基础类-Actions 依赖注入实现管理滚动动作的逻辑
• 8-10 -基础类-Scroller 实现滚动逻辑-01
• 8-11 -基础类-Scroller 实现滚动逻辑-02-1
• 8-12 -基础类-Scroller 实现滚动逻辑-02-2
• 8-13 -1 业务组件-GoosList 商品列表组件-01
• 8-14 -2 业务组件-GoosList 商品列表组件-01
• 8-15 -3 业务组件-GoosList 商品列表组件-02

9. 商品详情页开发

• 9-1 -商品详情页实现-02
• 9-2 -商品详情页实现-01
• 9-3 -基础组件-NavBar 返回导航组件
• 9-4 -基础组件-NavBar 返回导航组件

10. 项目部署

• 10-1 -购买服务器
• 10-2 -使用 docker 部署 jenkins
• 10-3 -使用 jenkins 构建 docker 镜像
• 10-4 -使用 nginx 静态服务器