学会调试线上代码是每个前端都必须学会的技能，本篇将介绍使用两种方式调试线上环境中的代码。 先说说为什么要学会调试线上环境？ 大部分情况下，遇到线上bug时，我们可以在本地启动，然后找到对应模块，

whistle是基于Node实现的跨平台web调试代理工具，同类型的工具有Fiddler和Charles，主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用。 配置简单：whistle的配置类似于系统hosts的配置，一切操…

父子组件都为class 父组件调用子组件方式比较传统，方法如下： 父子组件都为hooks 一般我们会结合useRef，useImperativeHandle,forwardRef等hooks来使用，官

`ArrayBuffer`对象是 JavaScript 操作二进制数据的一个接口，代表储存二进制数据的一段内存，它不能直接读写，只能通过视图来读写

如何使用rrweb进行前端录屏，rrweb源码解析。其中包含了最小的实现demo,以及 rrweb 实现原理流程图。

阅读Vue和React两大前端框架的源码时都出现了MessageChannel的影子，但是自己却没不了解什么是MessageChannel，它有什么用。于是花了一些时间研究，并尝试把它解释清楚。

对于一个大型项目来说，不管是后端还是前端，异常错误的监控都是非常重要的，拥有一套成熟完整的监控体系，能让我们在生产环境上发生错误时，可以第一时间定位错误发生的位置与原因，从而能更快地解决问题并重新发布

Performance 一个在前端开发领域中，无法被忽视的存在，如果我们的开发是一个满足需求就可以的产品，那么可能就用不到它；但是如果我们想对我们的这个产品，做一个极致的优化，那么 Performance 是一个很好的选择，也是一个不容忽视的选择。 大致的介绍了一下工具和api…

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance