- 博客(6)
- 收藏
- 关注
原创 微信小程序swiper,scroll中使用echarts遇到的问题
1.canvas 组件是由客户端创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。 2.请勿在 scroll-view、swiper、picker-view、movable-view 中使用 canvas 组件。 3. css 动画对 canvas 组件无效。 4.避免设置过大的宽高,在安卓下会有crash的问题 解决途径就是不适用以上不支持的组件 解决方案: 使用点击实现swiper效果 使用页面自动高度滚动条来替代scroll-view 本人暂时能想到的解决办法就这些了,欢迎评论区共
2020-07-30 23:44:57 719
原创 标准盒模型 怪异盒模型 弹性盒模型
标准盒模型 box-sizing:content-box;//标准盒模型 标准盒模型总宽度=border2+padding2+content 怪异盒模型 box-sizing:border-box;//怪异模式 怪异盒模型的总宽度=width+margin(左右)( width已经包含了padding和border值) 弹性盒模型 flex-direction:row //(默认)主轴为水平方向,起点在左端。 flex-direction:row-reverse //主轴为水平方向,起点在右端 fl
2020-06-11 22:00:08 242
原创 前端图片懒加载和预加载
懒加载 场景:对于图片过多的页面,为了加快页面加载速度,需要将页面内未出现的可视区域内的图片先不做加载,等到滚动可视区域后再去加载。 原理:img标签的src属性用来表示图片的URL,当这个属性值不为空时,浏览器就会根据这个值发送请求,如果没有src属性就不会发送请求。所以,在页面加入时将img标签的src指向为空或者指向一个小图片(loading或者缺省图),将真实地址存在一个自定义属性data-src中,当页面滚动时,将可视区域的图片的src值赋为真实的值。 核心代码: <img src="htt
2020-05-20 22:54:56 561
原创 三种方法实现Vue路由跳转时自动定位在页面顶部
在做Vue项目的时候发现 当路由跳转时 页面是不会自动跳转到顶部的 而是停留在当前已滚动的距离 实现方法其实很简单 共有三种方法可实现页面自动跳转到顶部 在路由的main.js(router.js)里添加如下代码即可: 方法一: // 跳转后自动返回页面顶部 router.afterEach(() => { window.scrollTo(0,0); }) 方法二: const router = new VueRouter({ routes:[...],
2020-05-14 15:04:12 1649
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人