异步加载多图（可能没啥用，加载慢）（图片预加载，提前给浏览器缓存图片） 1. 用一个计数变量记录需要加载的图片个数 2. 用new Image()去加载，加载完给此对象的src赋值要加载的url路径（事先加载好图片） 3. 每次加载成功计数加一，加载完成全部调用回调进行下一步操作 4. 此方法可以得 ...
分类：
其他好文 时间：
2020-02-22 16:03:39
阅读次数：
95
背景 我们在做页面的时候，从用户体验的角度出发，肯定是希望用户以最快的速度看到完整的页面信息，但在实际情况中经常会遇到些问题。 比如受网速影响，页面加载素材的时间比较长，页面会出现短时间的错乱或者闪屏； 或者页面素材比较多、比较大，需要一定的加载时间，特别有时候的活动页面，我们一般会把首屏做的更多多 ...
分类：
Web程序 时间：
2020-02-18 09:50:05
阅读次数：
107
问题： echarts 树状图节点自定义图片首次加载不显示，点击一下才可以显示出来 本以为是图片预加载问题，搞了好久毫无卵用。 因为之前监听了窗口改变事件，突然发现改变屏幕大小后，图片也会显示出来。 既然再改变屏幕后可以显示，那么就让他改变！可以借此避过 树状图这个bug 解决方法： 在首次加载图表 ...
分类：
其他好文 时间：
2019-12-31 12:38:28
阅读次数：
623
1. 一张卡片切换内容（只有一张卡片，显示不同内容） 优点：减少代码量 缺点：内容涉及图片时，更改src会重新加载图片，即使两次显示同样的内容，图片依然会重新加载，体验性不好 2. 多张卡片固定内容（卡片内容固定，显示不同卡片） 优点：不用每次都加载图片，初始渲染就写入浏览器缓存中，配合图片预加载效 ...
分类：
其他好文 时间：
2019-10-13 15:37:51
阅读次数：
87
function load(url) { let imgObj = new Image(); // 创建图片对象 imgObj.src = url; if (imgObj.complete) { console.log('is loaded') } else { imgObj.onload = ()... ...
分类：
编程语言 时间：
2019-10-13 15:00:36
阅读次数：
86
最近一个项目，首页图片太多，便在网上找资料搜寻解决方法，搜集了一些方法，并进行了封装。最简单的方法是把图片的src值放在一个数组中，用for循环对数组进行遍历，创建图片对象并将遍历的src值加到图片对象的src属性上，之后在写一个onload的回调函数就可以使用图片对象了。demo代码如下：1234... ...
分类：
其他好文 时间：
2019-10-02 22:32:26
阅读次数：
123
预加载 方法一：CSS实现预加载 1 #preload-01 { background: url(http://domain.tld/image-01.png) no-repeat -9999px -9999px; } 2 #preload-02 { background: url(http://d ...
分类：
其他好文 时间：
2019-03-10 13:48:25
阅读次数：
138
图片预加载的三种方法 lazyload插件 lazyload是jquer下的一个实现预加载的插件，cdn为： http://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.js jquery的cdn： http://apps.bdi ...
分类：
其他好文 时间：
2019-02-14 00:27:35
阅读次数：
261
1; npm i vue-lazyload 2: 在main.js里 import vuelazyload from 'vue-lazyload'; Vue.use(vuelazyload,{ loading: '/static/1.jpg' // 图片没加载出来之前显示的图片 }) 3: <img ...
分类：
其他好文 时间：
2018-12-21 16:58:26
阅读次数：
600
