- 博客(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
1038
原创 动态修改页面背景色
根据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
191
原创 解决vue处理handleScroll报错问题
解决vue处理handleScroll报错问题 代码： 滚动事件添加 self.$nextTick(() => { window.addEventListener(‘scroll’, self.handleScroll); }); 不需要在mounted中加载，因为页面回退时，页面没有滚动会报underfined ...
2019-05-16 17:15:49
2532
原创 小程序调起电话
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
1607
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人