-
填坑。。
### 1、先从setTimeout和setInterval说起
这两个方法是BOM提供的功能,均接收两个参数:
> setTimeout(fn,ms)
> setInterval(fn,ms)
- 返回值是一个数字,可以通过这个数字,使用 **clearTimeout(id)** 和 **clearInterval(id)** 来取消定时器。
- 为什么使用这两个…
-
- [ ] [Rethinking Asynchronous JavaScript](https://www.lynda.com/JavaScript-tutorials/Rethinking-Asynchronous-JavaScript/604266-2.html#tab)
- [图与例解读Async/Await](https://zhuanlan.zhihu.com/p/3050089…
-
## 疑问
1.当我修改了属性值时,vdom立即进行diff,重新渲染视图了吗?
2.如果1是对的,那重复修改,性能岂不是很差?如果不是,1是如何实现的?
3.我们的nextTick 具体的实现是怎样的?什么时候需要用到它?
4.vdom diff的过程是怎样的?
## 梗概
关于vue数据更新渲染的几个知识点,先列一下:
* 数据的更新是实时的,但是渲染…
-
# Vue.$nextTick背后的Event Loop,Tasks, microtasks
## 前言
本文内容主要来源于[Tasks, microtasks, queues and schedules](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/)和[whatwg](https://html.s…
-
### 参考文章
- [HTML系列:macrotask和microtask](https://zhuanlan.zhihu.com/p/24460769?utm_source=wechat_session&utm_medium=social&utm_oi=37470674616320)
- [Tasks, microtasks, queues and schedules](https://j…
-
next-tick.js
```JavaScript
/* @flow */
/* globals MutationObserver */
import { noop } from 'shared/util'
import { handleError } from './error'
import { isIE, isIOS, isNative } from './env'
…
-
### 执行流程
![执行流程](https://mdn.mozillademos.org/files/8633/promises.png)
> + 在 本轮 Javascript event loop(事件循环)运行完成 之前,callbacks(回调)是不会被调用的。
> + 通过 .then() 形式添加的回调函数总会被调用,即便是在异步操作完成之后才被添加的函数。
> + …
-
## 写在最前
本次分享一下从[HTML5](https://html.spec.whatwg.org/multipage/webappapis.html#perform-a-microtask-checkpoint)与[PromiseA+](https://promisesaplus.com/)规范来迅速理解一波事件循环中的microtask 与macrotask。
欢迎关注[我的博客]…
-
## Your Environment
* Plugin version: 4.2.5
* Platform: Android
* OS version: 10
* Device manufacturer / model: Oppo A5 (2020)
* React Native version (`react-native -v`): npm:react-nativ…
-
**TL;DR:** Avoid limiting or specializing APIs to _"same microtask"_.
This came up in https://github.com/w3c/mediacapture-screen-share/issues/190#issuecomment-929491274 in the context of trying to …