引入pinyin
groupBy詳見
import pinyin from "pinyin" export function formatList(arr, keyword) { arr.forEach((item,index)=>{ item.nameFirstChat = pinyin(item[keyword], { // heteronym: true, // 啟用多音字模式 // segment: true, // 啟用分詞,以解決多音字問題。 style: pinyin.STYLE_NORMAL })[0][0].charAt(0).toUpperCase(); }) arr = arr.groupBy("nameFirstChat"); return arr; } Array.prototype.groupBy = function (prop) { return this.reduce(function (groups, item) { var val = item[prop]; groups[val] = groups[val] || []; groups[val].push(item); return groups; }, {}); }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/108680.html
摘要:寫在前面沒錯,這就是慕課網上的那個音樂播放器,后臺是某音樂播放器的線上接口扒取,雖然這類項目寫的人很多,但不得不說這還是個少有的適合提升的好項目,做這個項目除了想寫一個比較大并且功能復雜的項目,主要原因是要拿它來應對面試,也確實對我的業務能 寫在前面 沒錯,這就是慕課網上的那個vue音樂播放器,后臺是某音樂播放器的線上接口扒取,雖然這類項目寫的人很多,但不得不說這還是個少有的適合vu...
摘要:簡介最近有點小閑置,于是乎希望寫點東西,正好自己喜歡聽歌,便決定自己寫一個音樂的簡易版。核心文件則是在在這里使用統一管理頁面切換動畫,歌曲播放狀態,歌曲進度等信息。所有對于歌曲的操作都通過來進行全局管理,然后對相應的變化做出全局改變。 Vue-QQMusic 簡介: 最近有點小閑置,于是乎希望寫點東西,正好自己喜歡聽歌,便決定自己寫一個QQ音樂的簡易版。順便進一步加深下自己對移動端的知...
摘要:在中新建組件許文瑞正在吃屎。。。。在中添加如下代碼三歌手組件開發歌手首頁開發數據獲取數據獲取依舊從音樂官網獲取歌手接口創建我們和以前一樣,利用我們封裝的等發放,來請求我們的接口,返回給。 Vue-Music 跟學一個網課老師做的仿原生音樂APP跟學的筆記,記錄點滴,也希望對學習vue初學小伙伴有點幫助 showImg(https://segmentfault.com/img/remot...
閱讀 1118·2021-10-09 09:43
閱讀 18475·2021-09-22 15:52
閱讀 1059·2019-08-30 15:44
閱讀 3050·2019-08-30 15:44
閱讀 3244·2019-08-26 14:07
閱讀 904·2019-08-26 13:55
閱讀 2566·2019-08-26 13:41
閱讀 3087·2019-08-26 13:29