当涉及到应用程序中实现实时交互和动态内容更新时，DOM监视器（MutationObserver）成为了一项强大的工具。该API允许开发人员监视DOM树的更改，并在检测到特定更改时触发相应的操作。

作为前端开发者，写烦了页面布局，给自己找点乐子，开发一个自己的谷歌浏览器插件。谷歌浏览器插件通常由HTML、CSS和JavaScript组成，非常利于前端开发。插件，可以为用户提供定制化的体验。

微信里的@功能大家应该都用过了吧，那么有没有想过它是怎么实现的呢？今天我们就一起来简单实现一个带@功能的输入框组件。

最近工作中需要制作一个图片预览的插件，在参考了很多产品（掘金、知乎、简书、石墨等）的图片预览之后，最终还是觉得石墨的比较符合我们的产品需求。 本来以为能在社区中找到相关插件，但想法美好，现实却很骨感，于是便决定自己手撸一个，顺便也学习一下组件的开发流程。 项目最终的实现效果如下…

前言 终于又到周末了，上一周的一篇3d文章 带你入门three.js——从0到1实现一个3d可视化地图很开心😺收到了这么多小伙伴的喜欢，这是对我知识输出的肯定。再次感谢大家！这周我又来了，这次给大家分

插件已经开源了，可以看文章末尾 console狂魔能有多狂 事情是这样的，前段时间我加入了公司某个小项目组 入组第一天，我要来了项目权限，下载完代码和依赖 然后npm start，打开浏览器控制台，