【易错求解】如何获取 vue 渲染到页面的真实时间?

问题描述

项目:vue

在做 FMP 数据置信时,我们知道 js 执行完其实不一定会渲染在页面上,比如说长列表。那么我们如何获取渲染在页面上的时间呢?

关联:【易错求解】事件循环(event loop)中,我们知道宏任务之间会穿插渲染,我们如何捕捉渲染动作呢?

问题出现的环境背景及自己尝试过哪些方法

  1. 宏任务 setTimeout
  2. 微任务 nextTick()、Promise
  3. requestAnimationFrame
  4. requestIdleCallback
  5. setImmediate

image.png

image.png

也查过一些相关资料,但是在测试用例上不太好整

相关代码

你期待的结果是什么?实际看到的错误信息又是什么?

期望可以得到一个分析方法,或者相关资料

本文参与了SegmentFault 思否面试闯关挑战赛,欢迎正在阅读的你也加入。
阅读 1.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题