利用插件draggable简单实现元素在可视范围内任意拖拽：安装插件npm i draggable元素<div id="id"></div>拖拽代码：mounted(){let ele = document.getElementById("id");let limit = document.getElementById("map");const options = {set

gif.js可以将帧图或者canvas拼成新的gif，gif.js没有npm install的库，引用方式：1. 下载资源首先从官方仓库上下载代码，worker不能跨域，所以资源必然是放在本地的。下载后可以放在public/全局引入，但会污染公共资源，所以不采取这样做。下载资源后，将dist目录下的dist/gif.js 本体和对应的处理 worker 文件 dist/gif.worker.js

打包出错显示空白页，或者Failed to load resource: net::ERR_FILE_NOT_FOUND1.webpack.prod.conf.js 中output添加参数publicPath:’./’2.修改webpack.base.conf.js中：publicPath: process.env.NODE_ENV === ‘production’? ‘./’ +config.b

el-table中的row-keyvue中key作用key的作用就是更新组件时判断两个节点是否相同。相同就复用，不同就删除旧的创建新的。如果不添加key组件默认都是就地复用，不会删除添加节点，只是改变列表中的文本值。添加key之后，Vue对比节点内容不一致时，就会认为是两个节点，会先删除掉旧节点，然后添加新节点。例：el-table没有给每一行添加key时，当我们删除第二行数据时，焦点会自动聚焦在

el-table中的row-keyvue中key作用key的作用就是更新组件时判断两个节点是否相同。相同就复用，不同就删除旧的创建新的。如果不添加key组件默认都是就地复用，不会删除添加节点，只是改变列表中的文本值。添加key之后，Vue对比节点内容不一致时，就会认为是两个节点，会先删除掉旧节点，然后添加新节点。例：el-table没有给每一行添加key时，当我们删除第二行数据时，焦点会自动聚焦在