白癜风诚信企业 https://m.39.net/baidianfeng/a_6105490.htmlWeb前端开发面试题及答案问题:实现节流函数(throttle)解析:防抖函数原理:规定在个单位时间内,只能触发次函数。如果这个单位时间内触发多次函数,只有次生效。//手写简化版//节流函数constthrottle=(fn,delay=)={letflag=true;return(...args)={if(!flag)return;flag=false;setTimeout(()={fn.apply(this,args);flag=true;},delay);};};适用场景:拖拽场景:固定时间内只执行次,防止超高频次触发位置变动缩放场景:监控浏览器resize动画场景:避免短时间内多次触发动画引起性能问题问题:实现防抖函数(debounce)解析:防抖函数原理:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。手写简化版://防抖函数constdebounce=(fn,delay)={lettimer=null;return(...args)={clearTimeout(timer);timer=setTimeout(()={fn.apply(this,args);},delay);};};适用场景:按钮提交场景:防止多次提交按钮,只执行最后提交的次;服务端验证场景:表单验证需要服务端配合,只执行段连续的输如事件的最后次,还有搜索联想词功能类似生存环境请用lodash.debounce。以上就是小科今天整理提供的Web前端开发面试题,希望为Web前端同学提供了有用的面试素材,以后小科每日均会提供Python、Web及MySQL数据库相关的习题。学习没有捷径,希望大家都能少走一些弯路,顺利找到工作!
转载请注明:http://www.aierlanlan.com/tzrz/7276.html