JS 实现页面的懒加载

JavaScript06

JS 实现页面的懒加载,第1张

页面加载来自网络的图片时,可能会花费大量的时间,因此如果使用懒加载,能够让用户体验不到加载的过程

至此,我们便可以在页面中使用懒加载来优化用户体验了。

lazyLoad.html

在项目中引入 js 文件一般是如下这种模式:

懒加载:

当文件被需要时才被加载即 执行fn()时,多次执行fn()只会加载一次js文件

预加载:

文件会在浏览器空闲的时候提前加载,有兼容性问题需慎用