预加载这个js跟上一节的图片预加载有什么区别

同学你好，对于你的问题解答如下：

1. 直接改变图片的src，有loading换成其他图片也是可以实现按需加载的。

2. 老师引入新的js中，是操作元素的内容，使用文字内容直接替换了loading图片

   

   

3. 没有什么好处，原理都是一样的， 因为按需加载可以加载其他资源，不只是图片，所以老师这里以js文件为例方便同学看到按需加载的效果

祝学习愉快~

同学你好，上一节讲解的是图片预加载，这一节讲解的是资源按需加载，具体可以参考如下解析：

1. 图片预加载是通过Image创建一个图片，由于img被创建后就会加载src里面的图片，所以即使html没有使用img标签引入图片，其实已经加载图片了，示例：

   

   如下图所示，打开页面时就已经加载了这张图片，在html中使用logo.png这张图片就可以直接从浏览器缓存中加载，这样图片加载的速度就会提升。
   

   

   这种预加载方式只针对图片预加载有效，提前请求图片，当用户访问时，直接从浏览器本地缓存中获取图片，提升访问速度
   

2. 这节课讲解的是按需加载，也就是说我们需要的时候在加载，视频中老师只是以加载js文件为例讲解，当我们滚动到底部时，加载另一个js文件，实际中可以参考老师的这个思路，实现其他资源（包括图片）按需加载的功能。

   示例：首屏只展示部分图片，页面滚动到一定区域时，再开始加载其他的图片，这样就不用在打开页面时将所有图片都加载，提升页面访问速度。前面组件化的案例中老师也讲解过按需加载功能，就是这种思想的实际使用方式，同学可以回顾下，加深理解。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~