基於vue-cli 構建 使用全家桶實現 音樂播放器 等

先上最終效果地址
PC 開啓手機瀏覽器模式html

從vue2.0 開始接觸,而後一邊看官網教程一邊寫demo,vue

主要實現如下html5

PC端 時間選擇插件 【涉及 props, watch, mounted,transaction內置組件 和組件開發熟悉】 demowebpack

移動端 仿IOS滾輪 時間選擇 【涉及 $el, $nextick touch 事件等】demogit

全局組件 加載框 彈出對話框【涉及 vuex,回調, 組件內的事件分發dispatch 】github

QQ音樂播放器 【涉及 html5>audio 移動端適配 vue-router 嵌套路由 參數路由 動態更改index.html title ajax 複雜組件開發 vuex 單向事件】demoweb

具體代碼請查看,歡迎關注https://github.com/k186/vueDemo 切到likeMusicplayer 分支ajax

上面是用官方Vue-cli 構建的,最近幾天在看webpack2 準備本身配置打包。
這邊忙完了會首先把滾輪實現思路跟你們講一下
//todo 
1.滾輪實現思路展現
2.音樂播放器 vuex 優化
3.滾輪性能優化
4.自定義指令 tap 
5.自定義scroll
相關文章
相關標籤/搜索