虽然vue/react帮我们实现了操作数据映射到dom操作, 但是还是有很多不得不用DOM API的场景, 下面我就给大家列出一些UI库中经常出现的DOM API(写业务代码也可事半功倍). 注: 本文是系列文章会持续更新, 大家可收藏保持关注. 也可关注我github上的笔记…

直接进入正题，IntersectionObserver 翻译为 "交叉观察者"，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为，简单理解就是监听目标元素是否进入或者离开了指定父元素的内部（理解这句就行了，管他交不交叉呢），我好像在开…

Proxy和Reflect是 ES6 新增 API。 Reflect是一个内置的对象，它提供拦截 JavaScript 操作的方法。Reflect不是一个函数对象，因此它是不可构造的。Reflect的所有的方法都是静态的就和Math一样，目前它还没有静态属性。 Reflect对…

编程是一件很快乐的事，实现一个目的，我们可以有很多方法路径，在这篇文章我们介绍一些JavaScript的奇技淫巧，仅供大家参考，各路大神在平时的代码编写时，如很多简洁高效的书写方式；欢迎各位在下方留言。 由上结果，字面量产出的原始数据类型无法使用instanceof判断。 从打…

1. 类型强制转换 可以使用双位操作符来替代 Math.floor( )。双否定位操作符的优势在于它执行相同的操作运行速度更快。 如果variable1是真值就直接返回了，后面短路就不会被返回了，如果为假值，则会返回后面的foo。 如果param如果为真值则返回param.pr…

本文列举了一些列比较不常见的Web API，内容较多，所以有关兼容性的内容在本文不会出现，大家可以自己去查阅。 以下案例能配动图的我尽量去配了，以免内容枯草乏味，但是如果内容有误，也请大家亲喷或者纠正👌 1. querySelector 2. querySelectorAll…

早上上班前，一如既往的翻看一下前端公众号，看下各位大佬的文章。翻 了十来分钟，咦，，一个题目还是比较经典的，为啥之前没见过。一看是2016年的文章，那是我还没入门呢..... 认真看了起来，，嗯嗯，，，这题目可以，比较考察综合能力，记录一下。 此题涉及的知识点众多，包括变量定义…

很多人都知道要减少浏览器的重排和重绘，但对其中的具体原理以及如何具体操作并不是很了解，当突然提起这个话题的时候，还是会一脸懵逼。希望大家可以耐着性子阅读本文，仔细琢磨，彻底掌握这个知识点！ 第四步和第五步是最耗时的部分，这两步合起来，就是我们通常所说的渲染。 网页生成的时候，至…