成果
具體效果看B站視頻演示；
B站地址：視頻演示
github地址：專案原始碼
碼云地址：專案原始碼
各位大佬，幫忙點個贊，投個幣，star下,萬分感謝大家！
專案結構
因為檔案較多，我是通過截圖然后注釋上文字，圖片有點多，想要了解的話可以私信我，或者b站也有聯系方式，
代碼重要部分都詳細注釋解釋了
程序
說說搭建程序吧，從無到有，感覺剛開始就得要有構思，先不急著做，先觀察結構上布局，規劃好路由的設定，有哪幾個部分需要跳轉，哪里是公共的，哪里是一直顯示的，都要好好想想，
剛開始的話還是要做出頁面的大致布局，然后再一個一個組件開發，
對于組件的開發，也要觀察組件是否經常被用到，可以的話盡量把組件封裝的更完美，這樣后續開發會非常輕松，
對于介面的話，有些資料是不完整的，還有些是vip的，所以導致獲取不到播放地址，播放不了，
資料不熟悉可以先列印出來觀察下，再寫進去，有些沒有的資料可能需要多次周折才能獲取，需要慢慢分析，
介面封裝請求資料自我感徑訓是挺好用的，是學的codewhy老師的封裝方法，不會的可以去學學，
還有時間戳的轉化，也可以學習學習，這基本上是開發必備，還有防抖節流等，
問題
說說遇到的問題吧，如果你也遇到了，可以參考我的方法
1.開發模式下請求介面跨域問題 （用代理可解決，具體見原始碼）
2.打包后靜態資源失效 (需要配置絕對路徑，如圖) 但是切記別在開發模式中用！！！！
3.打包后介面又跨域了… （解決方法很簡單，把跨域配置注釋，請求地址換回原地址）
4.另外打包后也還要注釋掉路由的history
5.其他的就是一些代碼邏輯性的問題 例如 歌詞的解釋，滾動，輪盤的轉動，音樂的播放和切換等，
6.還有就是關于element-ui的問題，建議不會就百度，我也是慢慢啃過來的，而要修改樣式的話可以直接檢查，復制類名再改，沒效果的話估計是權重不夠，
說明
專案的功能并沒有全部做完，而且性能上也沒有做很好的優化，bug也有很多，但是基本功能都能實作，
后續有時間會改進的！當然有大佬想一起參與的話可以滴滴我！
END
最后對你有幫助的話，幫忙點個贊,star下！！！
感謝！！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/93079.html
標籤：其他