代码优化
Jikel
小小前端一枚
展开
-
vue 统一封装防抖函数 -用于按钮请求数据
vue - 封装防抖函数和使用原创 2023-01-04 15:18:23 · 218 阅读 · 0 评论 -
elementui 下拉框出现脱离 超出弹框解决方案
elementui 下拉框超出脱离弹框滚动解决方案原创 2022-11-10 16:41:18 · 2382 阅读 · 0 评论 -
JS分支语句的对比和运用
JS判断语句对比原创 2022-08-24 16:19:08 · 204 阅读 · 0 评论 -
vue项目中对于Scroll事件的节流优化
methods: { throttle(fn, wait) { // 封装函数进行节流 var timer = null; return function () { var context = this; var args = arguments; if (!timer) { timer = setTimeout(function () { fn.apply(context, ar..原创 2022-02-16 11:28:05 · 1061 阅读 · 0 评论 -
节流防抖策略之节流策略
本章技术分享为节流防抖策略之节流文章目录前言一、节流是什么?二、使用场景三、代码实现总结前言内部原理就是旧的没执行完,新的不让你发(时间间隔由需求决定,例如不同的枪发射子弹的时间间隔不同)一、节流是什么?如果持续的触发同一个事件,每间隔一段时间,只会执行一次此事件,稀释此事件的执行频率二、使用场景鼠标事件(mousemove)不断的点击触发商品预览图的放大镜效果(鼠标在小图上移动,大图没必要实时展示)search支持实时搜索,搜索联想功能scroll事件,没间隔1s的时间,从新计原创 2021-08-30 20:29:00 · 189 阅读 · 0 评论 -
节流防抖策略之防抖策略
本章技术分享为节流防抖优化策略之防抖策略文章目录前言一、防抖是什么?二、防抖的使用场景三、代码实现总结前言如果网站访问量极大的时候 , 我们在某些时刻必须牺牲掉一部分性能 , 降低对后端的访问次数 , 这就是防抖的策略!一、防抖是什么?简而言之 , 当事件被触发后,延迟N秒后再真正的执行事件回调函数 , 在N秒内,事件再次发出,重新计时二、防抖的使用场景1.浏览器窗口缩放,resize事件,常见应用于需要实现页面适配时表单的按钮提交事件,例如登录,发短信,避免用户点击过快,以至于发原创 2021-08-30 20:22:29 · 243 阅读 · 0 评论