导读 在vue中，我们经常使用nextTick获取到最新的dom元素或者组件实例。至于原因，在于vue使用了异步DOM渲染更新机制，无论组件状态同步变化多少次，其相应的副作用总会被缓存在一个异步任务队

前言（本文背景） 网上有很多讲解 Event Loop 的文章，但大多数都过于片面，少数相对全面的也仍有一些知识盲区，甚至一些文章还传播错误的知识，结果就是让我们 似懂非懂。这篇文章让你彻底弄懂！

JS的内存空间分为栈(stack)、堆(heap)、池(一般也会归类为栈中)。 其中栈存放变量，堆存放复杂对象，池存放常量，所以也叫常量池。 栈是一种特殊的列表，栈内的元素只能通过列表的一端访问，这一端称为栈顶。 栈被称为是一种后入先出（LIFO，last-in-first-o…

如果你还不能很好的解答上面的问题，那说明你还没有完全掌握这部分的知识，那么请好好阅读下面的文章吧。 本文从底层原理到实际应用详细介绍了JavaScript中的变量和类型相关知识。 ECMAScript标准规定了7种数据类型，其把这7种数据类型又分为两种：原始类型和对象类型。 上…

浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…

实现大剧院选座功能，实现步骤如下 基础图形渲染 绑定鼠标点击，滑过，滚轮放大缩小，画布移动事件 鼠标指针位置与元素关系，在座位上？在房间（区域）上？及路径判断 点击选择座位，改变座位状态，选中

之前也看过一些关于<script>标签和<link>标签对DOM解析和渲染影响的文章，但总感觉似是而非，没有很深刻的理解。趁今天有点空闲，做个尽量全面的总结，通过撸几个例子，加深下记忆。 大家应该都知道<script>标签的加载、解析和运行都会阻塞…

很多人在用 `localStorage` 的时候喜欢直接用，明文存储，直接将信息暴露在；浏览器中，虽然一般场景下都能应付得了且简单粗暴，但特殊需求情况下就不行了，该学学封装提升下逼格了！

本文首发于微信公众号：程序员乔戈里以上结果输出为7。小萌边说边在IDEA中的win环境下选中String.length()函数，使用ctrl+B快捷键进入到String.length()的定义。接着使