用vuejs仿网易云音乐（实现听歌以及搜索功能）
缇兰帝旭结局⽤vuejs仿⽹易云⾳乐（实现听歌以及搜索功能）高档火锅
前⾔
前端时间学了vue，⼀开始看了vue1.0，后来实在觉得技术总得实践，就直接上⼿vue2.0。然后花了将近⼀周时间做了⼀个⽹易云⾳乐的⼩项⽬。⼀开始觉得项⽬⽐较⼩，没必要⽤vuex所以就没有使⽤，但是后来发现数据流传输有点⿇烦，后续会使⽤vuex。
985包括哪些学校
技术栈
vue+vue-router（核⼼框架）
（使移动端滑动体验更加流畅）
（⽤户图⽚懒加载）
（⽤于加载过渡）
（请求）
功能分析与设计
⾸先我先参考了现有的⼀些APP的设计与开发，然后决定做了歌单和搜索两个模块，本⾝主要以前端为主，后端代码并没有研究，这⾥要感谢这位同学写的。
梳头发
如果你没有API也没有关系，这并不影响我们的开发，你可以写如下形式的json数据进⾏模拟：
vuejs
路由结构如下
以下是组件
1.歌单部分：
数据主要由API提供，源码中有具体地址。需要了解audio标签，不熟悉的同学看
2.搜索部分：
通过绑定@keydown来绑定事件，实现实时查询。
better-scroll
使⽤：
1.⼀定要⽤⼀个空层来承载
<div ref="helloWrapper">
<div>
//你的代码
</div>
套路满满的情话
</div>
2.在vue中使⽤前必须引⼊
远上白云间import BScroll from'better-scroll';
this.helloScroll = new BScroll(this.$refs.helloWrapper, {
click: true
});
⼀定要在数据渲染完成后使⽤better-scroll，
this.$nextTick(() => {
//调⽤
});
最后上⼏张效果图

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。