前言改进：源码可以戳这里：github地址一、输出的内容components-dir-tree.jsoncomponents-dir-tree.json:output二、主函数getDirTree：三

通过浏览器的跨源通信 `window.postMessage`,将请求信息发送给常驻内容的chrome扩展程序然后后发起网络请求将第三方接口的数据返回给页面

chrome插件拦截请求的几种方式 开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天

用空闲时间搞了这个插件，可以拦截页面上的 ajax 请求，并把返回结果替换成任意文本。它对 mock数据、排查一些线上问题等会有很大帮助。（当然 chales 等抓包软件也可以做到，然而使用起来比较繁琐，做成 chrome 插件的形式会方便许多） 以下是使用效果，用掘金这个网站…

接到一个新需求，要求用vue搞，主要是拖动实现布局，关键点有：单个组件拖动，一行多列里面的组件拖动， 单个组件可以拖入一行多列里， 单个组件的拖动好实现，关键是把一个组件拖动到另一个类似于表格里面，而且有的情况下还需要限制拖动只能在水平方向，自己搜集资料， 实验，终于搞出来了。…

只使用CSS就可以实现模仿鼠标"点击和拖动"效果，让我们来看看如何获得用户的鼠标位置，并将其映射到 CSS 自定义属性：--positionX 和 --positionY 中。下面是具体实现步骤。 我们的第一个 demo 将使用 --positionX 和 --position…

个人博客网站欢迎交流：萤火之森：https://blog.xkongkeji.com 近段时间做一个编辑器，就需要一个鼠标拖拽选区的功能，方便批量选中元素，进行相应操作，所有就有了这篇文章。 效果展示