Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。 一、示例 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 点击后： 从图中可以得 ...
分类：
其他好文 时间：
2018-08-02 01:49:36
阅读次数：
202
vue里面本身带有两个回调函数： 一个是`Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。 另一个是`Vue.$nextTick(callback)`，当dom发生变化，更新后执行的回调。 栗子： ...
分类：
其他好文 时间：
2018-08-01 23:58:43
阅读次数：
317
JS MarcoTasks MicroTasks 在JS的 中，有两种任务队列 和`macrotasks` microtasks process.nextTick Promise Object.observe MutationObserver macrotasks setTimeout setInt ...
分类：
Web程序 时间：
2018-08-01 14:14:33
阅读次数：
141
第一步必须装 vux vux loader vuex 和vuex i18n 安装完成需要配置webpack.base.conf.js 为了降低使用成本及不侵入原来配置，只需要调用merge方法对原来webpack配置进行操作： 使用vux组件和其他UI库有点不太一样，为了防止全部引入导致体积过大，你 ...
分类：
其他好文 时间：
2018-07-30 22:38:19
阅读次数：
2251
1.extend用于创建一个子类Vue,用$mount来挂载 2.Vue.nextTick([callback,context])在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 结果如下： 我们可以看到视图更新以后拿到的并不是更新后的innerH ...
理解生命周期，出处：生命周期和钩子函数的一些理解 beforecreate : 可以在这加个loading事件，在加载实例时触发 created : 初始化完成时的事件写在这里，如在这结束loading事件，异步请求也适宜在这里调用 mounted : 挂载元素，获取到DOM节点 updated : ...
分类：
其他好文 时间：
2018-07-07 20:49:40
阅读次数：
157
插件github地址：https://github.com/videojs/video.js 这边做一个切换视频vue url的解决记录 ...
分类：
Web程序 时间：
2018-06-25 18:54:39
阅读次数：
4172
有一天老大忽然问起我这个问题，nodejs运行机制 是怎样的？因自己对nodejs也不是很熟悉，就上网查了一下，得出结果如下； 1.简介 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。将libu ...
分类：
Web程序 时间：
2018-06-24 14:13:48
阅读次数：
206
网上 和`$nextTick()`解释比较复杂，涉及到promise，h5的dom发生变化的新api等复杂代码，下列就是两个参考。 "【watch原理】" "【$nextTick()】" 首先，看遇到问题代码： 简单用watch的原理实现上述代码，如下： 先执行步骤1，还步骤2？答案是步骤 2。我想 ...
分类：
其他好文 时间：
2018-06-18 18:24:03
阅读次数：
1834
说实话，这个$nextTick()这个的用法之前一直都没有搞懂，看了很多篇博客，$nextTick是用来知道什么时候domg更新完成的， vue实现响应式并不是数据发生变化后dom立即变化，而是按照一定的策略来进行dom更新。 $nextTick是在下一次dom更新循环结束之后执行延迟回调，在修改数 ...
分类：
其他好文 时间：
2018-06-11 13:43:29
阅读次数：
2937
