摘要: 节流:如果短时间内大量触发同一事件,那么在函数执行一次之后,该函数在指定的时间期限内不再工作,直至过了这段时间才重新生效。将多次执行变成每隔一段时间执行 节流函数的适⽤场景: 拖拽场景:固定时间内只执⾏⼀次,防⽌超⾼频次触发位置变动 缩放场景:监控浏览器resize 动画场景:避免短时间内多次触发动 阅读全文
posted @ 2022-09-05 16:56 林中的小菜鸟 阅读(105) 评论(0) 推荐(0)
摘要: 防抖:如果短时间内大量触发同一事件,只会执行一次函数,将多次执行变为最后一次执行。 防抖函数的应用场景: 按钮提交场景:防⽌多次提交按钮,只执⾏最后提交的⼀次 服务端验证场景:表单验证需要服务端配合,只执⾏⼀段连续的输⼊事件的最后⼀次,还有搜索联想词功能类似⽣存环境请⽤lodash.debounce 阅读全文
posted @ 2022-09-05 16:53 林中的小菜鸟 阅读(404) 评论(0) 推荐(0)
摘要: <van-overlay :show="isShow" :lock-scroll="false"> <div class="add-popup"> <div class="add-popup-top"> <div class="title">添加权限</div> <div class="close- 阅读全文
posted @ 2022-04-13 20:28 林中的小菜鸟 阅读(4162) 评论(0) 推荐(0)
摘要: 首先引入 import html2Canvas from 'html2canvas' import JsPDF from 'jspdf' html部分: <div class="printContainer"> <div ref="printContainer"> <!-- 内容区域 --> </d 阅读全文
posted @ 2021-11-29 16:07 林中的小菜鸟 阅读(768) 评论(0) 推荐(0)
摘要: 项目需要前端导出一个图片,用了html2canvas插件,但是导出的时候,遇到了一个问题,只能导出当前高度的图片,超出当前高度的就截取不到了像下图这样的: 查看资料之后,说设置windowHeight 和 height两个参数,但是设置了以后,发现还是有问题,解决办法: 外框再加一层div包裹: < 阅读全文
posted @ 2021-11-29 15:46 林中的小菜鸟 阅读(2855) 评论(1) 推荐(0)