这是项目之前遇到的一个bug，最终发现是由于 reset Vuex state 不正确，污染了 initState 导致的，隐藏得还挺深的，在这里记录一下。 项目是用 Vue + Nuxt 写的一个H5网页。 下图是分类页的界面，左边的导航给出的分类项可以叠加选择。 在选择了任…

前面谈到了vue2.x的响应式原理，vue.js在视图更新采用的是异步更新策略，我们来看看它是怎么做到的。 这篇文章呢我们主要从源码角度来分析nextTick的原理实现。 watcher对象在进行更新执行update，内部主要执行了一个queueWatcher函数，将watch…

proxy配置代理，解决的跨域问题。当协议、子域名、主域名、端口号中任意一个不同都算作“跨域”。cors、jsonp、代理服务器（nginx、proxy）都可以解决跨域问题。

通过标题的提问引出对React、Vue2、Vue3的Diff算法对比，还有React Fiber的一些原理，以及为什么Vue中不需要使用Fiber

首先diff算法是发生在更新的过程，而更新的情况有以下几种情况： 老的是Array，新的是Text 老的是Text，新的是Text 老的是Text，新的是Array 老的是Array，新的是Array

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

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

看过vue官方文档的同学，对这张图应该已然相当熟悉了。 听过太多回答，通过Object.defineProperty，可是再详细的问时，对方浑然不知。 这里我们用不到100行的代码，实现了一个简易的vue响应式。当然，这里如果不考虑期间的过程，我相信，40行代码之内可以搞定。但…