摘要: 异常捕获方法 1.try catch 这种方案要求开发人员在编写代码的时候,在预估有异常发生的代码段使用try...catch,在发生异常时将异常信息发送给接口: 但是 try-catch 处理异常的能力有限,只能捕获捉到运行时非异步错误,对于语法错误和异步错误就显得无能为力,捕捉不到。 try{ 阅读全文
posted @ 2020-05-09 18:42 Magi黄元 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 关注性能是工程师的本性 + 本分; 页面性能对用户体验而言十分关键。每次重构对页面性能的提升,仅靠工程师开发设备的测试数据是没有说服力的,需要有大量的真实数据用于验证; 资源挂了、加载出现异常,不能总靠用户投诉才后知后觉,需要主动报警。 用什么监控 关于前端性能指标,W3C 定义了强大的 Perfo 阅读全文
posted @ 2020-05-09 17:47 Magi黄元 阅读(1015) 评论(0) 推荐(1) 编辑
摘要: Cookie 用于存储 web 页面的用户信息。 什么是 Cookie? Cookie 是一些数据, 存储于你电脑上的文本文件中。 当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。 Cookie 的作用就是用于解决 "如何记录客户端的用户信息": 当用户访问 阅读全文
posted @ 2020-05-09 16:18 Magi黄元 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 上个效果图 图片出现在页面中采去加载所需的图片进行显示,并不是开始就将整个页面的图片一起加载出来,这样有效提高网站的性能。 使用方法 cdn引入 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/l 阅读全文
posted @ 2020-05-09 11:50 Magi黄元 阅读(511) 评论(0) 推荐(0) 编辑
摘要: 这里的合并主要针对当前页面上访问的资源文件,比如css,js,图片等。 HTTP请求过程 一个HTTP请求的主要过程是: DNS解析(T1) -> 建立TCP连接(T2) -> 发送请求(T3) -> 等待服务器返回首字节(TTFB)(T4) -> 接收数据(T5)。 如下图所示,是Chrome D 阅读全文
posted @ 2020-05-09 11:21 Magi黄元 阅读(1071) 评论(0) 推荐(0) 编辑