"Vue常见面试题总结" "webpack面试题汇总" "简单理解Vue中的nextTick" "vue2源码框架和流程分析" "人人都能懂的Vue源码系列" "高级前端开发者必会的34道Vue面试题系列" "Web开发中跨域的几种解决方案" "9种常见的前端跨域解决方案（详解）" "跨域资源共享 ...
分类：
其他好文 时间：
2020-05-08 13:12:28
阅读次数：
80
Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。 如果同一个 watcher 被多次触发，只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。 然后，在下一个的事件循环“tic ...
分类：
其他好文 时间：
2020-05-06 11:58:00
阅读次数：
54
对于 Vue.nextTick 方法，自己有些疑惑。在查询了各种资料后，总结了一下其原理和用途，如有错误，请不吝赐教。 概览 官方文档说明： 用法： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 疑问： DOM 更新循环是指什么？ 下次更新循环 ...
分类：
其他好文 时间：
2020-05-05 18:22:23
阅读次数：
60
前言 Vue.$nextTick这个API相信很多人都用过，按照文档的解释，“在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM”。我们通常会在使用第三方库或者处理复杂条件下的渲染时机的时候用到它，它是如此的好用以至于碰到棘手的问题的时候，我们都会想到是不是 ...
分类：
其他好文 时间：
2020-05-05 18:07:19
阅读次数：
73
1.宏任务： 分类：setTimeout setInterval requrestAnimationFrame 1>宏任务所处的队列就是宏任务队列 2>第一个宏任务列中只有一个任务，执行主线程的js代码 3>宏任务队列可以有多个 2.微任务： 分类：new promise().then(回调) pr ...
分类：
其他好文 时间：
2020-05-04 21:20:07
阅读次数：
69
window.fetch eventsource （服务端推送） pipe loading 加载条 树状数组 [LeetCode] 730 Vue 源码：响应式、模板编译、nextTick、keep-alive 项目-你画我猜 项目-UI组件库 ...
分类：
其他好文 时间：
2020-04-30 19:42:10
阅读次数：
65
阅读代码和画画是一样的，忌讳一开始就从细节下手（比如一行一行读），我们先将细节代码折叠起来，整体观察nextTick源码的几大块。
看完大的代码块结构后，可以按照js引擎解析代码的顺序来分析源码了。 ...
分类：
其他好文 时间：
2020-04-28 15:24:34
阅读次数：
49
<el-form :span="18" :model="dataForm" :rules="dataRule" ref="dataFormRef" @keyup.enter.native="dataFormSubmit()" label-width="80px"> //必须放到$nextTick() ...
分类：
其他好文 时间：
2020-04-27 19:23:48
阅读次数：
111
首先你要知道 this.$refs 是干嘛的 ？ 直接上图 也就是对于 dom进行操作 当你再created中使用 this.$refs时 dom没有加载成功 所以为undefined 所以你要是想获取 1、要么写在mounted中 dom已经加载完成 2、使用this.$nextTick（func ...
分类：
其他好文 时间：
2020-04-23 12:33:05
阅读次数：
1049
目录 微任务 事件循环机制 setImmediate、setTimeout/setInterval 和 process.nextTick 执行时机对比 实例分析 参考 1.微任务 在谈论Node的事件循环机制之前，先补充说明一下 Node 中的“微任务”。这里说的微任务(microtasks)其实是 ...
分类：
Web程序 时间：
2020-04-18 09:19:29
阅读次数：
71
