检查后缀，有可能是因为后缀不规范导致的

html，用超文本标记语言，给浏览器识别的。
css，样式表，可以给html元素设置样式。
js，就是JavaScript ，是一种脚本语言，可以通过js操作html元素。
dom，HTML文档结构，是制订的上述JavaScript操作Html元素的规范。

前者除了要等待 DOM 被创建还要等到包括大型图片、音频、视频在内的所有外部资源都完全加载。如果加载图片和媒体内容花费了大量时间，用户就会感受到定义在 window.onload 事件上的代码在执行时有明显的延迟。
另一方面，jQuery ready() 函数只需对 DOM 树的等待，而无需对图像或外部资源加载的等待，从而执行起来更快。使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它，浏览器会按它们在 HTML 页面里出现的顺序执行它们，相反对于 onload 技术而言，只能在单一函数里使用。鉴于这个好处，用 jQuery ready() 函数比用 JavaScript window.onload 事件要更好些。

1）如果给一个元素设置了display: none，那么该元素以及它的所有后代元素都会隐藏，它是前端开发人员使用频率最高的一种隐藏方式。隐藏后的元素无法点击，无法使用屏幕阅读器等辅助设备访问，占据的空间消失。

给元素设置visibility: hidden也可以隐藏这个元素，但是隐藏元素仍需占用与未隐藏时一样的空间，也就是说虽然元素不可见了，但是仍然会影响页面布局。

2）
1、visibility具有继承性，给父元素设置visibility:hidden;子元素也会继承这个属性。但是如果重新给子元素设置visibility: visible,则子元素又会显示出来。这个和display: none有着质的区别

2、visibility: hidden不会影响计数器的计数，如图所示，visibility: hidden虽然让一个元素不见了，但是其计数器仍在运行。这和display: none完全不一样

3）CSS3的transition支持visibility属性，但是并不支持display，由于transition可以延迟执行，因此可以配合visibility使用纯css实现hover延时显示效果。提高用户体验。

1）在DOM元素中直接绑定；
2）在JavaScript代码中绑定；
3）绑定事件监听函数。

最近写加载大量图片的页面，由于服务器不给了，不能一次性加载全部图片，卡卡的，

于是参考很多github的例子以及博客园——“蜗牛闯红灯”大佬的博客，对页面进行优化，

当你鼠标拉下，浏览到某个div时候，才加载那一块的图片，简称：

1.　图片懒加载 lazy load在页面上的未可视区域可以添加一个滚动条事件，

判断图片位置与浏览器顶端的距离与页面的距离，如果前者小于后者，优先加载。

　　什么是图片懒加载问题：

　　对于图片过多的页面，为了加速页面加载速度，
所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载， 等到滚动到可视区域后再去加载。
这样子对于页面加载性能上会有很大的提升，也提高了用户体验。

display 的值的作用：
1.block          像块类型元素一样显示。

2.inline          像行内元素类型一样显示。

3.inline-block 整体行内元素一样显示（不换行），但其内容像块类型元素一样显示（可以设置宽高）

4.list-item      像块类型元素一样显示，并添加样式列表标记。

position 的值的定位区别：
1.absolute 生成绝对定位的元素，相对于第一个已经定位的父元素进行定位。

2.fixed 生成固定定位的元素，相对于浏览器窗口进行定位（老IE不支持）。

3.relative 生成相对定位的元素，相对于自己在普通流中的位置进行定位。

4.static 默认值。

5.inherit 规定从父元素继承 position 属性的值。

共同点：

1、改变行内元素的呈现方式，将display置为inline-block

2、使元素脱离普通文档流，不再占据文档物理空间

3、覆盖非定位文档元素

不同点：

1、abuselute与fixed的根元素不同，abuselute的根元素可以设置，fixed根元素是浏览器。

滚动网页，fixed与浏览器的距离是不变的。

一、枚举

枚举类型声明为一组相关的符号常数定义了一个类型名称。枚举用于“多项选择”场合，就是程序运行时从编译时已经设定的固定数目的“选择”中做出决定。

枚举类型（也称为枚举）为定义一组可以赋给变量的命名整数常量提供了一种有效的方法。例如，假设您必须定义一个变量，该变量的值表示一周中的一天。该变量只能存储七个有意义的值。若要定义这些值，可以使用枚举类型。枚举类型是使用 enum 关键字声明的。