2023年9月13日
快速导航固定栏开发-2
摘要： 功能是能够点击导航栏的字母快速对应到相应的标题栏，手指拖动时候也可以去绑定切换对应的导航栏字母 步骤： 1、给导航栏shortcut绑定@touchstart.stop.prevent="onShortcutTouchStart“还有touchmove和touchend，这里加上stop和preve 阅读全文
posted @ 2023-09-13 17:33 Ly021 阅读(15) 评论(0) 推荐(0)
快速导航固定栏开发-1
摘要： 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 阅读(22) 评论(0) 推荐(0)
2023年9月6日
BetterScroll插件之observeDOM
摘要： 在实现移动端页面的上下滑动过程，发现只有进行页面刷新然后从web端切换到移动端，才能够进行滑动，这要从BScroll的原理说起，因为BScroll进行滑动的条件是内容的模块大小需要大于容器的大小，但是明明已经内容大于容器了，为什么还会无法进行滑动呢，原因是在页面一开始加载时没有获取到数据填充后的大小 阅读全文
posted @ 2023-09-06 14:48 Ly021 阅读(73) 评论(0) 推荐(0)
2023年9月5日
关于移动端开发和web开发轮转图滑动问题
摘要： 当web端切换到移动端时，发现页面slider不能够正常去滑动轮转图，原因是，在开发时，如果在打开页面是web页面状态，然后去切换到移动端时候，没有监听到移动端的时间，比如touchmove事件，click事件等等。解决的方法是刷新一下页面就好。 阅读全文
posted @ 2023-09-05 20:14 Ly021 阅读(20) 评论(0) 推荐(0)
2023年9月2日
vue-router的使用
摘要： 1.在router目录下的index.js文件 const routes = [ { path: '/', redirect: '/recommend' // 根路径下默认为推荐页面 }, { path: '/recommend', component: Recommend }, { path: ' 阅读全文
posted @ 2023-09-02 19:56 Ly021 阅读(17) 评论(0) 推荐(0)
vue项目中全局引入cass（scss）变量和sass（scss） mixin
摘要： 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 阅读(697) 评论(0) 推荐(0)
display的三个元素
摘要： 一、inline（行内元素）：可以与其他行内元素共享一行，不独占一行；不可以改变元素的height和weight，大小由内容撑开；可以使用padding上下左右，margin只能使用left和right； 二、block（块级元素）：独占一行，不设置宽度情况下默认填满父元素宽度；height和wid 阅读全文
posted @ 2023-09-02 16:16 Ly021 阅读(45) 评论(0) 推荐(0)
sass-loader以及node-sass版本问题造成启动项目失败
摘要： 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 阅读(325) 评论(0) 推荐(0)