仿網易雲音樂webApp

項目介紹

首先，整個項目主要技術棧仍是基於React,項目大部分樣式主要是仿照iPhone版網易雲音樂進行實現，部分地方進行了調整，代碼部分基本上拋棄了class的寫法，全方位擁抱Hook，真香。關於防抖、節流、懶加載這些優化手段，在項目裏通通有用到
編寫這個項目的目的其實很簡單，就是想把目前所掌握的知識進行一個彙總，而後分享給你們，找出目前所存在的一些問題，而後及時進行調整，歡迎你們的批評和指正。

GitHub地址 歡迎你們star。
在線訪問地址
手機端用掘金直接打開會有點問題，建議右上角在瀏覽器中打開。
PC端的話建議使用谷歌瀏覽器，兼容性問題會在以後進行修復。

技術棧

前端部分

• react：前端三大主流框架之一，
• redux：提供可預測的狀態管理工具
• redux-saga：基於redux提供異步業務實現方案
• react-router-dom：react路由管理工具
• redux-actions：簡化redux的使用
• typescript：JavaScript超集
• axios：基於promise的HTTP庫
• antd：前端組件庫
• less：CSS預處理語言
• webpack：前端構建工具

後端

• 後端使用的是一個開源的NodeJs版的Api 點擊查看

主要功能介紹

具體功能在圖裏已經展現出來，就不一一進行介紹了，你們自行體會就OK，這在這裏放幾張Gif圖片了哈

• 首頁

  

• 歌單廣場

  

• 排行榜

  

• 歌手頁

  

• 歌手詳情

  

• 搜索

  

• 播放頁

  

• 評價

  

結語

目前項目還在自測中，可能、額。確定會有一些Bug，也但願你們多多提issues，項目會一直保持更新，之後也會添加一些功能，一塊兒加油吧！

部分問題

• 排行榜某些榜單在所提供接口中找不到，因此自動跳轉到飆升榜。
• 獲取歌單歌曲沒有提供分頁功能，只能直接獲取所有，致使部分界面響應可能會緩慢。
• 有時候剛打開的時候會報跨域問題，雖然接口已經添加Access-Control-Allow-Origin，但仍是會偶現，目前還沒有解決。

提示

• 目前播放列表是根據你點開的歌單或者排行榜自動添加進去的。
• 首頁輪播圖可能會有部分點擊無反應，是由於我會判斷這是否是一首能夠免費聽得歌，是的話回跳到播放頁。
• 在播放歌曲的時候，若是播放列表中沒有歌曲，點擊上一首或者下一首是沒有反應的哦。