![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 60
有关js的一些简要记录
asltwhh
这个作者很懒,什么都没留下…
展开
-
css实现多列等高
前言本文是在阅读了这篇文章后,对其内容添加了一些自己的注释和理解产生的,主要方便自己查看要实现的效果:解决布局:<ul class="Article"> <li class="js-article-item"> <p> 《山楂树之恋》是由张艺谋执导,周冬雨、窦骁等主演的爱情片,该片于2010年9月16日在中国内地上映。 该片根据艾米的同名小说改编,讲述了静秋、老三之间相识、相恋,最后天人永隔的故事。原创 2021-05-06 13:06:39 · 334 阅读 · 0 评论 -
DOM事件中this的指向问题
几种DOM事件绑定方式下的this指向1 通过在标签中指定方法1:<script> function test() { console.log(this); }</script><button onclick="test()">点我</button>结果指向window对象方法2:将this传递给事件处理函数<button onclick="test(this)">点我</butto原创 2021-05-05 22:12:29 · 951 阅读 · 1 评论 -
箭头函数中的this指向
箭头函数中的this指向结论:(1) 箭头函数中的this指向在函数定义时就已经确定好了,指向箭头函数定义时所在的作用域的this(2) 并且箭头函数在定义时确定后,就不能改变了,即使call,apply,bind方法也无法修改箭头函数的this指向举例:var name = 'window'; var obj = { name: 'obj', sayHello: () => { console.log(this.name) }}obj.sayHe原创 2021-05-05 21:36:27 · 1809 阅读 · 2 评论 -
函数防抖和节流
防抖节流的用途一些浏览器事件,onresize,mousemove,输入校验等,触发的频率非常高,会造成界面卡顿。如果事件触发后,还需要向后台发送请求,频繁触发,对服务器造成不必要的压力防抖1 原理函数防抖,函数被触发了多次,但是只会执行最后一次触发的事件例如在一个点击事件中:用户第一次点击后,异步任务定时器模块,等待wait时间,如果在这个时间段内,又触发了任务,则关闭上一次触发的定时器,执行本次的定时器,如果在wait时间内又出现了新的点击触发,则关闭之前的定时器,从刚才的点击开始计时如果一原创 2021-05-05 18:21:47 · 77 阅读 · 0 评论 -
call,apply,bind三者比较
apply和callapply和call作用相同,都可以用于调用其他对象的方法,改变其他函数调用时内部this的指向,只是传参的形式有区别而已。apply 方法传入两个参数:一个是作为函数上下文的对象,另外一个是作为函数参数所组成的数组。call 方法第一个参数也是作为函数上下文的对象,但是后面传入的是一个参数列表,而不是单个数组。call和bind相同点:三个均可以修改原函数在执行时this的指向不同点:bind返回一个函数,call和apply会直接调用原函数call和apply中将传原创 2021-05-05 17:00:50 · 119 阅读 · 0 评论 -
js自实现bind、apply、call方法
js中自实现bind前言看了两篇文章,对于其中难以理解的部分使用es6的扩展运算符稍作修改,总结得到这篇文章https://github.com/lin-xin/blog/issues/7https://blog.csdn.net/lovefengruoqing/article/details/80186401实现bind1 bind创建了一个新的函数2 在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。原创 2021-05-05 16:26:25 · 179 阅读 · 2 评论