what

首先来解释下什么是 setTimout ：此函数是一个全局函数，可以用来设置一个定时器，在指定时间后触发回掉函数。

其中 setTimeout 有两类用法：

1
2

/* 本用法不推荐，code 为字符串，在定时器到期后会进行编译执行code字符串，delay为定时时间 */
setTimeout(code, delay)

1
2

/* functionRef 定时器到期后的回调函数；delay 定时时间；...params 作为参数传递给回调函数 */
setTimeout(functionRef, delay, param1, param2)

setTimeout 返回值为一个正整数类型的 timeoutID ，可使用 clearTimeout 进行取消定时器。

Why

为什么 setTimeout 会有 4ms 的延迟呢？

实际上题目不完全对，并不完全是会有 4ms 延迟。正如 HTML 标准中规定的那样，一旦对 setTimeout 的嵌套调用被安排了 5 次，浏览器将强制执行 4 毫秒的最小超时。

其他影响 setTimout 延迟因素：

1. 并发任务： 在浏览器中，存在多个任务需要处理，如用户交互、DOM 更新、网络请求等。这些任务会占用浏览器的资源和处理能力。当设置一个 setTimeout 的延迟时间时，浏览器可能会优先处理其他任务，导致 setTimeout 的回调函数的执行被推迟。
2. 执行上下文的切换： 当定时器到期时，浏览器需要切换执行上下文来调用 setTimeout 的回调函数。这个上下文切换可能会引入一定的延迟。浏览器需要在当前任务完成后，选择合适的时机执行回调函数。
3. 系统和硬件因素： 系统负载、设备性能以及浏览器实现的差异等因素也会影响 setTimeout 回调函数的执行时间。不同的浏览器和设备可能有不同的延迟表现。

相关文章

MDN setTimeout

为什么 setTimeout 有最小时延 4ms ?

How JavaScript Timers Work

2022年度总结

Now I have come to the crossroads in my life, I always knew what the right path was.
Without exception, I knew, but I never took it.
You know why?
It was too damn hard.
如今我走到了人生十字路口，我知道哪条路是对的，毫无例外，我就知道，但我从不走，为什么？因为tm的太苦了。
—出自《闻香识女人》电影末尾 Al Pacino 的演讲，全文演讲堪称经典，推荐去看原片。

1. 找到host文件位置，window下位置如图所示，mac下host位置 /etc/hosts 。

2. 按照下图规则添加host记录

3. 打开 free-ss.site 网站

4. V 账号 => v2ray，S账号 => shadowsocks

5. 使用代理软件添加规则，Windows 下推荐 v2rayN，或者使用 Clash For windows 在win和mac下都可使用，然后就可以畅游网络世界了。

2021年度总结

这是在我入职后，一位同事机缘巧合下送给我的一句话。

这个世界缺的不是完美的人，而是从心底给出的真心、正义、无谓与同情。

—出自《无问东西》

这句话是我今年说的最多的口头禅，无论是对自己，还是对别人。

Everything will be okay in the end. If it’s not okay, it’s not the end. 

一切都将会好起来的。

写这篇文章的时候，已经在2021年的七月份了，也是拖延了半年才终才想起来。

Linux入门时做的笔记， shell 相关笔记没有学完不全，以后有空继续学习。

主要为常规的一些命令、压缩打包、权限等。

可替换元素（置换元素）

浏览器根据元素的标签和属性，来决定元素的具体显示内容。

例如：浏览器会根据 <img> 标签的src属性的值来读取图片信息并显示出来，而如果查看(x)html代码，则看不到图片的实际内容；<input> 标签的type属性来决定是显示输入框，还是单选按钮等。 (x)html中的<img>、<input>、<textarea>、<select>、<object> 都是置换元素。这些元素往往没有实际的内容，即是一个空元素。

置换元素在其显示中生成了框，这也就是有的内联元素能够设置宽高的原因。

不可替换元素（非置换元素）

(x)html 的大多数元素是不可替换元素，即其内容直接表现给用户端（如浏览器）。

例如：标签是一个非置换元素，文字label中的内容”将全被显示。

1

<label>label中的内容</label>

牛客题目

mdn 可替换元素