处理线上问题第一原则：先保障线上服务可用性，第一时间降低故障影响范围。 目前监控平台：实时数据监控平台prajna，实时错误日志平台CAT和 打点日志平台GALAXY。 CAT上可以观测到当天的异常报错数据，对比前一天和上周同一天同事间段的数据，是否错误异常。 GALAXY上可…

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

一直以来，端到端的测试都是前端开发最头疼的事情。如果没有好的测试工具，一旦需求发生改变，就需要手工测试，费时费力，还会有漏网的bug。最近接触了一款开箱即用的端到端测试工具——Cypress，真心不错。 是不是很酷。这是Cypress自己录制的测试视频，从视频中可以看到，左边是…

Jest 我们上一篇已经说过了，今天主角是Enzyme , 如字面意思，Enzyme 是酶、有催化作用。那么在React 组件测试中和Jest 产生了什么化学🎿反应呢？ 会自动打开浏览器将看到这个页面。 这个是create-react-app 起手式，如果不太了解建议Crea…

Frames部分，主要用于查看特定帧的fps，可以查看特定的帧情况。 此代码的问题在于，在每个动画帧中，它会更改每个方块的样式，然后查询页面上每个方块的位置。由于样式发生了变化，浏览器不知道每个方块的位置是否发生了变化，因此必须重新布局方块以计算其位置。

在过去的几年中，UI/UX变得越来越重要。随着市场中竞争者的数量增加，软件不仅要提供给用户满足其需求的基本功能外，还要为用户提供最佳的用户体验。这就是为什么使该过程对用户更平滑和直观变得至关重要的原因。否则，它们可能会使您的应用程序因复杂性而受挫。这就是UI变得如此重要，因此进…