通过AD域控平台统一批量管理公司电脑

事件循环：微任务和宏任务

浏览器中 JavaScript 的执行流程和 Node.js 中的流程都是基于 事件循环 的。

理解事件循环的工作方式对于代码优化很重要，有时对于正确的架构也很重要。

在本章中，我们首先介绍有关事件循环工作方式的理论细节，然后介绍该知识的实际应用。

事件循环

事件循环 的概念非常简单。它是一个在 JavaScript 引擎等待任务，执行任务和进入休眠状态等待更多任务这几个状态之间转换的无限循环。

引擎的一般算法：

1.当有任务时：

• 从最先进入的任务开始执行。

2.休眠直到出现任务，然后转到第 1 步。

当我们浏览一个网页时就是上述这种形式。JavaScript 引擎大多数时候不执行任何操作，它仅在脚本/处理程序/事件激活时执行。

任务示例：

• 当外部脚本<script src="..."> 加载完成时，任务就是执行它。
• 当用户移动鼠标时，任务就是派生出 mousemove 事件和执行处理程序。
• 当安排的（scheduled）setTimeout 时间到达时，任务就是执行其回调。
• ……诸如此类。

设置任务 —— 引擎处理它们 —— 然后等待更多任务(即休眠，几乎不消耗 CPU 资源)。

一个任务到来时，引擎可能正处于繁忙状态，那么这个任务就会被排入队列。

多个任务组成了一个队列，即所谓的“宏任务队列”(v8 术语)：
 

现自定义组件开发的流程

作为前端工程师, 我们对于开发vue组件或者react组件想必不会很陌生, 对于一个可扩展复用当然组件来说, 我们只需要做好以下几点就好了:

• 语义化 : 组件命名可读性强, 比如antd, element的组件风格
• 重用-发布等价原则(REP): 组件中的类要么都是可重用的，要么都不可重用
• 共同重用原则(CRP): 组件中所有类应该是共同重用的，如果重用了组件中的一个类就应该重用组件中的所有类
• 共同封闭原则(CCP): 组件的所有类对同一性质的变化是共同封闭的, 同时不会影响到外部, 即对修改是封闭的，但对扩展应该是开放的
• 稳定抽象原则(SAP): 组件的抽象程度应该与其稳定程度保持一致

基本上任何组件的设计都会或多或少的遵循以上原则, 所以说我们在实现自定义组件时, 往往也需要考虑内外部的抽象.

我们定义Dooring的自定义组件时, 会分为以下几个步骤:

（编辑：莆田站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!