前言 2018年剛入行前端時，公司使用的還是Angular。Angular什麼都好，就是寫代碼時的體驗老糟心了，改一個地方，按下保存之後，要等好幾秒刷新後才能看到效果，Webstorm無比好用的自動保存，對我來說反而像是一個負擔。然而2024年了，Angular已經更新了17版本，還是沒有解決這個問 ...
前言
2018年剛入行前端時，公司使用的還是Angular。Angular什麼都好，就是寫代碼時的體驗老糟心了，改一個地方，按下保存之後，要等好幾秒刷新後才能看到效果，Webstorm無比好用的自動保存，對我來說反而像是一個負擔。然而2024年了，Angular已經更新了17版本，還是沒有解決這個問題，熱替換依然那麼的糟糕
在網上衝浪時，發現了剛開始火起來的Vue，大家都在說簡單好用上手快，於是抱著試一試的心態照著Vue官網的教程開始學習，並創建了這個項目。一開始只是用來學習Vue練手，後面斷斷續續的更新，有空就優化下，完成度已經可以達到官方App的80%了
線上訪問
Vercel: http://dy.ttentau.top
Github: https://github.com/zyronon/douyin
Gitee：https://gitee.com/zyronon/douyin
Apk下載地址：test-5-app.apk
註意：PC瀏覽器請用手機模式訪問。先按F12調出控制台，再按Ctrl+Shift+M切換到手機模式
註意：手機請用Via瀏覽器或者Chrome瀏覽器預覽。其他瀏覽器會強制將視頻全屏，導致樣式都失效
效果截圖
技術棧
由於18年就創建項目了，所以一開始使用的是Vue2 + Vuex + Vue-Router，由於沒有後端所以當時用了Mockjs來模擬介面返回數據
最近我把Vue2升級到了Vue3，Vuex也換成了更好用的Pinia。Mockjs已經好幾年不更新了，而且不能延遲返回數據，達不到我要的效果，所以介面模擬這方面我換成了axios-mock-adapter這個庫，超級好用！
項目所展示的網紅
我把這個項目分享到V2EX後，贏得了大家一致的好評，有不少的V友說視頻不錯，問我項目展示了哪些網紅，在此分享下
- 我是香秀
