09 2023 档案
摘要:下列代码输出结果为? for(var i = 0; i < 3; i++){ setTimeout(function(){ console.log(i); },0); }; 输出结果是:3,3,3 为什么不是0,1,2呢? 如果换成 for (var i = 0; i < 3; i++) { (fu
阅读全文
摘要:现在scss中定义: @keyframes rotate { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } 应用到元素element中: .element { animation: rotate 2s linear
阅读全文
摘要:收藏功能: 一、本地存储代码,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
阅读全文
摘要:一、inline(行内元素):可以与其他行内元素共享一行,不独占一行;不可以改变元素的height和weight,大小由内容撑开;可以使用padding上下左右,margin只能使用left和right; 二、block(块级元素):独占一行,不设置宽度情况下默认填满父元素宽度;height和wid
阅读全文
摘要:Syntax Error: ValidationError: Invalid options object. Sass Loader has been报错解决方法解决方法是:更新sass-loader以及node-sass的版本。安装命令:npm install sass-loader+版本 npm
阅读全文