js
大大的叹号
努力学习,远离渣子!
展开
-
图片懒加载实现
图片懒加载实现原理实现效果图片懒加载的问题面试被问了几次,答了个大概,这次自己实现一下原理data-src<img src="./loading.png" data-src="./1.png">data-src就是一个自己定义的属性,可以通过DOM.getAttribute(‘data-src’) 取到自定义的值。2. data-src存放图片路径,src放loading的图片,然后根据el.getBoundingClientRect() 判断当前图片dom和可视区域的距离来决原创 2020-11-15 17:07:54 · 274 阅读 · 1 评论 -
关于tm的this指向问题
为啥用this由于自己比较菜,对为啥要用this的理解就是方便、简洁,可以隐式的传递一个对象的引用,让代码逻辑简洁,方便。this的指向问题误解一:this指向函数自身...原创 2020-04-26 09:06:20 · 158 阅读 · 0 评论 -
call、apply、bind
call、apply、bindfunction out (age) { console.log(this.name, age)}let person = { name: 'xx'}out.call(person, 15)// xx 15out.apply(person, [15])// xx 15out.bind(person, 15)()// xx 15原创 2020-04-23 15:58:40 · 96 阅读 · 0 评论 -
js之传递参数
传递参数复制基本类型最近在重新看js高级程序设计,对之查缺补漏,以后每次碰到值得记录的都会发文。在了解参数传递的之前,首先要知道js复制引用类型和基本类型的区别。复制基本类型let a = '1'let b = a...原创 2020-04-13 23:31:58 · 568 阅读 · 0 评论 -
关于js原型笔记
js原型原型链的查找原则和动态性就近查找原则动态性关于constructor原型链的查找原则和动态性js原型大家都不陌生,但是涉及到原型链有些时候会蒙圈(我本人就是),下面介绍一下我对原型链的理解。就近查找原则对象访问一个属性,假如对象本身没有这个属性,会从原型链的底端向上查找这个属性。// 创建一个‘爷爷’function Ground() {}Ground.prototype =...原创 2020-04-13 15:20:29 · 122 阅读 · 0 评论 -
js原型
js原型什么是原型构造函数、原型、实例,三者关系实例中属性读取顺序什么是原型一个新创建的函数自身都会带一个prototype属性,这个属性指向这个函数的原型对象,原型对象自带一个constructor属性,这个属性指向这个函数。构造函数、原型、实例,三者关系构造函数的prototype属性指向原型,原型的constructor属性指向构造函数,构造函数通过new操作符创建实例,实例继承原型...原创 2019-12-10 11:05:08 · 147 阅读 · 0 评论 -
解决两个相同的字符串判断不相等问题
今天从后台取来的数据,判断两个字符串是否相等时出现了一个问题,就是两个字符串打印出来明明一样,但就是不想等,查了以后发现:有些特殊字符是不显示的(%20空格)。通过encodeURIComponent(str)操作就能看见解决办法: a.trim() === b.trim() 去除首尾空格...原创 2019-10-12 11:01:11 · 5751 阅读 · 1 评论 -
js数组操作
一.判断某一对象是否为数组1.Array.isArray(arr)let arr = [1, 2, 3];Array.isArray(arr); // true2.instanceoflet arr = [1, 2, 3];arr instanceof Array; // true二.添加1.push(value)//在数组末端插入,执行成功返回...原创 2019-09-25 23:06:05 · 255 阅读 · 0 评论