现如今，越来越多的业务都希望在自己的页面中播放视频，如果现在哪个应用说不支持播放视频，就和 N 年前的应用里看不了图片一样无法想象 播放视频当然就离不开 HTML5 标准中的 video 元素。所以希

之前写过相关的文章，是关于如何创建及遍历二叉树的，这里不再赘述。提供链接给各位感兴趣的小伙伴，点此跳转 可以看出，无论是只有左子树还是只有右子树都可以进行翻转。这句话等价于，为空的子树可以和不为空的子树进行交换，也就是不对为空的子树进行特殊处理 其实这样我们还是不知道二叉树是如…

使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时…

例如，我创建了一个div对象，会有很多用不上的属性，一个看不出，但是如果每次都去新建-销毁，将会浪费大量的资源（这也是为什么不建议用JQ做dom操作，当然就我而言，修改属性可以使用JQ速度要快于通过vue），因此虚拟dom应运而生，VNode节点模拟真实DOM，可以对这颗抽象树…

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…

之前面试被面试官问到了解Vue的virtual dom吗？然后接着聊下去自然聊到了diff算法，但答得不好，所以随后我也立刻复习了一番。 Vue 2.0更新了virtual dom 的概念，而数据更改后的前后对比算法就是diff算法，这篇就是主要讲解diff算法是如何对比数据更…

1. 数据改变到页面渲染的过程是怎么样的？ 首先看下面的图片👇，这是执行click函数改变一个数据之后发生的函数调用栈，从图上的说明可以比较清楚个了解这个响应式过程的大概流程。下面简单讲解一下： patch、patchVnode、updateChildren方法都是比较VNo…

vue2.0加入了virtual dom，有点向react靠拢的意思。vue的diff位于patch.js文件中，复杂度为O(n)。 听大神说了解diff过程可以让我们更高效的使用框架，工作和女朋友都更加好找了，我们赶快了解哈~。 了解diff过程，我们先从虚拟dom开始。 所…