本文目录一览：
JS怎么实现网页加载的进度百分比
如果是flash做的，那是flash自身的加载进度。如果是js做的，做法比较简单，就是在页面的不同的地方插入script标签，动态改变进度的值。
首先，我们制作的这个进度条并没有后台数据作为支撑，所以是一个靠js实现的一个简单的页面。我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的。
ProgressJs是一个JavaScript和CSS3库，帮助开发人员创建和管理页面上的任何对象的进度条。你可以自己设计模板的进度条或简单的定制。你可以使用ProgressJs显示加载内容的进步（图像，视频，等等）到用户的网页。-图片预加载js
ajax默认情况下是异步执行的（建议尽量异步），也就是说当发出ajax命令后，程序是不停顿的，如果这时候隐藏图片，那么就相当于没有显示了（浏览器可能来不及把图片显示出来就被你隐藏了）。
图片懒加载和预加载
懒加载主要是针对前端页面比较大而设计出来的一种方式，假如一个网页很大，又含有很多图片、视频内容，那么想一次性加载就会等待很久，懒加载就是只有在屏幕显示范围内的资源，被用户看到的内容才会真正去加载。
F(n)=F(n-1)+F(n-2)+1备注：1是根节点，F(n-1)是左子树的节点数量，F(n-2)是右子树的节点数量。
懒加载：添加一个滚动条事件，判断图片位置、浏览器顶端的与页面的距离，如果前者小于后者就优先加载。采用合适的图片大小 预加载：遇到相册、幻灯片、轮播图等可以优先预加载前一张与后一张图片，提高用户体验。
小图多可以用图标，例如阿里巴巴iconfont库 https：// 。使用精灵图。大图可以进行压缩，压缩网站eg： https：//tinypng.com/ 。
今天小编要跟大家分享的文章是关于2020年Web前端面试题汇总。由于内容较多小编分开为大家介绍，今天首先来和小编一起看一看第一部分的内容，希望这些面试题能够对正准备找Web前端相关工作的小伙伴们有所帮助。-图片预加载js
网站图片太多,怎样按当前浏览页面(屏幕下拉顺序)加载图片?
首先打开这个网站！然后点击文件，下拉菜单里，点击“保存”或者直接按键盘“Ctrl+S”，保存类型“网页；全部”，然后保存到你所指定的地方，会有一个文件夹，所有的图片全按顺序保存在这个文件夹里面了。快去试试吧。。-图片预加载js
懒加载：添加一个滚动条事件，判断图片位置、浏览器顶端的与页面的距离，如果前者小于后者就优先加载。采用合适的图片大小 预加载：遇到相册、幻灯片、轮播图等可以优先预加载前一张与后一张图片，提高用户体验。
第1步：360浏览器右上角有这个图标-添加-添加FatKun图片批量下载功能。第2步：打开你所需要下载的漫画第1页的网页，复制网页的连接。
用瀑布流吧，通过JS来实现的。自动加载后台数据。
