热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

先上最终效果地址PC开启手机浏览器模式从vue2.0开始接触,然后一边看官网教程一边写demo,主要实现以下PC端时间选择插件【涉及props,watch,mounted,tran

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

推荐阅读
author-avatar
縌风而行2010
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有