分享给大家一个监控页面白屏的新思路

看到一个监控页面白屏的思路,感觉挺好的,分享给大家:

先在浏览器可视区域定一个坐标轴,把可视区域中心点作为坐标轴的中心,然后在X,Y轴上平均分配10个点,页面onload事件触发后,通过坐标找出这20个坐标点上的DOM元素,如果这些元素是你自定义的标签,比如Html,Body,App,Root等,就代表着此时还没有渲染出元素,则判定为白屏,此时白屏点加1,最终如果白屏点大于1,则上报白屏日志。#前端##前端面试#
全部评论

相关推荐

10-02 11:47
东北大学 Java
奇瑞 智能座舱开发工程师 8.5k
点赞 评论 收藏
分享
字节抖音游戏一面讲一下权限接口优化的项目涉及到很多业务方如何推进的实习用到的技术栈有哪些讲一下react的一些特点和vue之间的差别讲一下fiber架构讲一下promise讲一下async/await的实现原理rem,em如何使用rem来进行多端适配各种攻击方式【xss,cref,中间人攻击】中间人攻击会出现在哪种场景css的position有什么值一个长数组的处理阻塞了页面如何处理淘宝秒杀倒计时如何保证倒计时的准确性实现format函数```var origin =(source:b', target: 'c'},source a'. target:'b'}{source:'c', target: 'd'}Jformat(origin);=>按顺序打印 abcd``` 二面讲了一下实习项目【无权限页面加载优化】引申到页面加载优化为什么小图片使用base64编码对webp有什么了解http2有什么特点http1.1支持服务器推送吗react的hook,分别的功能和使用场景react如何进行状态管理setstate是异步还是同步更新函数组件没有生命周期如何在挂载和卸载阶段进行操作webpack的一个流程webpack的treesharking在ES6之前的一个treesharkingloader和plugin之间的差别客户出现白屏如何排查如果联系不上客户怎么办前端监控是如何进行错误检测的如何实现的虚拟列表为什么要使用虚拟列表为什么要自己写?有参考其他的库吗算法:实现一个括号匹配(栈) 三面问了一些实习项目react的diff过程深度有限和广度优先的应用,有什么不同为什么react用深度优先遍历xss攻击和防范实现一个autocontext组件如何设计,讲一下可能会出现哪些边界case和解决方法输入框的过滤如何操作做题:一个add(1)(2)(3);add(1,2,3)柯里化的题三面的题没有写出来被叫停了,是做过而且不难的题,国庆回来就复习了一天,感觉面试没什么状态
点赞 评论 收藏
分享
评论
9
13
分享
牛客网
牛客企业服务