欢迎光临散文网 会员登陆 & 注册

Vue3+Pinia+Vite+TS 还原高性能外卖APP项目

2023-03-03 23:45 作者:hfguth  | 我要投稿

Download: https://xmq1024.com/6009.html

课程简介:

  • Vue3 带来的改变,除了其自身新特性,还有相应的技术栈变化——比如 Pinia 将逐渐替代 Vuex 。本课程将带领大家使用 Vue3.2 + Pinia+ Vite + TS 高仿饿了么 Web App,帮助大家掌握 Vue3“全家桶”技术栈的同时,还掌握前端性能优化的常用方法和巧用设计模式应对复杂应用场景的能力。

目录:

  • 第1章 课程简介

    第2章 Typescript 基础知识

    第3章 Git 使用

    第4章 项目搭建及前期准备

    第5章 首页开发 

    • 视频:5-1 -页面头部实现(29:25)

    • 视频:5-2 -基础组件-Search 搜索框组件开发-01(04:48)

    • 视频:5-3 -基础组件-Search 搜索框组件开发-02(16:30)

    • 视频:5-4 -基础组件-Search 搜索框组件开发-03(10:20)

    • 视频:5-5 -自定义hooks-useToggle实现搜索页展示切换-01(01:20)

    • 视频:5-6 -自定义hooks-useToggle实现搜索页展示切换-02(14:39)

    • 视频:5-7 业务组件-SearchView组件开发-01 (02:00)

    • 视频:5-8 业务组件-SearchView组件开发-02 (27:48)

    • 视频:5-9 业务组件-SearchView组件开发-03 (29:58)

    • 视频:5-10 性能优化:useDounce避免多次请求-01 (10:33)

    • 视频:5-11 性能优化:useDounce避免多次请求-02 (10:28)

    • 视频:5-12 自定义hooks-useAsync 实现请求处理-01 (01:26)

    • 视频:5-13 自定义hooks-useAsync 实现请求处理-02

    • 视频:4-1 使用 husky 管理 Git Hooks(03:39)

    • 视频:4-2 使用 commitlint 规范 commit 信息(07:58)

    • 视频:4-3 配置 eslint、prettier 规范项目(11:45)

    • 视频:4-4 安装 vant-ui 和使用 Vite 按需加载组件(21:09)

    • 视频:4-5 vue-router 实现页面路由-01(15:54)

    • 视频:4-6 vue-router 实现页面路由-01(09:33)

    • 视频:4-7 使用 json-server 搭建 Mock Server-01(07:53)

    • 视频:4-8 使用 json-server 搭建 Mock Server-02(20:40)

    • 视频:4-9 介绍 Vite 和使用 Vite 配置请求代理(19:12)

    • 视频:4-10 -使用 axios 请求库,设置请求拦截-01(06:47)

    • 视频:4-11 -使用 axios 请求库,设置请求拦截-02(12:48)

    • 视频:4-12 -使用 post-css 实现移动端适配-01(10:22)

    • 视频:4-13 -使用 post-css 实现移动端适配-02(10:59)

    • 视频:4-14 -配置 vite 自动按需引入 vant 组件-01(06:13)

    • 视频:4-15 -配置 vite 自动按需引入 vant 组件-02(06:32)

    • 视频:3-1 Git 介绍与配置(15:45)

    • 视频:3-2 使用 create-vue 创建 vue3 项目(03:16)

    • 视频:3-3 使用 vite 创建 vue3 项目(09:59)

    • 视频:3-4 Git 介绍:如何创建 Git 项目(07:21)

    • 视频:3-5 Git 文件状态:如何提交代码(08:01)

    • 视频:3-6 Git 协作:如何分支管理(13:30)

    • 视频:2-1 什么是 typescript(07:24)

    • 视频:2-2 安装使用&基础概念-安装使用(15:38)

    • 视频:1-1 导学(08:33)

    • 视频:1-2 -课程内容(04:57)

    • 视频:1-3 -课程知识点(02:38)

    • 视频:1-4 -项目展示(12:33)


Vue3+Pinia+Vite+TS 还原高性能外卖APP项目的评论 (共 条)

分享到微博请遵守国家法律