我最近阅读了 Stoyan 关于浏览器回流的以下文章。它深入了解什么是回流和重绘,它对性能有什么影响以及如何改进。它还显示了一些第三方工具,可以帮助可视化这一点。
我开始研究是否有可能在没有第三方工具的情况下以某种方式检测浏览器中的回流,并有一些基于此的指标(例如,在 javascript 中,我可以计算已触发多少 ajax 调用)。
因为我的搜索不成功,所以我在这里询问是否可以计算某些操作触发的重排/重绘次数?例如,如果我有一个功能
function foo(){
// trigger and manipulate some DOM elements
$.post( "ajax/test", function( data ) {
// do some manipulations with data and attach it to the DOM
});
}
我想知道这个功能导致了多少次回流/重绘。
这个问题,听起来也很相似,正在寻找一种工具来做到这一点(此类工具在文章中有描述)。