工具我那都齐

本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。

在 Web 监控场景中，除了常见的如 FP、FCP、LCP 等都属于页面加载时的性能指标，而页面运行时性能问题同样会导致不好的用户体验，为了能及时发现、定位到这些问题，因此需探索运行时的性能监控方案。

本文介绍 ESLint 插件开发相关基础知识，包括eslint的基础配置、插件规则的工作原理，创建一个eslint插件项目，从开发、测试到发布的整个流程。

本文介绍开发维护一个npm包常用的基础知识。包括 npmjs 使用、开发流程、发布流程和常见问题处理等。

在我们的日常工作中，经常涉及抓包软件，mac常用的就是charles了。但只会使用，却不了解其中的原理~ 正向代理与反向代理，是常用的代理技术。 是一个位于客户端和目标服务器之间的服务器(代理服务器)，为了从目标服务器取得内容，客户端向代理服务器发送一个请求并指定目标，然后代理…

本文介绍和对比 webpack-dev-server、webpack-dev-middleware、webpack-hot-middleware 的作用和原理。

CSS Modules 本身比较简单，还要写它的原因是我发现网上很多关于 CSS Modules 的教程或实践文章都已经过时，会存在某些使用方式现今已不可行的情况。

这些是创建命令行工具时常用到的工具，本文旨在能够简单快速了解它们的用途和使用方式，为《 create-react-app 实现》一文做铺垫。