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 阅读全文
posted @ 2023-09-25 22:40 Ly021 阅读(28) 评论(0) 推荐(0) 编辑
摘要:现在scss中定义: @keyframes rotate { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } 应用到元素element中: .element { animation: rotate 2s linear 阅读全文
posted @ 2023-09-23 15:29 Ly021 阅读(231) 评论(0) 推荐(0) 编辑
摘要:收藏功能: 一、本地存储代码,array-storage.js: import storage from 'good-storage' function insertArray(arr, val, compare) { const index = arr.findIndex(compare) if 阅读全文
posted @ 2023-09-20 20:35 Ly021 阅读(18) 评论(0) 推荐(0) 编辑
摘要:刷新报错的原因是,singer数据是需要在singer.vue页面去传到singerdetail.vue页面的,所以想要重新加载singerdetail页面就必须重新返回到singer页面,很麻烦,想要解决就只需要将数据存储到session中既可以,网站的数据存储一般有两种,一个是location一 阅读全文
posted @ 2023-09-17 11:25 Ly021 阅读(11) 评论(0) 推荐(0) 编辑
摘要:功能是能够点击导航栏的字母快速对应到相应的标题栏,手指拖动时候也可以去绑定切换对应的导航栏字母 步骤: 1、给导航栏shortcut绑定@touchstart.stop.prevent="onShortcutTouchStart“还有touchmove和touchend,这里加上stop和preve 阅读全文
posted @ 2023-09-13 17:33 Ly021 阅读(6) 评论(0) 推荐(0) 编辑
摘要:1、先在list-index中定义shortcut的dom,通过v-for循环去获取每个组的标题 <div class="shortcut"> <ul> <li v-for="(item, index) in shortcutList" :class="{'current': currentInde 阅读全文
posted @ 2023-09-13 10:29 Ly021 阅读(7) 评论(0) 推荐(0) 编辑
摘要:在实现移动端页面的上下滑动过程,发现只有进行页面刷新然后从web端切换到移动端,才能够进行滑动,这要从BScroll的原理说起,因为BScroll进行滑动的条件是内容的模块大小需要大于容器的大小,但是明明已经内容大于容器了,为什么还会无法进行滑动呢,原因是在页面一开始加载时没有获取到数据填充后的大小 阅读全文
posted @ 2023-09-06 14:48 Ly021 阅读(46) 评论(0) 推荐(0) 编辑
摘要:当web端切换到移动端时,发现页面slider不能够正常去滑动轮转图,原因是,在开发时,如果在打开页面是web页面状态,然后去切换到移动端时候,没有监听到移动端的时间,比如touchmove事件,click事件等等。解决的方法是刷新一下页面就好。 阅读全文
posted @ 2023-09-05 20:14 Ly021 阅读(12) 评论(0) 推荐(0) 编辑
摘要:1.在router目录下的index.js文件 const routes = [ { path: '/', redirect: '/recommend' // 根路径下默认为推荐页面 }, { path: '/recommend', component: Recommend }, { path: ' 阅读全文
posted @ 2023-09-02 19:56 Ly021 阅读(4) 评论(0) 推荐(0) 编辑
摘要:1、使用场景 variable.scss文件样例 // 颜色定义规范$color-background: #222;mixin.scss文件样例 // 背景图片@mixin bg-image($url) { background-image: url($url + "@2x.png"); @medi 阅读全文
posted @ 2023-09-02 16:51 Ly021 阅读(628) 评论(0) 推荐(0) 编辑
摘要:一、inline(行内元素):可以与其他行内元素共享一行,不独占一行;不可以改变元素的height和weight,大小由内容撑开;可以使用padding上下左右,margin只能使用left和right; 二、block(块级元素):独占一行,不设置宽度情况下默认填满父元素宽度;height和wid 阅读全文
posted @ 2023-09-02 16:16 Ly021 阅读(35) 评论(0) 推荐(0) 编辑
摘要:Syntax Error: ValidationError: Invalid options object. Sass Loader has been报错解决方法解决方法是:更新sass-loader以及node-sass的版本。安装命令:npm install sass-loader+版本 npm 阅读全文
posted @ 2023-09-02 15:41 Ly021 阅读(259) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示