weixin_44363162的博客

懒加载+瀑布流1.懒加载懒加载就是延迟加载，当图片出现在页面中再加载图片，防止页面一次性加载图片，影响浏览器的性能，请求时间过长。1.在img.onload预加载图片。2.为页面中的图片设置好大小，防止引起页面的回流，影响性能。3.判断元素是否进入用户视野中。（利用元素的offsetTop属性和scrollTop、clientTop之间的关系判断），若进入视野，则将data-originnal属性的值赋给图片的src属性。4.滚动，重复判断元素是否进入视野。for (let i = 0; i

APP兼容小程序调起电话代码：swanTel() {document.documentElement.addEventListener(‘click’, function (e) {let target = e.target;if (target.href.indexOf(‘tel’) > -1) {let number = target.pathname;if (isSwan...

解决vue处理handleScroll报错问题代码：滚动事件添加self.$nextTick(() => {window.addEventListener(‘scroll’, self.handleScroll);});不需要在mounted中加载，因为页面回退时，页面没有滚动会报underfined...

根据URL参数动态，修改页面背景色代码：1.在data函数中获取参数： this.skin = this.getRouterParam('skin');2.在计算属性中监听URL参数的变化，动态获取skin颜色computed: { bg() { if (this.skin) { let bgcolor = `linear-gr...