性能优化的原则 多使用内存、缓存或其他方法 减少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或…