引入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; }, {}); }
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/108680.html
摘要:寫在前面沒錯,這就是慕課網(wǎng)上的那個音樂播放器,后臺是某音樂播放器的線上接口扒取,雖然這類項目寫的人很多,但不得不說這還是個少有的適合提升的好項目,做這個項目除了想寫一個比較大并且功能復雜的項目,主要原因是要拿它來應對面試,也確實對我的業(yè)務能 寫在前面 沒錯,這就是慕課網(wǎng)上的那個vue音樂播放器,后臺是某音樂播放器的線上接口扒取,雖然這類項目寫的人很多,但不得不說這還是個少有的適合vu...
摘要:簡介最近有點小閑置,于是乎希望寫點東西,正好自己喜歡聽歌,便決定自己寫一個音樂的簡易版。核心文件則是在在這里使用統(tǒng)一管理頁面切換動畫,歌曲播放狀態(tài),歌曲進度等信息。所有對于歌曲的操作都通過來進行全局管理,然后對相應的變化做出全局改變。 Vue-QQMusic 簡介: 最近有點小閑置,于是乎希望寫點東西,正好自己喜歡聽歌,便決定自己寫一個QQ音樂的簡易版。順便進一步加深下自己對移動端的知...
摘要:在中新建組件許文瑞正在吃屎。。。。在中添加如下代碼三歌手組件開發(fā)歌手首頁開發(fā)數(shù)據(jù)獲取數(shù)據(jù)獲取依舊從音樂官網(wǎng)獲取歌手接口創(chuàng)建我們和以前一樣,利用我們封裝的等發(fā)放,來請求我們的接口,返回給。 Vue-Music 跟學一個網(wǎng)課老師做的仿原生音樂APP跟學的筆記,記錄點滴,也希望對學習vue初學小伙伴有點幫助 showImg(https://segmentfault.com/img/remot...
閱讀 1127·2021-10-09 09:43
閱讀 18610·2021-09-22 15:52
閱讀 1071·2019-08-30 15:44
閱讀 3064·2019-08-30 15:44
閱讀 3253·2019-08-26 14:07
閱讀 914·2019-08-26 13:55
閱讀 2576·2019-08-26 13:41
閱讀 3095·2019-08-26 13:29