面试题整理

1、 png和jpg在加载性能上的区别

jpg：

优点：尺寸较小，节省空间；打开速度快

缺点：有损格式，在修图时不断保存会导致图片质量不断降低；不支持透明

png：

优点：无损格式，不论保存多少次，理论上图片质量都不会受任何影响；支持透明

缺点：尺寸过大；打开速度与保存速度和jpg没法比

在开发中，尺寸比较大的图片（例如背景图片）一般适用jpg格式，减小对内存的占用！

 

2、Sass转换css的原理

可以用字符串替换实现，根据css语法规范将sass、less替换成css: F(sass)=>css。实现这么一个字符串处理函数就好了，而如何实现可以用编译原理的理论知识来说明。 【AST原理】

 

3、 空img会完成什么问题

在img 对象的src 属性是空字符串(“”)的时候，浏览器认为这是一个缺省值，值的内容为当前网页的路径。浏览器会用当前路径进行再一次载入，并把其内容作为图像的二进制内容并试图显示。

如何解决这个问题？ 
可以从两方面着手，一是尽量避免这种坏的编程方式，不要出现空的src标签。另外，可以从服务器端着手，在发现时这种无意义的请求时不要返回任何东西给客户端。

img[src=""],img:not([src]){opacity:0;}