
开发实战2026/09/15
构建可靠的自由画布交互:VueMovableBox 项目介绍
VueMovableBox 是一个面向 Vue 3 的可拖拽、可缩放、可旋转容器组件。它不仅提供基础的位置与尺寸调整,还覆盖边界约束、网格和元素吸附、旋转碰撞、多选组合移动、键盘操作与完整交互事件,适合低代码编辑器、可视化搭建、画布设计器、标注工具等需要直接操作元素的前端项目。
# Vue
归档
这个月份发布的公开文章。

VueMovableBox 是一个面向 Vue 3 的可拖拽、可缩放、可旋转容器组件。它不仅提供基础的位置与尺寸调整,还覆盖边界约束、网格和元素吸附、旋转碰撞、多选组合移动、键盘操作与完整交互事件,适合低代码编辑器、可视化搭建、画布设计器、标注工具等需要直接操作元素的前端项目。

通过修改邮箱的跨站表单攻击,梳理 CSRF 的成立条件,解释为什么“读不到响应”不代表攻击失败,并比较 SameSite、CSRF Token、Origin 校验与限流的职责边界。

通过一个 React 父子组件示例,理解 state 更新、组件重新执行、React.memo 浅比较以及对象引用变化之间的关系。