Skip to content

Commit

Permalink
docs: update javascript bom document
Browse files Browse the repository at this point in the history
  • Loading branch information
feng-zhang0712 committed Jan 13, 2025
1 parent d520725 commit e8e06df
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 7 deletions.
10 changes: 5 additions & 5 deletions _posts/question-collection.md
Original file line number Diff line number Diff line change
Expand Up @@ -253,8 +253,8 @@
- [x] [移动端的点击事件及怎么解决](https://fe.ecool.fun/topic/b43082e8-2312-4594-ac1c-4f0d2d5da81c?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [x] [判断页面是通过 PC 端还是移动端访问](https://fe.ecool.fun/topic/664e2875-26fa-45b0-89cd-9cb961ec8046?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [flexible.js 实现移动端适配的原理是什么?](https://fe.ecool.fun/topic/3c003aad-68a0-4abf-8fbc-62e37b4f3b10?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [setTimeout 运行机制](https://fe.ecool.fun/topic/cdeec2cc-5772-4c63-b7f0-34f864ea886d?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [js 中的倒计时,怎么实现纠正偏差?](https://fe.ecool.fun/topic/7b48e19d-6596-4853-875f-067f9bb048a8?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [x] [setTimeout 运行机制](https://fe.ecool.fun/topic/cdeec2cc-5772-4c63-b7f0-34f864ea886d?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [x] [js 中倒计时实现纠正偏差](https://fe.ecool.fun/topic/7b48e19d-6596-4853-875f-067f9bb048a8?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [x] [['10', '10', '10', '10', '10'].map(parseInt)](https://fe.ecool.fun/topic/01149afa-e389-4a9f-a534-204db829188b?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [浏览器的垃圾回收机制有哪些](https://fe.ecool.fun/topic/594f4864-1932-4020-aec6-a2ae0fb16765?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [xml 和 json 有什么区别?](https://fe.ecool.fun/topic/9dc542a0-b323-4c7a-9199-f1f2678714cf?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
Expand All @@ -275,10 +275,10 @@
- [变量提升](https://fe.ecool.fun/topic/cf3a9965-7761-4d5e-8b0a-cbde804517b8?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [WebSocket 中的心跳是为了解决什么问题?](https://fe.ecool.fun/topic/14ad497b-56ee-461b-8c82-110f4d1c04b0?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [WebSocket](https://fe.ecool.fun/topic/4449a399-c20d-49e7-aac6-05236ee28662?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [Web Worker](https://fe.ecool.fun/topic/9ae6ebb4-5aae-4a1b-b0e8-15e1b12bc178?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [x] [Web Worker](https://fe.ecool.fun/topic/9ae6ebb4-5aae-4a1b-b0e8-15e1b12bc178?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [Service worker](https://fe.ecool.fun/topic/f3a5d518-64e1-454a-80ec-5991c4cedeb0?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [WebWorker、SharedWorker 和 ServiceWorker 区别](https://fe.ecool.fun/topic/f18218c8-4c74-4631-b66d-e7ac65929f35?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [MessageChannel 是什么,有什么使用场景](https://fe.ecool.fun/topic/a19a8ffa-8f33-4ca8-ba5d-31db4403b3f2?orderBy=default&order=desc&tagId=10&exerciseCate=2&ignoreMaster=1&difficulty=)
- [x] [WebWorker、SharedWorker 和 ServiceWorker 区别](https://fe.ecool.fun/topic/f18218c8-4c74-4631-b66d-e7ac65929f35?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [MessageChannel 是什么,有什么使用场景](https://fe.ecool.fun/topic/a19a8ffa-8f33-4ca8-ba5d-31db4403b3f2?orderBy=default&order=desc&tagId=10&exerciseCate=2&ignoreMaster=1&difficulty=)
- [PWA](https://fe.ecool.fun/topic/eea30dfd-e506-419d-9563-0f4c84abbbe8?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [JSBridge](https://fe.ecool.fun/topic/eab191f2-2cc4-4bb9-b04c-370d834b7a7f?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
- [Babel](https://fe.ecool.fun/topic/3c2be850-72a9-42fe-b9cc-60a632f8ac61?orderBy=default&order=desc&tagId=10&exerciseCate=0&ignoreMaster=1&difficulty=)
Expand Down
4 changes: 2 additions & 2 deletions _posts/web/timer.md
Original file line number Diff line number Diff line change
Expand Up @@ -152,7 +152,7 @@ clearTimeout(timerId);
5. **任务队列(Task Queue)**:每次计时器到达指定的时间间隔,回调函数将被添加到任务队列中,等待事件循环的执行。
6. **执行回调函数**:当事件循环处理到任务队列中的回调函数时,回调函数将被执行。

从上面可以看出,`setInterval` 的执行机制,同 `setInterval` 类似,不同之处在于,`setInterval` 的回调函数,会被按固定时间间隔添加到任务队列中。回调函数具体的执行时机,也是一个不确定的状态。
从上面可以看出,`setInterval` 的执行机制,同 `setTimeout` 类似,不同之处在于,`setInterval` 的回调函数,会被按固定时间间隔添加到任务队列中。回调函数具体的执行时机,也是一个不确定的状态。

以下是一个,`setInterval` 与事件循环的例子。

Expand Down Expand Up @@ -434,7 +434,7 @@ animateElement(element);
- 执行次数:`setTimeout` 只执行一次回调函数;`setInterval` 会按指定的时间间隔重复执行回调函数,直到被取消。
- 内部机制:`setTimeout` 计时器到期后,将回调函数添加到任务队列中;`setInterval` 每次到达时间间隔后,都会将回调函数添加到任务队列中,因此如果回调函数执行时间较长,可能会导致回调函数的执行频率低于预期。(或者说,`setTimeout` 可以保证函数在指定的时间间隔内不会执行,而 `setInterval` 无法保证)

参考
## 七、参考

- [setTimeout() 全局函数](https://developer.mozilla.org/zh-CN/docs/Web/API/setTimeout)
- [调度:setTimeout 和 setInterval](https://zh.javascript.info/settimeout-setinterval)
Expand Down

0 comments on commit e8e06df

Please sign in to comment.