ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

基于vue-cli 构建 使用全家桶实现 音乐播放器 等

2020-05-17 10:06:20  阅读:238  来源: 互联网

标签:播放器 滚轮 vue cli 自定义 demo 组件 vuex


先上最终效果地址
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

本文转载于:猿2048→https://www.mk2048.com/blog/blog.php?id=hjb22cikk1j

标签:播放器,滚轮,vue,cli,自定义,demo,组件,vuex
来源: https://www.cnblogs.com/baimeishaoxia/p/12904023.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有