在访问自己部署的前端项目的时候发现，背景图片加载太慢，并不是很美观。这是因为，除了 JavaScript 和 CSS，网站通常还会包含大量的图片。当自己把 元素添加到网站里面时，对应的所有图片资源都会在页面初始化时被下载下来。在网站就绪之前下载几 M 的图片资源并不罕见，会给人一种性能不好的印象。了解了一下关于图片的性能优化，除了对图片进行压缩，缩略图，异步加载还有懒加载之外，觉得还是图片的渐进式加载更加美观。废话少说，直接开搞。

至于显示的这个回到首页的图标，上一页，下一页，回到最后一页的图片，可以去阿里妈妈图标库去看看，挑选自己喜欢的。

当浏览器发展到第四代时（IE4及），浏览器开发团队遇到了一个很有意思 的问题：页面的哪一部分会拥有某个特定的事件？要明白这个问题问的是什么，可以想象画在一张纸上的一组同心圆。如果你把手指放在圆心上，那么你的手指指向的不是一个圆，而是纸上的所有圆。两家 公司的浏览器开发团队在看待浏览器事件方面还是一致的。如果你单击了某个按钮，他们都认为单击事件不仅仅发生在按钮上。换句话说，在单击按钮的同时，你也单击了按钮的容器元素，甚至也单击了整 个页面。事件流描述的是从页面中接收事件的顺序。但有意思的是，IE。

多个程序员在同一个页面上写 JavaScript 代码的环境中，作用域安全构造函数就很有用了。届时， 对全局对象意外的更改可能会导致一些常常难以追踪的错误。除非你单纯基于构造函数窃取来实现继 承，推荐作用域安全的构造函数作为最佳实践。

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据

childrenNode（）返回的是一个集合，包含所有的元素节点，文本节点，（也就是包含空格和换行）所以，一般不提倡使用，如果使用的话，一般使用nodeType来判断是否是元素节点。由于字符串的拼接比较方便，所以，执行效率相比createElement来说，比较高，所以想到使用InnerHTML中追加元素来进行优化，优化后的效率是高于innerHTML的。getElementByTagName返回的是，获取过来的元素对象的集合，用伪数组的形式来存储，不仅可以使用document来获取，

javaScript中一共有6种简单的数据类型，也称为原始类型：Undefined Null Boolean Number. String Symbol，Object。1.调用typeof操作符来返回自己数据类型对应的字符串可能有几种返回情况undefinedbooleanstringnumberobjectfunctionsymbol但是，使用typeof来测验null的时候，会返回object，因为特殊值Null被认为是一个对空对象的引用