摘要: 其他 此应用的全部数据来自 QQ音乐,利用 axios 结合 node.js 代理后端请求抓取 全局通用的应用级状态使用 vuex 集中管理 全局引入 fastclick 库,消除 click 移动浏览器 300ms 延迟 页面是响应式的,适配常见的移动端屏幕,采用 flex 布局 疑难总结 & 小 阅读全文
posted @ 2018-06-14 00:41 猫哥在奔跑 阅读(3299) 评论(0) 推荐(0)
摘要: state:所有组件的所有状态和数据 放入同一个内存空间去管理 我们把它称为state Vue Components:state里面的数据可以方便的映射到组件上 然后渲染组件 Actions:当组件的数据发生变化的时候 它可以通过Dispatch一个Actions 然后Actions可以做一些异步操 阅读全文
posted @ 2018-06-14 00:21 猫哥在奔跑 阅读(328) 评论(0) 推荐(0)
摘要: 问题一:当我们点击右侧快速入口的时候 被点击的地方高亮 首先我们要知道右侧快速入口是为什么高亮??因为当watch()监控到scrollY的变化了的时候 将scrollY的值和listHeight相比较 判断scrollY在哪个group区间 从而判断高亮的currentIndex 所以要想高亮 就 阅读全文
posted @ 2018-06-14 00:17 猫哥在奔跑 阅读(203) 评论(0) 推荐(0)
摘要: 快速入口的列表是其实是之前处理的歌手的数据中的关于title的列表 shorcutList属性是计算属性 通过ret数组中的title计算到的 所以我们要在singer.vue组件中将数据传入到list-view组件 list-vue 组件在props中接受 shortcut快速入口列表 所用到的属 阅读全文
posted @ 2018-06-14 00:14 猫哥在奔跑 阅读(238) 评论(0) 推荐(0)
摘要: 滚动列表是一个基础组件 他是基于scroll组件实现的 在base文件夹下面创建一个list-view文件夹 里面有list-view.vue组件 在singer.vue中 阅读全文
posted @ 2018-06-14 00:04 猫哥在奔跑 阅读(1814) 评论(0) 推荐(0)
摘要: 之前得到的歌手数据是用forEach遍历添加的 没有顺序性 我们希望得到的数据是title:"热门"的数据在最上面 title为字母的数据按字母从低到高顺序排列 阅读全文
posted @ 2018-06-14 00:02 猫哥在奔跑 阅读(198) 评论(0) 推荐(0)
摘要: 第一步:在api文件夹下创建一个singer.js文件 返回一个getSingerList()方法 使他能够在singer.vue中调用 第二步:在singer.vue中引入getSingerList方法 并且在created()中调用此方法 加载数据 第三步:由于简单的获取数据已经不符合我们的需求 阅读全文
posted @ 2018-06-14 00:01 猫哥在奔跑 阅读(701) 评论(0) 推荐(0)
摘要: 了解better-scroll什么时候是需要refresh计算的??通常我们遇到的better-scroll不能滚动的问题的根源是什么??better-scroll的渲染原理是:根据初始化的时机 或者调用refresh()的时机的那个时候的scroll的父元素的高度和子元素的高度之差去做一个计算 计 阅读全文
posted @ 2018-06-13 23:59 猫哥在奔跑 阅读(355) 评论(0) 推荐(0)
摘要: 什么是生命周期 在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册js方法,可以让我们用自己注册的js方法控制整个大局,在这些事件响应方法中的this直接指向的是vue的实例。 再上图,对生命周期图的标注 每个钩子函数都在啥时间触发 beforeCreate created 阅读全文
posted @ 2018-06-13 23:57 猫哥在奔跑 阅读(147) 评论(0) 推荐(0)
摘要: z这里如果我们和之前获取轮播图的数据一样来获取表单的数据 发现根本获取不到 原因是qq音乐在请求头里面加了authority和refer等 但是如果我们通过jsonp实现跨域来请求数据的话 是根本不能够修改请求头的 所以我们就考虑用axios 但是axios又不能进行跨域 那么我们要怎么拿到qq音乐 阅读全文
posted @ 2018-06-13 23:54 猫哥在奔跑 阅读(303) 评论(0) 推荐(0)