摘要:這邊忙完了會首先把滾輪實現思路跟大家講一下滾輪實現思路展示音樂播放器優化滾輪性能優化自定義指令自定義
先上最終效果地址
PC 開啟手機瀏覽器模式
從vue2.0 開始接觸,然后一邊看官網教程一邊寫demo,
主要實現以下
PC端 時間選擇插件 【涉及 props, watch, mounted,transaction內置組件 和組件開發熟悉】 demo
移動端 仿IOS滾輪 時間選擇 【涉及 $el, $nextick touch 事件等】demo
全局組件 加載框 彈出對話框【涉及 vuex,回調, 組件內的事件分發dispatch 】
QQ音樂播放器 【涉及 html5>audio 移動端適配 vue-router 嵌套路由 參數路由 動態更改index.html title ajax 復雜組件開發 vuex 單向事件】demo
具體代碼請查看,歡迎關注https://github.com/k186/vueDemo 切到likeMusicplayer 分支
</>復制代碼
上面是用官方Vue-cli 構建的,最近幾天在看webpack2 準備自己配置打包。
這邊忙完了會首先把滾輪實現思路跟大家講一下
//todo
1.滾輪實現思路展示
2.音樂播放器 vuex 優化
3.滾輪性能優化
4.自定義指令 tap
5.自定義scroll
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/81907.html
摘要:關于路由,剛開始設計路由的時候想了很多,由于一開始的目標就是網易云音樂的所有內容,所以設計了三級路由,,大概這樣,點擊查看。 標題略夸張了,但是這個從ui還原上已經很接近官方版本了。雖然目前這個是很多人造過的輪子,但是可能每個人的實現方式都不一樣,自己寫一遍也會有許多收獲。 項目地址 預覽地址 api:ap使用的是一個開源的nodejs封裝的網易云音樂api,地址 技術棧 vue...
摘要:簡介最近有點小閑置,于是乎希望寫點東西,正好自己喜歡聽歌,便決定自己寫一個音樂的簡易版。核心文件則是在在這里使用統一管理頁面切換動畫,歌曲播放狀態,歌曲進度等信息。所有對于歌曲的操作都通過來進行全局管理,然后對相應的變化做出全局改變。 Vue-QQMusic 簡介: 最近有點小閑置,于是乎希望寫點東西,正好自己喜歡聽歌,便決定自己寫一個QQ音樂的簡易版。順便進一步加深下自己對移動端的知...
摘要:庫用了魔改樣式的歌詞滾動部分用了黃軼老大的賊爽主題換膚用的變量替換。語言的下一代標準預處理器安裝與使用前端項目后端項目 音樂播放器雖然爛大街了,但是作為前端沒自己擼一個一直是個遺憾,而且偶然間發現pc端web版的網易云音樂做的實在是太簡陋了,社區仿pc客戶端的網易云也不多見,為了彌補這個遺憾,就用vue全家桶模仿mac客戶端的ui實現了一個,歡迎提出意見和star~ 預覽地址 源碼地址...
摘要:基于等開發一款移動端音樂,界面參考了安卓版的網易云音樂布局適配常見移動端。圖標使用阿里巴巴圖標庫,中間的唱片旋轉動畫使用了實現。搜索功能實現功能搜索歌手歌單歌曲熱門搜索數據節流上拉刷新保存搜索記錄。 基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等開發一款移動端音樂 WebApp,UI ...
閱讀 1022·2021-11-22 14:56
閱讀 994·2021-11-11 16:54
閱讀 7801·2021-09-23 11:55
閱讀 3014·2021-09-22 15:57
閱讀 2799·2021-08-27 16:25
閱讀 675·2019-08-30 15:55
閱讀 1666·2019-08-30 15:43
閱讀 1600·2019-08-30 14:23