![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 55
不脱发的前端
struggle,成为前端大神
展开
-
纯js瀑布流
思路分析:定位后确定浏览器显示区域内,一行能放多少列图片盒子获取页面的宽度获取图片盒子的宽度显示的列数=页面宽度/图片盒子宽度column=pageWidth/itemWidth显示美观一般都会加一个空隙显示的列数=页面宽度/(盒子宽度+间隙)column=pageWidth/(itemWidth+gap)确定列数之后,排列第一行下面还有很多图片盒子,我们先要排列第一行,所以在for循环里要判断下,当i(所有图片盒子的索引)<column(显示列数)时,说明在第一行;知原创 2021-06-22 15:26:37 · 55 阅读 · 0 评论 -
js中的继承问题
借用构造函数继承父类型属性核心原理: 通过 call() 把父类型的 this 指向子类型的 this ,这样就可以实现子类型继承父类型的属性。function Father(uname, age) { this.uname = uname this.age = age } function Son() { Father.call(this, 'kobe', '18') } console.log(new Son());借用原型对原创 2021-06-19 18:39:14 · 110 阅读 · 0 评论 -
构造函数与原型的理解
构造函数与原型利用构造函数创建对象静态成员与实例成员原型对象原型__proto__原型constructor构造函数,实例对象,原型对象的关系原型链js成员的查找机制原型对象的this指向利用构造函数创建对象构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与 new 一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。new 在执行时会做四件事情:在内存中创建一个新的空对象。让 this 指向这个新的对象。执行构造函数里面的代码,给这个新原创 2021-06-19 13:54:51 · 240 阅读 · 0 评论 -
js中高阶函数filter,map,reduce的使用
filter中的回调函数有一个要求: 必须返回一个boolean值true: 当返回true时, 函数内部会自动将这次回调的item加入到新的数组中false: 当返回false时, 函数内部会过滤掉这次的itemlet nums = [10, 20, 111, 222, 444, 40, 50];let newArr = nums.filter(function(item) { return item < 100;})console.log(newArr); // [10, 2原创 2021-06-18 12:03:55 · 121 阅读 · 0 评论 -
this的指向问题
函数内this的指向这些this的指向,是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同,一般指向我们的调用者。调用方式this指向普通函数调用window构造函数调用实例对象 原型对象里面的方法也指向实例对象对象方法调用该方法所属对象事件绑定方法绑定事件对象定时器函数window立即执行函数window箭头函数的this箭头函数中的this是在定义函数的时候绑定,而不是在执行函数的时候绑定箭头函数中,this原创 2021-06-17 23:36:28 · 51 阅读 · 0 评论 -
js中call, apply, bind的理解与应用
call,apply,bind的总结相同点:都可以改变函数内部的this指向区别点:call和apply会调用函数,并且改变函数内部this指向call和apply传递的参数不一样,call传递参数aru1,aru2…形式,apply必须数组形式[args]bind不会调用函数,可以改变函数内部this指向主要应用场景call经常做继承apply经常跟数组有关系,比如借助于数学对象实改变定时器现数组最大与最小值bind不调用函数,但是还想改变提升指向,比如 改变定时器内部的this原创 2021-06-17 22:46:03 · 108 阅读 · 0 评论 -
深浅拷贝的理解
针对引用类型来说 赋值 浅拷贝的区别1.浅拷贝 赋值的区别当我们把一个对象赋值给一个新的变量时,赋的其实是该对象的在栈中的地址,而不是堆中的数据。也就是两个对象指向的是同一个存储空间,无论哪个对象发生改变,其实都是改变的存储空间的内容,因此,两个对象是联动的。浅拷贝是创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的值,如果属性是引用类型,拷贝的就是内存地址 ,所以如果其中一个对象改变了这个地址,就会影响到另一个对象。深拷贝 浅拷贝浅拷贝是创原创 2021-06-17 18:29:39 · 265 阅读 · 0 评论 -
防抖与节流的理解
防抖函数当触发事件一定时间内没有被触发,事件处理函数才会执行一次,如果设定事件到来之前又触发,将会重新延迟原创 2021-06-17 15:41:26 · 114 阅读 · 0 评论