![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS小板块知识点
文章平均质量分 67
Seeker-Joseph
多说无益,放码过来
展开
-
回流(reflow)和重绘(repaint)
回流(reflow)和重绘(repaint)文章目录回流(reflow)和重绘(repaint)1.了解浏览器的渲染机制2.回流3.重绘4.性能影响5.避免性能影响减少重排的范围:分离读写操作:CSS:Javascript:优化动画:关于深度优先在浏览器中查看涉及到前端性能优化1.了解浏览器的渲染机制(1)浏览器采用流式布局模型(2)首先浏览器会将HTML解析成DOM Tree,把CSS解析成CSSOM,把CSSOM与 DOM Tree 结合产生render Tree,浏览器根据render原创 2021-05-26 22:56:34 · 273 阅读 · 7 评论 -
JS继承(原型、原型链)
JS继承(原型、原型链)这里写目录标题JS继承(原型、原型链)关于原型定义隐式属性 \__proto\_\_==注意==constructor关于原型链样例原型链上属性的增删改查Object.prototype==call/apply==作用区别总结继承原型模式共享借用构造函数组合继承(结合上面两者)原型式继承ES5中的Object.create()寄生式继承寄生式组合继承解决样例要了解JS继承,首先要明白构造函数,实例和原型的关系。简单来说原型链的产生就是一个实例的原型又是由另一个构造函数构造出来的实原创 2021-05-26 16:05:39 · 257 阅读 · 1 评论 -
封装typeof 和 数组去重
封装typeof 和 数组去重封装typeoffunction type(target){ //分两类 原始值 引用值 //区分引用值(数组 对象 包装类(typeof(new Number())得到也是"object" ) //样板 var template = { "[object Array]" : "array", "[object Object]" : "object", "[object Number]"原创 2021-03-19 18:49:11 · 115 阅读 · 0 评论 -
防抖(debounce)和节流(throttle)的原理以及实现
防抖(debounce)和节流(throttle)的原理以及实现在平时开发的过程中,会有很多场景会频繁触发事件,比如说搜索框的实时发请求,疯狂点轮播图换图,onmousemove,resize,onscroll等等,有些时候,我们并不能或者不想频繁触发事件,咋办呢?应用场景resize时间input输入发起请求元素的拖动等等防抖原理事件相应函数在一段时间后才执行,如果在这段事件内再次调用,则重新计算执行时间;当预定的时间内没有再次调用该函数,则执行dosomething函数原创 2021-04-01 23:52:02 · 14273 阅读 · 0 评论