@dragstart : 拖拽开始时在被拖拽元素上触发此事件,监听器需要设置拖拽所需数据,从操作系统拖拽文件到浏览器时不触发此事件.
@dragenter : 拖拽鼠标进入元素时在该元素上触发,用于给拖放元素设置视觉反馈,
@dragend : 鼠标在拖放目标上释放时,在拖拽元素上触发.将元素从浏览器拖放到操作系统时不会触发此事件
@dragover: 拖拽时鼠标在目标元素上移动时触发.监听器通过阻止浏览器默认行为设置元素为可拖放元素
handleDrop(e) {
e.preventDefault()
e.stopPropagation()
}拖放（drap && drop）在我们平时的工作中，经常遇到。
它表示：抓取对象以后拖放到另一个位置。目前，它是HTML5标准的一部分。我从几个方面学习并实践这个功能。
我们先看下拖放的流程：
选中 ---> 拖动 ---> 释放sparrow-js 是场景化低代码（LowCode）搭建工作台，通过操作场景化编辑器生成源代码，侧重于支持日常业务需求开发的效率提示，核心目标仅有一条“提生研发效率”，目前提供基于vue、element-ui组件库中后台项目的方案。主要具备以下功能：
低代码开发， 快速生成可读性强、vue element-ui组件库的源代码。
可视化开发， 通过GUI生成页面代码源文件。
资产市场， 代码资源共享，包含组件、编辑区块、静态区块、搜索组件。
sprarrow 的核心目标是“提效”，因此功能上不只是单纯UI的可视化搭建，目前提供函数级别的搭建，提供拥有业务逻辑的代码组装，生成可二次开发的源代码；
低代码平台的前端部分，靠拖拉拽生成页面。
这是本项目具有的功能点，如果想了解详情请参考本项目的四篇文档，每个功能点都有不同程度的描述以及动图帮助你理解。
编辑器
自定义组件（文本、图片、矩形、圆形、直线、星形、三角形、按钮、表格、组合）
接口请求（通过接口请求组件数据）
组件联动
拖拽
删除组件、调整图层层级
放大缩小
撤消、重做
组件属性设置
吸附
预览、保存代码
绑定事件
绑定动画
拖拽旋转
复制粘贴剪切
多个组件的组合和拆分
锁定组件
网格线
本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。
上一篇文章主要讲解了以下几个功能点：
编辑器
自定义组件
拖拽
删除组件、调整图层层级
放大缩小
撤消、重做
组件属性设置
吸附
预览、保存代码
绑定事件
绑定动画
导入 PSD
手机模式
本文是可视化拖拽系列的第三篇，之前的两篇文章一共对 17 个功能点的技术原理进行了分析：
编辑器
自定义组件
拖拽
删除组件、调整图层层级
放大缩小
撤消、重做
组件属性设置
吸附
预览、保存代码
绑定事件
绑定动画
导入 PSD
手机模式
拖拽旋转
复制粘贴剪切
数据交互
发布
本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：
SVG 组件
动态属性面板
数据来源（接口请求）
组件联动
组件按需加载
目前项目里提供的自定义组件都是支持自由放大缩小的，不过他们有一个共同点——都是规则形状。
也就是说对它们放大缩小，直接改变宽高就可以实现了，无需做其他处理。
但是不规则形状就不一样了，譬如一个五角星，你得考虑放大缩小时，如何成比例的改变尺寸。
为了保障提交 commit 的规范性。
根目录下的 ./husky
│ commit-msg
│ pre-commit
│
└─_
.gitignore
husky.shGitHub Actions 是 GitHub 的持续集成服务，于2018年10月推出。
这些天，我一直在试用，觉得它非常强大，有创意，比 Travis CI 玩法更多。
本文是一个简单教程，演示如何使用 GitHub Actions 自动发布一个 React 应用到 GitHub Pages。
大家知道，持续集成由很多操作组成，比如抓取代码、运行测试、登录远程服务器，发布到第三方服务等等。GitHub 把这些操作就称为 actions。
很多操作在不同项目里面是类似的，完全可以共享。