什么是反流?当元素本身的宽度、高度、布局、显示或隐藏,或者元素内部的文本结构发生变化,导致需要重建页面时,就会发生回流。什么是重绘?当一个元素本身的宽度、高度、布局、显示或隐藏都没有发生变化,只是元素的外观样式发生了变化,什么时候会发生回流?添加或删除可见的DOM元素时,元素的位置会发生变化。元素的大小发生变化。内容发生变化。列出页面第一次渲染时相关的一些CSS样式:width、height、line-height、padding、margin、diaplay、border、top、position、float、font-size、overflow等,什么时候重绘?列举一些相关的CSS样式:color,background,background-size,visibility,box-shadow如何优化性能?使用transform代替top,left,margin-top,margin-left...这些位移属性不使用js代码为dom元素设置多种样式,选择使用className代替在循环中获取dom样式例如:offsetWidth、offsetHeight、clientWidth、clientHeight等,浏览器有回流缓冲机制,获取这些属性时会产生回流。避免设置多层内联样式。写一个外部类,让只回流一次,让多个回流元素脱离文档流,比如动画。使用position属性的固定值或者一起改变绝对值(同时修改所有需要改变的属性)。文章内容/灵感借鉴于下面【持续维护/更新500+前端面试题/笔记】https://github.com/noxussj/中。..【大数据可视化图表插件】https://www.npmjs.com/package...【使用THREE.JS实现3D城市建模(珠海市)】https://3d.noxussj.top/
