echo波先生

在前端开发中，性能优化是一个至关重要的环节。Chrome 浏览器的 火焰图 工具可以帮助我们发现性能瓶颈。本文将介绍如何利用 Chrome 浏览器的火焰图来优化前端项目性能，通过实际案例来分析和实施

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要怎么处理？

React中CSS Module的原理是什么？`:global`是做什么的？ Vue中Scoped的原理是什么？深度作用选择器是什么？

本文将从两个框架的响应式设计为切入口讲清：1. 为什么不需要vue fiber；2. 为什么react fiber可以实现断点恢复，不涉及晦涩源码，不管有没有使用过react，阅读都不会有太大阻力。

乾坤相较于single-spa，做了两件重要的事情，其一是加载资源，第二是对Js、CSS等资源进行隔离。本文主要探索乾坤Js资源的隔离机制

特别喜欢红宝书的一句话“站在巨人的肩上”，起因是觉得react中的hooks语法，用了那么长时间，有的时候还是似懂非懂，所以才有了这一篇文章，学习一下前人封装hook的方法。

这篇文章源自我历时8个月，整理的前端知识体系与大厂面试笔记，不知不觉，已经超过了10万字 这些笔记帮助我从一个菜鸟，一步步蜕变为高级开发、前端“砖家”，并助力我拿到一些大厂的offer

很多初学者在刚接触 babel 的时候，通常会看到这样一个报错信息： 这个报错表面上是由于 async function 语法被 babel 转译之后的代码使用了 regeneratorRuntime

在前端开发中，经常会使用iframe和worker来实现一些特殊的需求，比如将第三方的页面嵌入到自己的页面中，或者在同一页面中显示多个不同的内容，后台运行JS代码等。然而，由于iframe和Worker具有独立的文档结构和执行环境，所以在多个页面及线程之间进行数据交互和通信变得困...