防抖节流

主要是用到css的动画属性：animation ， transform；vue的@mouseenter鼠标移入事件，@mouseleave鼠标移出事件。上代码：html:<div class="list_box"><div id="scroll_box" ref="scroll_box" class="list anim" @mouseenter="stopAn" @mousel

因为swiper和vue-awesome-swiper的版本较多，如果使用最新的版本，或者两者版本差距较大，就容易掉进很多的坑里面，各种报错。切记，版本一致，建议使用@3.X版本。首先，安装swiper和vue-awesome-swipernpm install swiper@3 vue-awesome-swiper@3 --save然后，按需引入项目文件import { swiper,swipe

AOS.js页面滚动动画库CSS3演示效果。

window.postMessage() 方法允许来自一个文档的脚本可以传递文本消息到另一个文档里的脚本，不用管是否跨域。一个文档里的脚本还是不能调用在其他文档里方法和读取属性，但他们可以用window.postMessage结合window.addEventListene这种消息传递技术来实现安全的通信。window.addEveantListener('message',(event)=&gt

1.将设置为就会在表格尾部展示合计行。2.借用样式将合计行置顶3.使用vue.$el.querySelector()方法,table渲染时，调用封装好的合并方法。4.渲染合计，sumObj是通过后端接口得到的对应字段的合计（对象数据）。在并在此处调用合并“合计”文字的单元格...

之所以会造成卡顿，是因为该组件是一次性将所有数据全部渲染，dom数量过于庞大，并且在展开树操作的时候，用了大量递归循环语句，性能受到严重影响，造成卡顿。我想到的解决方式有两种：一：分页，让后端添加分页查询，以节点数统计数据条数进行展示。（但实际需求中较少，一般树形表格都是不分页）。二：将请求到的树形数组数据备份（tableDataCopy），初始化仅仅展示指定层级（如第一层树）的数据，将第一层下面

window.postMessage() 方法允许来自一个文档的脚本可以传递文本消息到另一个文档里的脚本，不用管是否跨域。一个文档里的脚本还是不能调用在其他文档里方法和读取属性，但他们可以用window.postMessage结合window.addEventListene这种消息传递技术来实现安全的通信。window.addEveantListener('message',(event)=&gt

有时我们会遇到在弹出框内放入一些组件进行操作，选中后根据确认还是取消，进行一些功能实现。比如我最近遇到，动态配置el-table表头展示字段，根据选中的checkBox，进行渲染el-table表头。先选中再点击确认来渲染表头，所以就需要使用到el-popover 的自定义关闭/打开方式。这个我们就需要使用到el-popover的两个属性：trigger触发方式，设置为自定义触发manual；v-