燕乐七声

前言 哈喽，大家好，我是海怪。 相信不少同学在写单测的时候，最大的困扰不是如何写测试代码，而是：“应该测什么？”，“要测多深入”，“哪些不该测”。 最近在给 React 组件写单测的时候，发现了 Ke

1.前端错误异常按照捕获方式分类： 脚本错误 资源加载错误 Promise错误 2.sentry/tracing中实现的集成 错误监控主要由new TryCatch()和new GlobalHandl

如果发现 bug 的时机越早，那么修复成本就越低。通过对应用中的错误或异常进行监控和自动反馈，有助于我们尽早发现隐蔽的问题，提升产品质量和研发效率。

通过上篇文章《自动化 Web 性能优化分析方案》的分享想必大家对“百策系统”有了初步的了解。本文将向大家介绍自动化性能分析使用的核心库——Puppeteer，并结合页面登录场景，介绍 Puppeteer 在百策系统中的应用。 Puppeteer 是一个 Node 库，它提供了一…

前端页面性能对用户留存、用户直观体验有着重要影响，当页面加载时间超过 2 秒后，加载时间每增加一秒，就会有大量的用户流失，所以做好页面性能优化，无疑对网站来说是一个非常重要的步骤。 那如何才能知道一个页面的性能情况呢？知道了页面性能情况后又如何进行优化呢？一个页面的性能指标非常…

web 端录制回放的一个基础库，即记录页面中的 DOM 结构还有用户操作行为，在远程实现回放。一图胜千言，可看下面的gif 图 记录⽤户使⽤产品的⽅式并加以分析，进⼀步优化产品。 采集⽤户遇到 bug 的操作路径，予以复现。 记录 CI 环境中的 E2E 测试的执⾏情况。 录制…

多色图标出来已经很久了，现在才拿出来说貌似有点过时... 但为了方便自己以后知道怎么使用，也为了让更多刚入门的新手熟悉iconfont，还是决定写一篇比较详细的文章来记录它的使用方式。 在iconfont官网上创建一个自己的账号，并创建一个项目。在官网上挑选响应的图标添加进项目…

文章重点讲的是贴合实际场景把灰度方案落地，也列了一些常见的灰度发布方案做比较，在文章结尾给大家留了一些相关的代码，方案千千万，选择自己业务场景符合最重要

首先我们来说一下前端 icon 的发展史。 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 backgrou…