欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

性能相关

程序员文章站 2022-04-12 23:29:25
...

1、首屏和白屏时间如何计算

10分钟彻底搞懂前端页面性能监控 - 掘金

const timing = window.performance.timing
*白屏时间*
timing.responseEnd – timing.fetchStart
首屏时间
timing.loadEventStart – timing.fetchStart

2、gzip压缩

这是性能优化里面的一个环节
压缩比例非常大:能压缩50%以上
需要浏览器与nigix配合使用
浏览器需要在请求头中添加accept-encoding:gzip,表示自己支持 gzip 的压缩方式
Nginx 在拿到这个请求的时候,如果有相应配置,就会返回经过 gzip 压缩过的文件给浏览器,会在响应头添加content-encoding中设置gzip,告诉浏览器,资源的压缩方式(因为浏览器在传给服务器的时候一般还告诉服务器自己支持好几种压缩方式),浏览器拿到压缩的文件后,根据自己的解压方式进行解析。
性能相关
性能相关

请用一句话描述 try catch 能捕获到哪些 JS 异常

链接来啦:https://juejin.im/post/5ea8e2d65188256d8d605b2d
偷个总结:
性能相关

错误检测

链接: https://juejin.im/post/5eace2176fb9a04340658974
1、运行时错误
try catch
window.onerror
2、资源加载时捕获错误

  • object.onerror
  • performance.getEntries()
  • Error 事件捕获
    Window.onerror 只能捕获即时运行错误,不能捕获资源加载错误,因为资源加载错误不会冒泡。
    资源加载错误可以通过捕获 Error 来拿到,代码演示:
<script type="text/javascript"> 		 window.addEventListener("error", function(e){
 	console.log('捕获了错误:', e) }, true)
</script>

未完待续。。。

相关标签: 面试问题