Vue3+Pinia+Vite+TS 还原高性能外卖APP项目资源介绍:
前端热门技术高仿饿了么项目，收获工业级项目实现能力.工业级项目实现能力/业务思维/编程思维/设计思维，4位一体全面提升.从项目新建、工程化规范、mock server 搭建,到基础组件封装、业务组件开发、项目部署贯穿真实项目开发全流程，扫除经验盲区,Vue3 带来的改变，除了其自身新特性，还有相应的技术栈变化——比如 Pinia 将逐渐替代 Vuex 。本课程将带领大家使用 Vue3.2 + Pinia+ Vite + TS 高仿饿了么 Web App，帮助大家掌握 Vue3“全家桶”技术栈的同时，还掌握前端性能优化的常用方法和巧用设计模式应对复杂应用场景的能力。
资源目录:
├── 第1章课程简介/
│ ├── [ 65M] 1-1导学_
│ ├── [ 20M] 1-2-课程内容_
│ ├── [ 11M] 1-3-课程知识点_
│ └── [124M] 1-4-项目展示_
├── 第2章Typescript基础知识/
│ ├── [ 29M] 2-1什么是typescript_
│ └── [113M] 2-2安装使用&_基础概念-安装使用_
├── 第3章Git使用/
│ ├── [180M] 3-1Git介绍与配置_
│ ├── [ 36M] 3-2使用create-vue创建vue3项目_
│ ├── [ 72M] 3-3使用vite创建vue3项目_
│ ├── [ 78M] 3-4Git介绍：如何创建Git项目_
│ ├── [115M] 3-5Git文件状态：如何提交代码_
│ └── [162M] 3-6Git协作：如何分支管理_
├── 第4章项目搭建及前期准备/
│ ├── [ 20M] 4-10-使用axios请求库，设置请求拦截-01_
│ ├── [ 92M] 4-11-使用axios请求库，设置请求拦截-02_
│ ├── [ 33M] 4-12-使用post-css实现移动端适配-01_
│ ├── [ 79M] 4-13-使用post-css实现移动端适配-02_
│ ├── [ 20M] 4-14-配置vite自动按需引入vant组件-01_
│ ├── [ 60M] 4-15-配置vite自动按需引入vant组件-02_
│ ├── [ 27M] 4-1使用husky管理GitHooks_
│ ├── [104M] 4-2使用commitlint规范commit信息_
│ ├── [ 86M] 4-3配置eslint、prettier规范项目_
│ ├── [155M] 4-4安装vant-ui和使用Vite按需加载组件_
│ ├── [115M] 4-5vue-router实现页面路由-01_
│ ├── [ 71M] 4-6vue-router实现页面路由-01_
│ ├── [ 28M] 4-7使用json-server搭建MockServer-01_
│ ├── [147M] 4-8使用json-server搭建MockServer-02_
│ └── [ 81M] 4-9介绍Vite和使用Vite配置请求代理_
├── 第5章首页开发/
│ ├── [ 83M] 5-10性能优化：useDounce避免多次请求-01_
│ ├── [ 76M] 5-11性能优化：useDounce避免多次请求-02_
│ ├── [4.6M] 5-12自定义hooks-useAsync实现请求处理-01_
│ ├── [158M] 5-13自定义hooks-useAsync实现请求处理-02_
│ ├── [3.9M] 5-14基础组件-LoadingView组件实现加载骨架-01_
│ ├── [ 86M] 5-15基础组件-LoadingView组件实现加载骨架-02_
│ ├── [ 28M] 5-16业务组件-Grid布局实现Transformer金刚位组_
│ ├── [ 39M] 5-18业务组件-ScrollBar滚动提示栏组件开发-1_
│ ├── [225M] 5-19业务组件-ScrollBar滚动提示栏组件开发-2_
│ ├── [217M] 5-1-页面头部实现_
│ ├── [ 90M] 5-20业务组件-ScrollBar滚动提示栏组件开发-3_
│ ├── [174M] 5-21-业务组件-CountDown倒计时组件开发_
│ ├── [ 15M] 5-22-自定义hooks-useCountDown实现倒计时逻_
│ ├── [144M] 5-23-自定义hooks-useCountDown实现倒计时逻_
│ ├── [105M] 5-24-自定义hooks-useCountDown实现倒计时逻_
│ ├── [ 28M] 5-25基础组件-Swipe轮播图组件开发-01_
│ ├── [202M] 5-26基础组件-Swipe轮播图组件开发-02_
│ ├── [191M] 5-27基础组件-Swipe轮播图组件开发-03_
│ ├── [159M] 5-28基础组件-Swipe轮播图组件开发-04_
│ ├── [222M] 5-29基础组件-Swipe轮播图组件开发-05_
│ ├── [ 16M] 5-2-基础组件-Search搜索框组件开发-01_
│ ├── [167M] 5-31基础组件-Swipe轮播图组件开发-07_
│ ├── [ 20M] 5-32业务组件-使用_component_实现标签页动态展示内_
│ ├── [173M] 5-33业务组件-使用_component_实现标签页动态展示内_
│ ├── [150M] 5-35基础组件-List组件实现列表滚动加载-02_
│ ├── [180M] 5-36基础组件-List组件实现列表滚动加载-03_
│ ├── [201M] 5-37基础组件-List组件实现列表滚动加载-04_
│ ├── [316M] 5-38业务组件-ShopItem商家列表项组件开发-01_
│ ├── [7.6M] 5-39业务组件-ShopItem商家列表项组件开发-02_
│ ├── [126M] 5-3-基础组件-Search搜索框组件开发-02_
│ ├── [ 39M] 5-40-性能优化-使用IntersectionObserver_
│ ├── [132M] 5-41-性能优化-使用IntersectionObserver_
│ ├── [113M] 5-4-基础组件-Search搜索框组件开发-03_
│ ├── [4.6M] 5-5-自定义hooks-useToggle实现搜索页展示切换-_
│ ├── [117M] 5-6-自定义hooks-useToggle实现搜索页展示切换-_
│ ├── [6.9M] 5-7业务组件-SearchView组件开发-01_
│ ├── [212M] 5-8业务组件-SearchView组件开发-02_
│ └── [315M] 5-9业务组件-SearchView组件开发-03_
└── 第6章我的页面开发/
├── [264M] 6-1-我的页面开发_
├── [8.2M] 6-2-自定义hooks-useAuth实现登录页面逻辑-01_
├── [160M] 6-3-自定义hooks-useAuth实现登录页面逻辑-02_
├── [5.0M] 6-4-自定义hooks-useAuth实现登录页面逻辑-03_
├── [ 40M] 6-5-自定义hooks-useAuth实现登录页面逻辑-04_
├── [ 17M] 6-6-自定义hooks-useUserStore使用Pinia_
├── [ 43M] 6-7-自定义hooks-useUserStore使用Pinia_
└── [ 14M] 6-8-自定义hooks-useUserStore使用Pinia_
├── 第7章 商家详情页开发/
│ ├── [110M] 7-1 业务组件-ShopView 商家详情页_
│ ├── [205M] 7-2 业务组件-Header 商家头部组件开发-1_
│ ├── [177M] 7-3 业务组件-Header 商家头部组件开发-2_
│ ├── [225M] 7-4 业务组件-GoodsList 商品列表组件开发_
│ ├── [ 91M] 7-5 业务组件-GoodsItem 商品列表项组件开发-1_
│ ├── [150M] 7-6 业务组件-CartContrl 购物车控件组件开发-2_
│ ├── [123M] 7-7 自定义hooks-useCartStore 管理购物车数_
│ ├── [112M] 7-8 自定义hooks-useCartStore 管理购物车数_
│ ├── [231M] 7-9 业务组件-ShopCart 购物车组件开发-1_
│ ├── [265M] 7-10 业务组件-ShopCart 购物车组件开发-2_
│ ├── [205M] 7-11 -自定义hooks-useTransition 实现加_
│ ├── [104M] 7-12 -自定义hooks-useEventBus 使用事件机_
│ ├── [114M] 7-13 -自定义hooks-useLifeHook 解决非 s_
│ └── [ 94M] 7-14 -自定义hooks-useLockScroll 禁止滚_
├── 第8章 商品列表组件开发/
│ ├── [ 50M] 8-1 基础组件-ScrollView 实现原理讲解和开发-1
│ ├── [ 53M] 8-2 基础组件-ScrollView 实现原理讲解和开发-2
│ ├── [100M] 8-3 -基础类-代理模式 MScroll 类和 Options 配置处理类
│ ├── [ 42M] 8-4 -基础类-发布订阅模式 EventEmitter 类和 EventRegister 事件注册类
│ ├── [ 82M] 8-5 -基础类-Transition 类实现元素移动-
│ ├── [ 50M] 8-6 -基础类-ActionsHandler 绑定 touch 事件
│ ├── [ 99M] 8-7 基础类-Behavior 处理坐标方向上的划动逻辑-1
│ ├── [ 90M] 8-8 基础类-Behavior 处理坐标方向上的划动逻辑-2
│ ├── [144M] 8-9 -基础类-Actions 依赖注入实现管理滚动动作的逻辑
│ ├── [ 20M] 8-10 -基础类-Scroller 实现滚动逻辑-01
│ ├── [106M] 8-11 -基础类-Scroller 实现滚动逻辑-02-1
│ ├── [ 59M] 8-12 -基础类-Scroller 实现滚动逻辑-02-2
│ ├── [ 67M] 8-13 -1 业务组件-GoosList 商品列表组件-01
│ ├── [ 72M] 8-14 -2 业务组件-GoosList 商品列表组件-01
│ └── [9.9M] 8-15 -3 业务组件-GoosList 商品列表组件-02
├── 第9章 商品详情页开发/
│ ├── [1.9M] 9-1 -商品详情页实现-02
│ ├── [175M] 9-2 -商品详情页实现-01
│ ├── [ 18M] 9-3 -基础组件-NavBar 返回导航组件
│ └── [ 22M] 9-4 -基础组件-NavBar 返回导航组件
├── 第10章 项目部署/
│ ├── [6.9M] 10-1 -购买服务器
│ ├── [ 24M] 10-2 -使用 docker 部署 jenkins
│ ├── [ 37M] 10-3 -使用 jenkins 构建 docker 镜像
│ └── [ 11M] 10-4 -使用 nginx 静态服务器
└── 资料代码/
