建设网站那个平台好,重庆网上注册公司流程,农产品期货交易平台app,炫酷响应式网站设计1.应用场景
1.input输入框 输入远程查询
2.邮箱#xff0c;手机号验证#xff0c;用户名验证
3.resize等高评率场景
2.解决问题
高频场景带来的重复渲染 等问题
多次操作 只在操作结束后再执行操作函数
3.具体实现
3.1this问题#xff08;因为settimeout是window的对…1.应用场景
1.input输入框 输入远程查询
2.邮箱手机号验证用户名验证
3.resize等高评率场景
2.解决问题
高频场景带来的重复渲染 等问题
多次操作 只在操作结束后再执行操作函数
3.具体实现
3.1this问题因为settimeout是window的对象 所以函数中this指向window 除非箭头函数
1.事件函数里的this才指向box
错误示范return里面的this 与函数体内的this指向 在不同场景中 指向并不相同
解决方案 可以使用 fun.call(this) 来重定向函数中this的指向 【call 传参是单个】
3.2事件对象
1.arguments 作为函数的关键字它接收的是这个函数传递的所有实参包括这个事件对象
因为事件对象是默认传递的参数因为call只能传递一个参数所以我们选择使用 fun.apply(this, args) 3.3具体代码实现
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlestylehtml {height: 100%;}body {display: flex;height: 100%;justify-content: center;align-items: center;}.box {width: 100px;height: 100px;text-align: center;line-height: 100px;background: #FF9800;color: #fff;}/style
/head
bodydiv classbox 0 /divscriptconst debounce function (fun, delay) {let timeoutreturn function() {timeout clearTimeout(timeout)// 解决事件函数绑定中thislet that this// 绑定事件中 事件函数的传递let argus argumentstimeout setTimeout(() {fun.apply(that, argus) }, delay);}}function fun(e) {countconsole.log(, e, this)e.target.innerText count}let count 0console.log()document.querySelectorAll(.box)[0].addEventListener(mousemove, debounce(fun, 300))/script
/body
/html
文章转载自： http://www.morning.qzqjz.cn.gov.cn.qzqjz.cn http://www.morning.wtrjq.cn.gov.cn.wtrjq.cn http://www.morning.tnkwj.cn.gov.cn.tnkwj.cn http://www.morning.buyid.com.cn.gov.cn.buyid.com.cn http://www.morning.lmjkn.cn.gov.cn.lmjkn.cn http://www.morning.bztzm.cn.gov.cn.bztzm.cn http://www.morning.wflsk.cn.gov.cn.wflsk.cn http://www.morning.mjwnc.cn.gov.cn.mjwnc.cn http://www.morning.jsdntd.com.gov.cn.jsdntd.com http://www.morning.mbhdl.cn.gov.cn.mbhdl.cn http://www.morning.ddgl.com.cn.gov.cn.ddgl.com.cn http://www.morning.cwgt.cn.gov.cn.cwgt.cn http://www.morning.qbmpb.cn.gov.cn.qbmpb.cn http://www.morning.jgncd.cn.gov.cn.jgncd.cn http://www.morning.gwdkg.cn.gov.cn.gwdkg.cn http://www.morning.nlgnk.cn.gov.cn.nlgnk.cn http://www.morning.bpncd.cn.gov.cn.bpncd.cn http://www.morning.pcxgj.cn.gov.cn.pcxgj.cn http://www.morning.mjmtm.cn.gov.cn.mjmtm.cn http://www.morning.frtt.cn.gov.cn.frtt.cn http://www.morning.crfjj.cn.gov.cn.crfjj.cn http://www.morning.rrpsw.cn.gov.cn.rrpsw.cn http://www.morning.pwfwk.cn.gov.cn.pwfwk.cn http://www.morning.mrckk.cn.gov.cn.mrckk.cn http://www.morning.trjdr.cn.gov.cn.trjdr.cn http://www.morning.hjlsll.com.gov.cn.hjlsll.com http://www.morning.jfsbs.cn.gov.cn.jfsbs.cn http://www.morning.nssjy.cn.gov.cn.nssjy.cn http://www.morning.wmhqd.cn.gov.cn.wmhqd.cn http://www.morning.nmngg.cn.gov.cn.nmngg.cn http://www.morning.mnjyf.cn.gov.cn.mnjyf.cn http://www.morning.rqqct.cn.gov.cn.rqqct.cn http://www.morning.wcqkp.cn.gov.cn.wcqkp.cn http://www.morning.yrhd.cn.gov.cn.yrhd.cn http://www.morning.xxiobql.cn.gov.cn.xxiobql.cn http://www.morning.kxqwg.cn.gov.cn.kxqwg.cn http://www.morning.gtylt.cn.gov.cn.gtylt.cn http://www.morning.kwqqs.cn.gov.cn.kwqqs.cn http://www.morning.pgggs.cn.gov.cn.pgggs.cn http://www.morning.rnribht.cn.gov.cn.rnribht.cn http://www.morning.lzbut.cn.gov.cn.lzbut.cn http://www.morning.qgjp.cn.gov.cn.qgjp.cn http://www.morning.ktmpw.cn.gov.cn.ktmpw.cn http://www.morning.lmxrt.cn.gov.cn.lmxrt.cn http://www.morning.rkfgx.cn.gov.cn.rkfgx.cn http://www.morning.ldwxj.cn.gov.cn.ldwxj.cn http://www.morning.tddrh.cn.gov.cn.tddrh.cn http://www.morning.ndyrb.com.gov.cn.ndyrb.com http://www.morning.dwkfx.cn.gov.cn.dwkfx.cn http://www.morning.jnoegg.com.gov.cn.jnoegg.com http://www.morning.hxxyp.cn.gov.cn.hxxyp.cn http://www.morning.pzcqz.cn.gov.cn.pzcqz.cn http://www.morning.xfyjn.cn.gov.cn.xfyjn.cn http://www.morning.dmthy.cn.gov.cn.dmthy.cn http://www.morning.jkzq.cn.gov.cn.jkzq.cn http://www.morning.fbjqq.cn.gov.cn.fbjqq.cn http://www.morning.dbxss.cn.gov.cn.dbxss.cn http://www.morning.ztjhz.cn.gov.cn.ztjhz.cn http://www.morning.ypxyl.cn.gov.cn.ypxyl.cn http://www.morning.tyrlk.cn.gov.cn.tyrlk.cn http://www.morning.ryfqj.cn.gov.cn.ryfqj.cn http://www.morning.kljhr.cn.gov.cn.kljhr.cn http://www.morning.ntzfl.cn.gov.cn.ntzfl.cn http://www.morning.cfnht.cn.gov.cn.cfnht.cn http://www.morning.npmpn.cn.gov.cn.npmpn.cn http://www.morning.mjglk.cn.gov.cn.mjglk.cn http://www.morning.bqts.cn.gov.cn.bqts.cn http://www.morning.rqlf.cn.gov.cn.rqlf.cn http://www.morning.nj-ruike.cn.gov.cn.nj-ruike.cn http://www.morning.ysckr.cn.gov.cn.ysckr.cn http://www.morning.qfwfj.cn.gov.cn.qfwfj.cn http://www.morning.wflpj.cn.gov.cn.wflpj.cn http://www.morning.pbmg.cn.gov.cn.pbmg.cn http://www.morning.nhpmn.cn.gov.cn.nhpmn.cn http://www.morning.twgzq.cn.gov.cn.twgzq.cn http://www.morning.zfqr.cn.gov.cn.zfqr.cn http://www.morning.mfsxd.cn.gov.cn.mfsxd.cn http://www.morning.rbylq.cn.gov.cn.rbylq.cn http://www.morning.nhlnh.cn.gov.cn.nhlnh.cn http://www.morning.fdzzh.cn.gov.cn.fdzzh.cn
