2020-07-23

window.requestAnimationFrame根据mdn的解释:

这将使浏览器在下一次重绘之前调用你传入给该方法的动画函数(即你的回调函数)
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame

根据我的理解1：类似与setTimeout只是该函数的执行时间是固定的，数值与屏幕的刷新频率有关。
根据我的理解2：重绘不是指的浏览器渲染相关的

var bodyStyle = document.body.style;
bodyStyle.padding = "2px"; // 回流 + 重绘
bodyStyle.border = "1px solid red"; // 回流+重绘
bodyStyle.color = "blue"; // 重绘
bodyStyle.fontSize = "14px"; // 回流 + 重绘
// 添加node，回流 + 重绘
document.body.appendChild(document.createTextNode('abc!'));

很多文档都说该api是在“下一次重绘”执行，问题是没有触发重绘啊，难道是这个api告诉来浏览器要重绘？