Vue

拖动过程会触发不少事件，主要有下面这些： dragstart：网页元素开始拖动时触发。 drag：被拖动的元素在拖动过程当中持续触发。 dragenter：被拖动的元素进入目标元素时触发，应在目标元素

vue 实现简易等宽不等高瀑布流+上拉加载更多，部分功能待完善，待优化，下来过程中会有部分图片突然变大再正常

安装依赖（注意版本号） 2.项目根目录创建theme.js文件 修改vue.config.js 创建自定义主题文件src/assets/style/variables.less 修改public/in

创建一个文件夹包含loading.vue loading.js 在main.js中注册，然后全局使用。

```js async changeImageDom() { const myBox = document.querySelector("#grid-layout"); const canvas =

没有key 有key 从头开始遍历，遇到key不相同的跳出循环 从尾开始遍历，遇到key不相同的跳出循环 添加新节点 删除节点 不知道序列，尽可能复用，新节点进行添加，旧节点进行删除

![2.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/69c4a2c49b5c4e87a9a83fe133e56934~tplv-k3u

vue锁屏功能主要逻辑实现，由于客户提出了锁屏的功能，参考网上资料再加上自己进一步修改完善，最终得出实现代码，如有问题欢迎进一步补充。