创建一个 Sentry 项目 Step 1: 创建项目 Step 2: 创建警报规则 将 Sentry SDK 引入您的前端代码 前置条件 Step 1: 获取代码 Step 2: 安装 SDK St

公司生产环境项目中，会有js异常报错情况，为了监控前端代码异常，所以搭建并记录sentry落地过程。 sentry落地内容包括： 注册GeoIP账号 在linux服务器上使用self-hosted搭建

本文将会从灰度这一个点出发，讲解整个前端链路中网关存在的必要性。本文只是整个系列的第一篇，会有一些没有讲透的点，后面会展开的讲前端网关的架构设计、以及部分能力实现。

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了

webpack 和 vite 的流程大致一样，都需要分析抽象语法树获取模块的导入导出, 对每个模块进行编译转换，但是他们两个在开发模式下对于模块的处理是正好相反的

最近面的几个大厂面经分享，给自己攒一波人品，也祝愿大家面试顺利。后续尽量持续输出面经。字节、钉钉、饿了么。

虚拟DOM到底是什么，它与真实的DOM有什么不同？在React中，为什么自定义组件的首字母要大写？有了虚拟DOM，性能就一定能够得到提升吗？...如果你对这些有疑问，那么这篇文章一定能帮助到你～

Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Rollup 呢？ 我们来试一下：

今天想和大家分享的一个技术是 SSE 流式传输 。如标题所言，通过 SSE 流式传输的方式可以让我们不再通过轮询的方式获取服务端返回的结果，进而提升前端页面的性能。 对于需要轮询的业务场景来说，采用