Chrome插件开发教程来啦！Vite4、Vue3、Element Plus，用熟悉的味道构建Chrome插件，一切惊喜尽在2023金秋版。

一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

本文档为 Sentry 上的 SDK 开发设置了一些常规指南。 它应该帮助内部和外部开发人员了解 SDK 的设计动机以及为什么我们以某些方式做出决定。 依赖是有成本的，而且成本很高。我们使用的每一个依赖都增加了 SDK 的体积，并增加了更多的许可、维护和安全问题。我们知道依赖关…

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。

性能，是一个问题。 取决于我们对性能的理解深浅，以及是否有一套好的工具和方法。 介绍三步法之前，先来简单了解下Chrome开发者工具的Performance性能面板，以及性能分析报告的基本组成。 然后按F12打开Chrome的开发者工具，选择Performance性能面板。 指…

对于一个数据请求来说：网络请求、后端处理、浏览器响应。 浏览器缓存可以帮助我们优化第一点和第三点的性能。 下面我们一一看看。 Service Worker 是运行在浏览器背后的独立线程，一般可以用来实现缓存功能。 必须是 HTTPS。因为它涉及请求拦截，所以必须使用 HTTPS…

在过去的几年时间里，移动端web野蛮生长，智能机的Android阵营和IOS阵营分庭抗礼，随之产生了多个系统版本（系统版本多样）；五花八门的屏幕尺寸、屏幕展示技术（如大名鼎鼎的Retina技术屏）层出不穷（屏幕尺寸、技术多样），还是CSS的W3C标准在各式各样的移动端浏览器上落…