Vue3+Pinia+Vite+TS 還原高性能外賣APP項(xiàng)目
Download:?https://xmq1024.com/6009.html
課程簡(jiǎn)介:
Vue3 帶來(lái)的改變,除了其自身新特性,還有相應(yīng)的技術(shù)棧變化——比如 Pinia 將逐漸替代 Vuex 。本課程將帶領(lǐng)大家使用 Vue3.2 + Pinia+ Vite + TS 高仿餓了么 Web App,幫助大家掌握 Vue3“全家桶”技術(shù)棧的同時(shí),還掌握前端性能優(yōu)化的常用方法和巧用設(shè)計(jì)模式應(yīng)對(duì)復(fù)雜應(yīng)用場(chǎng)景的能力。
目錄:
第1章 課程簡(jiǎn)介
第2章 Typescript 基礎(chǔ)知識(shí)
第3章 Git 使用
第4章 項(xiàng)目搭建及前期準(zhǔn)備
第5章 首頁(yè)開(kāi)發(fā)?
視頻:5-1 -頁(yè)面頭部實(shí)現(xiàn)(29:25)
視頻:5-2 -基礎(chǔ)組件-Search 搜索框組件開(kāi)發(fā)-01(04:48)
視頻:5-3 -基礎(chǔ)組件-Search 搜索框組件開(kāi)發(fā)-02(16:30)
視頻:5-4 -基礎(chǔ)組件-Search 搜索框組件開(kāi)發(fā)-03(10:20)
視頻:5-5 -自定義hooks-useToggle實(shí)現(xiàn)搜索頁(yè)展示切換-01(01:20)
視頻:5-6 -自定義hooks-useToggle實(shí)現(xiàn)搜索頁(yè)展示切換-02(14:39)
視頻:5-7 業(yè)務(wù)組件-SearchView組件開(kāi)發(fā)-01?(02:00)
視頻:5-8 業(yè)務(wù)組件-SearchView組件開(kāi)發(fā)-02?(27:48)
視頻:5-9 業(yè)務(wù)組件-SearchView組件開(kāi)發(fā)-03?(29:58)
視頻:5-10 性能優(yōu)化:useDounce避免多次請(qǐng)求-01?(10:33)
視頻:5-11 性能優(yōu)化:useDounce避免多次請(qǐng)求-02?(10:28)
視頻:5-12 自定義hooks-useAsync 實(shí)現(xiàn)請(qǐng)求處理-01?(01:26)
視頻:5-13 自定義hooks-useAsync 實(shí)現(xiàn)請(qǐng)求處理-02
視頻:4-1 使用 husky 管理 Git Hooks(03:39)
視頻:4-2 使用 commitlint 規(guī)范 commit 信息(07:58)
視頻:4-3 配置 eslint、prettier 規(guī)范項(xiàng)目(11:45)
視頻:4-4 安裝 vant-ui 和使用 Vite 按需加載組件(21:09)
視頻:4-5 vue-router 實(shí)現(xiàn)頁(yè)面路由-01(15:54)
視頻:4-6 vue-router 實(shí)現(xiàn)頁(yè)面路由-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 配置請(qǐng)求代理(19:12)
視頻:4-10 -使用 axios 請(qǐng)求庫(kù),設(shè)置請(qǐng)求攔截-01(06:47)
視頻:4-11 -使用 axios 請(qǐng)求庫(kù),設(shè)置請(qǐng)求攔截-02(12:48)
視頻:4-12 -使用 post-css 實(shí)現(xiàn)移動(dòng)端適配-01(10:22)
視頻:4-13 -使用 post-css 實(shí)現(xiàn)移動(dòng)端適配-02(10:59)
視頻:4-14 -配置 vite 自動(dòng)按需引入 vant 組件-01(06:13)
視頻:4-15 -配置 vite 自動(dòng)按需引入 vant 組件-02(06:32)
視頻:3-1 Git 介紹與配置(15:45)
視頻:3-2 使用 create-vue 創(chuàng)建 vue3 項(xiàng)目(03:16)
視頻:3-3 使用 vite 創(chuàng)建 vue3 項(xiàng)目(09:59)
視頻:3-4 Git 介紹:如何創(chuàng)建 Git 項(xiàng)目(07:21)
視頻:3-5 Git 文件狀態(tài):如何提交代碼(08:01)
視頻:3-6 Git 協(xié)作:如何分支管理(13:30)
視頻:2-1 什么是 typescript(07:24)
視頻:2-2 安裝使用&基礎(chǔ)概念-安裝使用(15:38)
視頻:1-1 導(dǎo)學(xué)(08:33)
視頻:1-2 -課程內(nèi)容(04:57)
視頻:1-3 -課程知識(shí)點(diǎn)(02:38)
視頻:1-4 -項(xiàng)目展示(12:33)