倒计时是网页中最常见的一种功能，比如淘宝双十一定时抢购、小米手机定时抢购等，这些都是倒计时的常见场景。倒计时也是前端初学者必学的一个demo，正是由于倒计时功能的常见性，导致一些问题常常被忽略，比如： 也许在你刚开始学习前端，写倒计时的时候，并没有考虑上面的问题，但在真正的业务…

平时代码中必定会使用对象，通常是用最直接的字面量方法创建var obj = {}，最近在整理JS继承方式时遇到Object.create()也可以创建对象，另外，也可以用new Object()关键字创建。 这样一比较，其实字面量创建和new关键字创建并没有区别，创建的新对象的…

随着Object.hasOwn()的加入，目前我们已经有了5个判断对象属性是否存在的方法！本文一次性总结！

前端无痛刷新Token 这个需求场景很常见，几乎很多项目都会用上，之前项目也实现过，最近刚好有个项目要实现，重新梳理一番。 需求 对于需要前端实现无痛刷新Token，无非就两种： 请求前判断Token

注：[n]标识为遗留问题，在文章末尾遗留问题部分有详细解释说明。 之前做了一个在线给图片添加文本框的工具，大体思路是先把图片加载到一个 DOM 结构中，然后通过 html2canvas 导出到一个canvas，最后通过 canvas 自带的 toDataURL 方法导出成图片。…

事件流描述的是从页面中接收事件的顺序。 事件流包括三个阶段：事件捕获阶段，处于目标阶段，事件冒泡阶段。 事件冒泡：即事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点（文档节点）。 事件捕获：事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点应该最后…

从复杂的框架到处理 API，有太多的东西需要学习。 但是，它也能让你只用一行代码就能做一些了不起的事情。 1. 获取一个随机布尔值 (true/false) 这个函数使用 Math.random() 方法返回一个布尔值（true 或 false）。Math.random 将在 …

在本文中，我们将值既不是 null 也不是 undefined 的表达式称为“已定义的（defined）”。 空值合并运算符（nullish coalescing operator）的写法为两个问号 ??。 如果 a 不是已定义的，则结果为 b。 换句话说，如果第一个参数不是 …

浏览器里面，顶层对象是window，但 Node 和 Web Worker 没有window。 浏览器和 Web Worker 里面，self也指向顶层对象，但是 Node 没有self。 Node 里面，顶层对象是global，但其他环境都不支持。 ES2020 在语言标准的…