使用 sentry 做异常监控sentry 异常监控原理异常详情获取sentry通过覆写 window.onerror和 window.unhandlerejection这两个api来实现自动捕获异常 1234567891011121314

搭建异常监控系统流程 收集异常报错 上报异常信息 构建时将sourcemap文件上传至服务器 报错时服务器接收错误并记录到日志中 根据sourcemap和错误日志内容进行错误分析 收集异常报错代码异常JS 执行异常 Error： 最基本的

ReactReact16之前是直接递归渲染 vdom setState会触发重新渲染 对比渲染出的新旧vdom 对差异部分进行 dom 操作 React16之后 为了性能优化 会先将 vdom转换为fiber （从树转换成链表） 然后在渲染

在网上冲浪的我们，无时无刻都在用着网络，而作为一名程序猿，我们更是每天都和网络打交道，但是和用户不同的是，用户只需要知道如何使用数据和 wifi 即可，而我们开发人员则需要知道网络背后的知识和秘密，无论学习还是求职，计网都是我们绕不开的知识

我们都知道前端工程师每天都需要和浏览器打交道，浏览器对于我们的重要程度不言而喻。但是不知道各位在日常开发（摸鱼 bushi）中有没有和笔者有一些共同的疑惑，比如为什么我只是打开了一个标签页却开了好几个进程（可通过浏览器的任务管理器查看）、为

theme: smartblue在前端发展日新月异的今天，我们前端能做的事情越来越多，但随之而来的是我们的项目越来越大，功能越来越复杂，这个时候前端性能优化避免不了的话题。大家可能或多或少都有了解/学习过一些优化的知识，但是你是否系统去学

theme: channing-cyan在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，那说到工程化，不可避免地就会谈到 webpack（虽然市面上已经有了很多成熟好用的打包工具，如rollup、vite，

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情。 昨天我发布了一篇关于策略模式和代理模式的文章，收到的反响还不错，于是今天我们继续来学习前端中常用的设计模式之一：发布-订阅模式。说到发布订阅模式

theme: channing-cyan携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第N天，点击查看活动详情。相信大家在日常学习和工作中都多多少少听说/了解/使用过 设计模式，我们都知道，使用恰当的设计模式可以优化

浏览器事件循环 js是单线程的 非阻塞的 如果是多线程 会面临很多问题 比如一个DOM元素被同时操作带来的问题 （H5 提出Web Worker标准 有很多限制 受主线程的控制 是主线程的子线程 通过event Loop实现非阻塞 浏览

变量提升的原理：JavaScript的执行顺序变量提升：JavaScript代码执行过程中 JavaScript引擎把变量的声明部分和函数的声明部分提升到代码开头的行为 （变量提升后以undefined设为默认值） 123456789101

浏览器是如何将 HTML、CSS、JavaScript 变成可视的页面的渲染流程渲染模块在执行过程中会被划分为很多子阶段 输入的HTML、CSS、JavaScript经过这些子阶段处理输出像素 这个处理流程叫做渲染流水线 流水线分为以下几