面试题（2022）

网页中有大量图片加载很慢 你有什么办法进行优化？

1.图片懒加载，在图片未可视区域加一个滚动条事件，判断图片位置与浏 览器顶端和页面的距离，如果前者小鱼后者，优先加载

2.使用图片预加载技术，将当前展示图片的前一张和后一张优先下载

3.使用 csssprite 或者 svgsprite

行内元素/块级元素有哪些？

行内元素：相邻的行内元素会排列在同一行，不会独占一行 设置宽高无 效 span 
块级元素：会独占一行 可以设置宽高等属性 div 可变元素：根据上下文预警决定该元素为块元素还是内联元素
块级元素：div h1-h6 hr p ul ol table address blockquote dir from menu 
行内元素：a br I em img input select span sub sup u textarea 
可变元素：button del iframe ins

浏览器的标准模式和怪异模式区别？

标准模式：浏览器按照 W3C 标准解析执行代码

怪异模式：浏览器根据自己的方式解析执行代码，因为不同浏览器解析执行方式不一样，所以叫怪异模式

区别：
在怪异模式下，盒模型为怪异盒