DOM树 ~ 这个很关键 树的根节点是document， 不是window。 上图其实还少了一个节点，虽然作用不大，了解了解。 其树结构如下。

那么，这篇文章就系统介绍一下Chrome插件开发，代码链接附文后。 严格来讲，应该叫Chrome扩展(Chrome Extension)，真正意义上的Chrome插件需要对浏览器源码有一定掌握才有能力去开发。 Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件。它…

Umi 的核心就在于它的插件机制。整个架构很大程度上是基于事件的，每个插件基本上都是一组在编译阶段挂钩不同事件的监听器。在底层使用了一个叫做 `tapable` 的库来封装“发布-订阅”的实现。

值得注意的是，这不是一个 React 的零基础入门教程，文章的用意在于讲清楚前端框架的部分运行原理和工作内容，你可以把这当作一篇需求文档来对待，因为我们会在后续的内容中，用更加科学合理的方式来实现它。

身为前端工程师，你是否知道你的页面日均 PV 有多少？你是否知道用户高峰期在什么时段？当需求发生争议时，你是否缺少数据支撑而无法建立话语权？当出现问题时，你是否总是被拉进群里而又没有任何日志来排查？