性能优化的原则 多使用内存、缓存或其他方法 减少cpu计算量，减少网络加载耗时 （使用与所有便程的性能优化 --- 空间换时间） 从哪里入手 让加载更快 减少资源体积：压缩代码 减少访问次数：合并代码，ssr服务器端渲染，缓存 使用更快的网络，使用CDN 让渲染更快 css放到head，js放到body下面 尽早开始执行js，用DOMContentLoaded触发 懒加载（图片懒加载，上滑加载） 对dom缓存 频繁dom操作，合并插入dom结构 节流throttle 防抖 debouce
性能优化的原则 多使用内存、缓存或其他方法 减少cpu计算量，减少网络加载耗时 （使用与所有便程的性能优化 --- 空间换时间） 从哪里入手 让加载更快 减少资源体积：压缩代码 减少访问次数：合并代码，ssr服务器端渲染，缓存 使用更快的网络，使用CDN 让渲染更快 css放到head，js放到body下面 尽早开始执行js，用DOMContentLoaded触发 懒加载（图片懒加载，上滑加载） 对dom缓存 频繁dom操作，合并插入dom结构 节流throttle 防抖 debouce
什么是BFC？ W3C对BFC的定义如下： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为"visiable"的块级盒子，都会为他们的内容创建新的BFC（Block Fromatting Context， 即块级格式上下文）。 BFC的触发条件 1. 根元素html 2. float不为none 3. overflow不为visible 4. position为fixed或…