微信扫一扫打赏支持
摘要: 图片懒加载原理 一、总结 一句话总结: 到达指定加载图片位置时,用data-src的属性值替换img的src的属性值即可,这个时候img就会去请求资源 imgs[i].src = imgs[i].getAttribute('data-src'); 二、图片懒加载原理 博客对应课程的视频位置: 1 < 阅读全文
posted @ 2020-03-19 20:27 范仁义 阅读(464) 评论(0) 推荐(0)
摘要: js参考 sort函数 一、总结 一句话总结: sort函数不同浏览器的实现不一样,所以具体的排序算法的原理也不一样,一样的就是如果返回a-b,则升序,返回b-a,则降序 1、sort函数参数对应的回调函数的两个形参的作用是什么? 接收排序时候传递过来的实参:sort函数里面的回调函数需要两个形参, 阅读全文
posted @ 2020-03-19 19:41 范仁义 阅读(467) 评论(0) 推荐(0)
摘要: css参考 纯css实现三角形 一、总结 一句话总结: 内容区的宽高设置为0,需要的部分设置是真实的颜色,不需要的部分设置成透明色transparent .box{ width: 0; height: 0; border: 100px solid; border-left-color:red ; b 阅读全文
posted @ 2020-03-19 18:43 范仁义 阅读(129) 评论(0) 推荐(0)
摘要: css参考 实现元素水平垂直居中 一、总结 一句话总结: 方式一:绝对定位+margin: auto;:子元素绝对定位,并且偏移全为0,margin设置为auto 方式二:绝对定位+margin自身负偏移:子元素绝对定位且左(left)上(top)偏移50%,再margin负偏移左(left)上(t 阅读全文
posted @ 2020-03-19 18:39 范仁义 阅读(140) 评论(0) 推荐(0)
摘要: javascript疑难问题 13、函数防抖 一、总结 一句话总结: 防抖函数 就是 一个会频繁触发的函数,在规定的时间内,只让最后一次生效,前面的不生效。算法思路就是 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。 1、防抖函数 的作用? 防止用户的重复(手抖)操作 2、防抖函 阅读全文
posted @ 2020-03-19 13:26 范仁义 阅读(134) 评论(0) 推荐(0)
摘要: javascript疑难问题 12、函数节流 一、总结 一句话总结: 函数节流就是 一个函数执行一次后,只有大于设定的执行周期后,才会执行第二次,这样可以防止函数过于频繁的执行,起到节约性能的作用 //2、需求:滚动条事件 每隔200ms才触发一次 /** * 1、函数节流 * @param fn 阅读全文
posted @ 2020-03-19 12:27 范仁义 阅读(168) 评论(0) 推荐(0)
摘要: 闭包执行注意(函数节流为例) 一、总结 一句话总结: 注意,本例中document.onscroll的时候,执行的不是throttle函数而是throttle函数里面的闭包 //2、需求:滚动条事件 每隔200ms才触发一次 /** * 1、函数节流 * @param fn 要执行的回调函数 * @ 阅读全文
posted @ 2020-03-19 11:56 范仁义 阅读(333) 评论(0) 推荐(0)
摘要: javascript疑难问题 11、回调函数 一、总结 一句话总结: 回调函数是你定义了的,但是你没有直接调用,但是 最终它执行了(在特定条件或时刻)的函数 1、常见的回调函数有哪些? 比如DOM事件函数、定时器函数、ajax回调函数等等 二、回调函数 博客对应课程的视频位置:11、回调函数http 阅读全文
posted @ 2020-03-19 07:19 范仁义 阅读(314) 评论(0) 推荐(0)
摘要: js回调函数做异步 一、总结 一句话总结: 用回调函数实现异步是把回调函数的执行放到了异步函数里面,常用的异步函数有 定时器函数、ajax函数等 二、js回调函数做异步 博客对应课程的视频位置: 你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程" 阅读全文
posted @ 2020-03-19 07:18 范仁义 阅读(406) 评论(0) 推荐(0)
摘要: JavaScript 异步调用执行过程 一、总结 一句话总结: js的异步过程是 call stack(主调用栈)、web apis(相当于异步操作放的位置)、事件队列(异步回调事件放到这个里面等待执行)、event loop(循环执行从事件队列中取事件到call stack执行)共同作用的结果 二 阅读全文
posted @ 2020-03-19 06:21 范仁义 阅读(152) 评论(0) 推荐(0)