摘要：
1、存储搜索历史记录时使用good-storage 插件直接存数组，因为原生的localstorage api 需要将数组转换为字符串存储 参考文档https://github.com/ustbhuangyi/storage a.安装 npm install good-storage b.新建cac 阅读全文
posted @ 2018-06-20 14:25
猫哥在奔跑
阅读(1800)
评论(0)
推荐(0)
摘要：
歌词数据解析、歌词滚动、歌词进度控制功能的实现(基于js-base64、lyric-parser、better-scroll) 1、需求分析 后台歌词接口返回的数据如下（base64字符串）： 解析成歌词并应用，实现歌词随着播放进度滚动，显示当前歌词，可以对歌词的进度进行控制（即改变歌曲进度，歌词会 阅读全文
posted @ 2018-06-14 03:47
猫哥在奔跑
阅读(4709)
评论(0)
推荐(1)
摘要：
知道disable是干什么的了，如果不加，scroll的高度会高于内容的高度。 使用如下： 优化： 阅读全文
posted @ 2018-06-14 01:49
猫哥在奔跑
阅读(210)
评论(0)
推荐(0)
摘要：
search组件里面调用： search-list中向外部传一个事件。 search组件监听这个事件： 这里的删除需要改变两部分 1：state里的数据 2：localStorage的数据 所以还需要在cache里面封装方法： 然后在action里面调用deleteSearchOne 这样就可以了。 阅读全文
posted @ 2018-06-14 01:48
猫哥在奔跑
阅读(177)
评论(0)
推荐(0)
摘要：
因为搜索关键词在多个模块都有使用，所以要在vuex里面去定义和修改。 state设置: 然后是mutation和types 然后是getters 然后在suggest里面点击的时候。会触发vuex状态的改变。 suggest组件在clickitem的时候。向外触发一个事件 在父组件里面去监控这sel 阅读全文
posted @ 2018-06-14 01:41
猫哥在奔跑
阅读(169)
评论(0)
推荐(0)
摘要：
active的样式 这里有一个问题就是betterscroll在1.0以后的是没有snapLoop的。 所以我安装了0.1.15版本 自动轮播如下 阅读全文
posted @ 2018-06-14 01:32
猫哥在奔跑
阅读(164)
评论(0)
推荐(0)
摘要：
在这一节，会封装一些公用的函数来添加classname，改变image的宽度。 具体如下： 首先：封装一个slider的组件 样式如下： 紧接着就是js部分的代码了。 遇到的问题：上面这样写完后。slide-item的class名字不能添加上，什么原因。 在这里的问题我反复看了一下，具体的意思如下。 阅读全文
posted @ 2018-06-14 01:29
猫哥在奔跑
阅读(240)
评论(0)
推荐(0)
摘要：
环形进度条是基于svg实现的。 逻辑的实现： 阅读全文
posted @ 2018-06-14 01:25
猫哥在奔跑
阅读(664)
评论(0)
推荐(0)
摘要：
首先：应该通过子路由实现： 第二步：添加点击事件： 阅读全文
posted @ 2018-06-14 01:14
猫哥在奔跑
阅读(161)
评论(0)
推荐(0)
摘要：
1、分析设计稿 顶部：标题 左部：歌手列表 右部：快速入口——A-Z的排序切换 数据：动态获取 2、数据获取及处理 2-1：数据 接口获取——https://y.qq.com/portal/singer_list.html 从控制台network界面上，js对应模块找到 fcg-bin/v8.fcg 阅读全文
posted @ 2018-06-14 01:05
猫哥在奔跑
阅读(583)
评论(0)
推荐(0)
浙公网安备 33010602011771号