随笔分类 - Vue学习笔记
Vue音乐项目的学习过程中的问题
摘要：render 函数的主要作用： 创建虚拟 DOM：render 函数负责创建虚拟 DOM 元素，这些元素以 JavaScript 对象的形式表示页面的结构和内容。 根据状态和数据生成 UI：render 函数根据组件的状态（data 数据）、属性（props）、计算属性（computed）、方法（m
阅读全文
摘要：收藏功能： 一、本地存储代码，array-storage.js: import storage from 'good-storage' function insertArray(arr, val, compare) { const index = arr.findIndex(compare) if
阅读全文
摘要：刷新报错的原因是，singer数据是需要在singer.vue页面去传到singerdetail.vue页面的，所以想要重新加载singerdetail页面就必须重新返回到singer页面，很麻烦，想要解决就只需要将数据存储到session中既可以，网站的数据存储一般有两种，一个是location一
阅读全文
摘要：功能是能够点击导航栏的字母快速对应到相应的标题栏，手指拖动时候也可以去绑定切换对应的导航栏字母 步骤： 1、给导航栏shortcut绑定@touchstart.stop.prevent="onShortcutTouchStart“还有touchmove和touchend，这里加上stop和preve
阅读全文
摘要：1、先在list-index中定义shortcut的dom，通过v-for循环去获取每个组的标题 <div class="shortcut"> <ul> <li v-for="(item, index) in shortcutList" :class="{'current': currentInde
阅读全文
摘要：在实现移动端页面的上下滑动过程，发现只有进行页面刷新然后从web端切换到移动端，才能够进行滑动，这要从BScroll的原理说起，因为BScroll进行滑动的条件是内容的模块大小需要大于容器的大小，但是明明已经内容大于容器了，为什么还会无法进行滑动呢，原因是在页面一开始加载时没有获取到数据填充后的大小
阅读全文
摘要：当web端切换到移动端时，发现页面slider不能够正常去滑动轮转图，原因是，在开发时，如果在打开页面是web页面状态，然后去切换到移动端时候，没有监听到移动端的时间，比如touchmove事件，click事件等等。解决的方法是刷新一下页面就好。
阅读全文
摘要：1.在router目录下的index.js文件 const routes = [ { path: '/', redirect: '/recommend' // 根路径下默认为推荐页面 }, { path: '/recommend', component: Recommend }, { path: '
阅读全文
摘要：1、使用场景 variable.scss文件样例 // 颜色定义规范$color-background: #222;mixin.scss文件样例 // 背景图片@mixin bg-image($url) { background-image: url($url + "@2x.png"); @medi
阅读全文
摘要：Syntax Error: ValidationError: Invalid options object. Sass Loader has been报错解决方法解决方法是：更新sass-loader以及node-sass的版本。安装命令：npm install sass-loader+版本 npm
阅读全文
