主要問題彙總

日期	實現哪一種功能	運用的新知識點	問題難點	解決辦法	使用到的API
2021/5/12	窗口配置、輪播圖的實現	swiper參數的使用/iconfont字體圖標的使用	如何直接引用iconfont網站中的圖標	將iconfont選中的圖標統一加到項目中，因爲提供的是css文件小程序識別不了，複製鏈接在url中打開，將源碼複製到文件wxss中便可直接調用。並在全局app.wxss中import聲明。
2021/5/14	服務器的搭建/接口的調用	用服務器去調用相應的接口	服務器的使用	首先要下載node.js而後在服務器文件夾中cmd，而後安裝node，再啓動服務器。

日期	實現哪一種功能	運用的新知識點	問題難點	解決辦法	使用到的API
2021/5/25	（歌曲播放篇開始）把當前歌曲id傳給歌曲詳情頁	路由跳轉傳參，query參數	如何把當前音樂id從歌曲推薦頁傳給歌曲詳情頁	封裝一個點擊事件函數，裏面使用路由跳轉的形式，把id傳給歌曲詳情頁，（url: '/pages/songDetail/songDetail?musicId=' + song.id,）onload函數的option參數，是專門用於接收路由跳轉的參數的，因此songDetail頁面是能接收到id的，再把musicId動態更新到data中，而後songDetail頁根據id值查找詳情信息顯示到頁面上。
2021/5/26	音樂播放暫停功能	定義一個isPlay標識，斷定音樂是否在播放，初始值爲false，音樂播放爲true。	封裝音樂播放暫停功能函數	綁定一個點擊事件，裏面調用musicControl()功能函數。封裝控制播放暫停的功能函數musicControl(isPlay, musicId,musicLink)，首先判斷isPlay的值，爲true，音樂播放，onload中建立BackgroundAudioManager實例，填寫src、title屬性，若是false，調用pause()方法。	BackgroundAudioManager.pause()
2021/5/27	解決系統任務欄控制音樂播放狀態顯示不一致的問題	建立BackgroundAudioManager實例，調用播放暫停中止方法，onPlay（），onPause（），onStop（）方法	若是用戶操做系統任務欄控制音樂暫停/播放按鈕，頁面不知道，致使頁面顯示是否播放的狀態和真實的音樂播放狀態不一致	經過建立控制全局背景音頻的實例去監視音樂播放、暫停和中止的功能	BackgroundAudioManager：全局惟一的背景音頻管理器。
2021/5/28	getApp解決頁面銷燬音樂播放狀態問題	定義全局變量和全局變量的引用	如何解決頁面銷燬音樂播放狀態的問題	定義全局變量globalData，傳入兩個參數isMusicPlay、musicId，若是當前頁面音樂是在播放（isMusicPlay：true），而且全局musicId和當前musicId一致，修改當前頁面播放狀態爲true。獲取全局musicId能夠去監聽事件onPlay（）函數中拿，而後（isMusicPlay：true），onPause()、onStop()裏面把(isMusicPlay：false）。
2021/5/29	頁面通訊完整實現（實現切歌的功能）	實現兩個頁面之間的通訊，npm install pubsub-js，訂閱方: PubSub.subscribe(事件名，事件的回調)，是接收數據的一方；發佈方: PubSub.publish(事件名，提供的數據)，是提供數據的一方	實現兩個頁面間的通訊	歌曲詳情頁點擊上一首pre，下一首next的圖標，須要傳遞標識給推薦歌單頁，推薦歌單頁先斷定類型，而後若是是next，則當前index+1，若是是pre，則index-1，有了index的值，咱們就能找到當前音樂的musicId，而後回傳給歌曲詳情頁。歌曲詳情頁接收musicId值，調用音樂詳情功能函數，控制當前音樂自動播放，而後取消訂閱此次musicId。
2021/5/30	進度條動態實現	監聽音樂實時播放的進度	顯示實時進度條；將ms顯示成分鐘：秒	首先用BackgroundAudioManager.onTimeUpdate()方法監聽背景音頻播放進度更新，音樂實時播放的時間currentTime從this.backgroundAudioManager.currentTime裏面取，這裏單位是s，須要轉爲ms，npm install moment,而後調用moment().format('mm:ss')，格式化爲分鐘：秒的形式。總時長durationTime從封裝的音樂詳情功能函數中取，放到data中。currentTime/durationTime=當前正在播放進度條的寬度/進度條總寬度，因此咱們要動態顯示的進度條寬度 = currentTime/durationTime * 進度條總寬度。動態更新到data中，供wxml頁面使用。	BackgroundAudioManager.onTimeUpdate(function callback)
2021/5/31	音樂播放結束自動切換到下一首（歌曲播放篇完結）	監聽背景音頻天然播放結束	監聽背景音頻天然播放結束，自動切換爲下一首，而且自動播放	這裏須要使用BackgroundAudioManager.onEnded（）方法監聽音樂是否播放結束，裏面只須要發佈一個next消息給歌曲推薦頁便可，而後再寫一個訂閱musicId事件，獲取音樂詳情，自動播放。最後把實時進度條的寬度設置爲0，歌曲開始播放時間爲00：00。	BackgroundAudioManager.onEnded(function callback)