在 Chrome 89.0.4363.0 以及之后版本中,目标元素的触发事件顺序不再按照注册顺序触发! 而是按照先捕获再冒泡的形式依次执行！

异常定位(1)--生产环境通过SourceMap还原压缩后JavaScript错误，快速定位异常上篇写完后，有人留言说不知道在Vue中怎么实现这个功能，所以我写了这篇，会讲2种方式来实现通过Firef

关于 性能优化 是个大的面，这篇文章主要涉及到 前端 的几个点，如 前端性能优化 的流程、常见技术手段、工具等。 首先，我们先来看看 👀 雅虎军规 的 35 条。 如对 雅虎军规 的具体细则内容不是很了解，可自行去各搜索 🔍 引擎 ，搜索 雅虎军规 了解详情。 以上是 li…

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…

1. 导读 重构一个项目还不如新开发一个项目... 这代码是谁写的，我真想... 针对上面的问题，本文的主角 圈复杂度 重磅登场，本文将从圈复杂度原理出发，介绍圈复杂度的计算方法、如何降低代码的圈复杂度，如何获取圈复杂度，以及圈复杂度在公司项目的实践应用。 2. 圈复杂度 圈复…

最近，需要对业务上的一些性能做一些优化，比如降低首屏时间、减少核心按钮可操作时间等的一些操作；在这之前，需要建立的就是数据监控的准线，也就是说一开始的页面首屏数据是怎样的，优化之后的数据是怎样，需要有一个对比效果。此时，performance 这个API就非常合适了。 perf…

从刚开始Razor/Jade 后端渲染，到angular/react/vue等一大票SPA框架。 于是冒出一大堆网站的主页面都是一个空div外加一个大bundle.js，清新简洁落落大方，沾沾自喜。 直到有人吐槽SEO性能太差，于是各大SPA又加上了server-side re…

开发人员应该掌握的 HTTP 知识

工作中遇到的一些前端性能问题，及对应的解决方案