企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持知识库和私有化部署方案 广告
### 手写图片懒加载 图片懒加载是一种常用的技术,如果直接给某个img标签设置src属性,由于图片过大或者网络不佳,图片的位置会出现一片空白,图片懒加载就是使用一个`loading`图片来进行站位,等真正的图片加载完毕后再显示出来。 ``` var myImage = (function(){ var imgNode = document.createElement('img'); document.body.appendChild(imgNode); var img = new Image(); img.onload = function() { imgNode.src = img.src; } return { setSrc: function(src) { imgNode.src = './img/loading.gif'; img.src = src; } } })() myImage.setSrc('https://www.baidu.com/img/bd_logo1.png?where=super'); ```