随笔分类 - QQ音乐APP
摘要：1.拓展scroll.vue事件 2.在suggest.vue里声明beforeScrll:true,并$emit（beforeScroll）事件 3.在搜索input框中写失去焦点事件： 4.在search.vue父组件中调用子组件的blur方法；
阅读全文
摘要：1.封装扩展scroll.vue功能； 2.在suggest中传值： 3.searchMore方法： a.data声明一个标识位hasMore:true; b.当发送search（）请求，请求后端数据的时候hasMore值为true, c.封装_checkMore()方法，当已经显示条数大于总条数的
阅读全文
摘要：1.搜索框组件： 2.搜索页面组件： 3.搜索列表显示组件 搜索逻辑： 1.suggest.vue是根据搜索关键词来从后台请求数据并展示数据，因此需要props搜索词query; 2.suggest.vue监听搜索词query，当query发生变化的时候发送search请求，并渲染列表 3.父组件s
阅读全文
摘要：原题：父组件搜索页面引用了子组件搜索框，当点击父组件中的热门搜索关键词的时候，将关键词写到子组件的input框中； 1.在组件中写事件，将得到的参数写到搜索框中： 2.父组件中写热门关键词的点击事件： 其中：searchBox指的是子组件的dom 总结：父组件可以通过Dom使用子组件的事件（方法）
阅读全文
摘要：1.在music-list.vue中写DOM 2.传props: 3.在不同的索引前，加上不同的类来显示奖杯： 4.添加类的方法： 5.在music-list中调用时候传入rank
阅读全文
摘要：1.给父元素限制宽高 2.给Scroll限制高度，并overflow:hidden;
阅读全文
摘要：1.下载 2.引入main.js 3.组件中使用
阅读全文
摘要：1.audio标签 2.中间圆cd和播放/暂停按钮动画 3.通过mutations来设置播放/暂停 上一首/下一首 min/normal播放 4.监听currentsong的变化，当currentsong发生变化的时候,让歌曲播放； 5.监听playing的播放状态 6.上一曲/下一曲切换：
阅读全文
摘要：1.state.js 2.getters.js 3.mutation-types.js 4.mutations.js
阅读全文
摘要：注意点： 1.song-list的高度是通过计算动态获取的； 2.可以直接在{{}}调用函数，来显示函数的返回值；
阅读全文
摘要：1.封装music-lsit组件： 2.在singer-detail中引用传值：
阅读全文
摘要：1.在api/song.js中发送jsonp请求来请求数据 2.封装api/common/js/song.js的song类，来获取想要的信息 3.在sing-detail.vue中请求数据； 4.引入封装的song类，并处理请求到的数据：
阅读全文
摘要：1.创建components/singer-detail/singer-detail.vue 2.配置动态路由： 3.在listview.vue中emitselectSinger事件来触发选择明星，并将选择的明星item作为参数派发给singer.vue 4.singer中监听派发的selectsi
阅读全文
摘要：1.封装scroll.vue的listenScroll属性和方法，用来确定监听listview.vue的滚动事件 2.将listview.vue的listenScroll属性默认设置为true; 3.写scroll(pos)方法，实时监听左侧scroll位置，并根据滚动位置计算滚动到了索引为哪一个值
阅读全文
摘要：1 2 3 4 {{item}} 5 6 7 8 9 10 11 事件方法： 12 onShortcutTouchStart(e){ 13 let anchorIndex = getData(e.target, 'index') 14 /...
阅读全文
摘要：1.通过v-for将右侧内容渲染出来，并绝对定位到右侧 2.给每个li绑定touchStart事件，并绑定自定义属性data-index=index； 3.点击每个li,通过e来获取所绑定的自定义属性中的index; 4.封装scrll中的scrllTo和scrollTlElement方法， 5.给
阅读全文
