在前端开发中,我们有时候会选择使用translate来改变元素的位置,而不是使用传统的定位方式(如top,left,right,bottom),主要是因为性能方面的考虑。具体来说,translate是通过CSS中的transform属性实现的,它操作的是元素的渲染层,而不是布局层。ps:这里的渲染

表现：在rhel8.6上，tmux在调整窗口layout的时候，有机会出现hang死问题，所有tmux窗口卡死。 tmux版本：3.3a  目的：假如此时想要把某些内容保存下来，可通过gdb临时解决。 解决办法：1.gdb-ptmux进程号2.backtrace查看当前执行的位置，发现当前执行到grid_reflow_join方法上。

以下哪些操作会触发Reflow：varobj=document.getElementById(“test”);Aalert(obj.className)Balert(obj.offsetHeight)Cobj.style.height=“100px”Dobj.style.color=“red”正确答案：BC正确答案：BC。B计算了offsetHeight，C重新设置了高度。A打印出类名，无影响

framepersecond-FPS每当我们在FPS上方看到红色条时，就意味着帧速率下降得太低，当FPS降到60以下时，会严重影响用户体验。一般来说，绿色条越高，FPS越高。在FPS图表下

1重绘（repaint）：屏幕的一部分要重绘。渲染树节点发生改变，但不影响该节点在页面当中的空间位置及大小。譬如某个div标签节点的背景颜色、字体颜色等等发生改变，但是该div标签

浏览器-重绘(repaint)重排(reflow)网页生成过程：HTML被HTML解析器解析成DOM树css则被css解析器解析成CSSOM树结合DOM树和CSSOM树，生成一棵渲染树(RenderTree)生成

哪些实际操作会导致回流与重绘最“贵”的操作：改变DOM元素的几何属性这个改变几乎可以说是“牵一发动全身”——当一个DOM元素的几何属性发生变化时，所有和它相关的节

 APP列表滚不动，看一下auto-reflow属性，是不是false，false就是滚不动，改成true  能滚之后，底下还有一点拉不上来，可以height给一点值 

重绘就是重新绘画，重绘是一个元素外观的改变所触发的浏览器行为，当给一个元素更换颜色、更换背景，虽然不会影响页面布局，但是颜色或背景变了，浏览器就会根据元素的新属性重新绘

1.浏览器渲染机制浏览器采用流式布局模型（FlowBasedLayout）浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了渲染树（RenderTree）。有了RenderTree，我们