- 博客(4)
- 收藏
- 关注
RSS订阅原创 懒加载+瀑布流
懒加载+瀑布流1.懒加载懒加载就是延迟加载，当图片出现在页面中再加载图片，防止页面一次性加载图片，影响浏览器的性能，请求时间过长。1.在img.onload预加载图片。2.为页面中的图片设置好大小，防止引起页面的回流，影响性能。3.判断元素是否进入用户视野中。（利用元素的offsetTop属性和scrollTop、clientTop之间的关系判断），若进入视野，则将data-originnal属性的值赋给图片的src属性。4.滚动，重复判断元素是否进入视野。for (let i = 0; i
2022-02-11 16:01:26
991
原创 动态修改页面背景色
根据URL参数动态，修改页面背景色代码：1.在data函数中获取参数： this.skin = this.getRouterParam('skin');2.在计算属性中监听URL参数的变化，动态获取skin颜色computed: { bg() { if (this.skin) { let bgcolor = `linear-gr...
2019-05-28 16:32:16
150
原创 解决vue处理handleScroll报错问题
解决vue处理handleScroll报错问题代码：滚动事件添加self.$nextTick(() => {window.addEventListener(‘scroll’, self.handleScroll);});不需要在mounted中加载，因为页面回退时，页面没有滚动会报underfined...
2019-05-16 17:15:49
2455
原创 小程序调起电话
APP兼容小程序调起电话代码：swanTel() {document.documentElement.addEventListener(‘click’, function (e) {let target = e.target;if (target.href.indexOf(‘tel’) > -1) {let number = target.pathname;if (isSwan...
2019-05-15 16:00:10
1569
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人