javascript
闲敲代码落灯花w
这个作者很懒,什么都没留下…
展开
-
js中Symbol类型的使用
一、使用Symbol作为对象属性名1、使用symbol作为对象属性名不被Object.key等方式访问let obj = { [Symbol("name")]:"一斤代码", age:18, title:"Engineer",}console.log(Object.keys(obj))for(let p in obj){ console.log(p);}console.log(Object.getOwnPropertyNames(obj));.原创 2022-02-09 18:15:53 · 5831 阅读 · 1 评论 -
vue中左右滑动切换内容
触摸参数:touchstart:触摸开始touchmove:接触点改变,滑动时touchend:触摸结束,手指离开屏幕时touches:当前位于屏幕上所有手指的列表代码部分:html: <div class="all" @touchstart = "touchstart" @touchmove = 'touchmove'></div>js: touchstart(e){ this.startX = e.touches[0].原创 2022-01-18 15:03:48 · 3640 阅读 · 0 评论 -
节流版懒加载函数封装
lazyload.js文件原理:把src设置为空,实际路径放入data-src中。利用高度差,图片加载到视觉范围内把data-src里的真实路径放入src中,开始加载图片function getTop(e){ var T = e.offsetTop; while(e = e.offsetParent){ T += e.offsetTop; } return T}function lazyLoad(imgs){ var H = docu原创 2022-01-14 15:34:52 · 180 阅读 · 0 评论 -
函数节流与防抖
函数防抖事件被触发后,在一定时间内再次触发,则以后一次触发为标准重新计算时间,直到这段时间内没有二次触发,才执行。1、无防抖代码//html代码<input id="unDebounce">//script代码//模拟一段ajax请求function ajax(content) { console.log('ajax request ' + content)}let inputa = document.getElementById('unDebounce')原创 2021-12-10 16:33:03 · 949 阅读 · 0 评论