能带孩子会做饭

5. 常见的图片格式及使用场景？BMP，是无损的、既支持索引色也支持直接色的点阵图。GIF是无损的、采用索引色的点阵图。JPEG是有损的、采用直接色的点阵图。PNG-8是无损的、使用索引色的点阵图。PNG-24是无损的、使用直接色的点阵图。SVG是无损的矢量图。WebP是谷歌开发的一种新图片格式，WebP是同时支持有损和无损压缩的、使用直接色的点阵图。从名字就可以看出来它是为Web而生的

4. 节流与防抖的理解、应用场景和实现？函数防抖是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。这可以使用在一些点击请求的事件上，避免因为用户的多次点击向后端发送多次请求。函数节流是指规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。节流可以使用在 scroll 函数的事件监听上，通过事件节流来降低事件调用的频率。

2. 回流与重绘？当渲染树中部分或者全部元素的尺寸、结构或者属性发生变化时, 浏览器会重新渲染部分或全部文档的过程就称为回流。当页面中某些元素样式发生变化, 但是不会影响其在文档流中的位置时, 浏览器就会对元素进行重新绘制的过程就称为重绘。

懒加载也叫做延迟加载、按需加载, 指的是在长网页中延迟加载图片数据, 是一种较好的网页性能优化的方式。在比较长的网页或应用中, 如果图片很多, 所有的图片都被加载出来, 而用户只能看到可视窗口的那一部分图片数据, 这样就浪费了性能。如果使用图片的懒加载就可以解决以上问题。在滚动屏幕之前, 可视化区域之外的图片不会进行加载, 在滚动屏幕时才加载。这样使得网页的加载速度更快, 减少了服务器的负载。懒加载适用于图片较多, 页面列表较长(长列表)的场景中。

3. CDN 概念、作用和原理？CDN（Content Delivery Network，内容分发网络）是指一种通过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。