install方法的作用是将store这个实例挂载到所有的组件上，注意是同一个store实例。 Store这个类拥有commit，dispatch这些方法，Store类里将用户传入的state包装成data，作为new Vue的参数，从而实现了state 值的响应式。 现在我们…

调用函数将对应的坐标互换。 代码直接在github上拉取。

Proxy 也就是代理。学习过计算机网络的朋友对这个词肯定不陌生。在计算机网络中，代理是指客户端不直接连接服务器，而是通过一些中间的机器进行请求的传递，从而达到提高访问速度，提升安全性之类的需求。 javascript 中的 Proxy 也是类似的功能，只不过阻隔的不再是服务器…

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

项目地址在这里：https://github.com/halfrost/vue-objccn 利用 Vue.js 实现 objc中国 的跨平台全栈应用 [x] ✅桌面应用，支持 Mac、Linux、Windows 三个平台 [x] ✅Web 应用，支持 桌面浏览器 和 手机浏览…

首先要说diff算法之前，还是稍微解释一下虚拟DOM，虽然大部分人都知道虚拟DOM的概念了。 我认为前端现代框架解决的是忽略对DOM的操作，让前端人员注重于维护状态。 对于视图更新以往的解决方式是，不关心任何状态，只需要将所有DOM删掉，然后重新生成一份DOM，但是这种访问DO…

上周临近周末休息的时候，一个同事跑过来了，对我说：“阿伦啊，有一个页面出问题了，火狐浏览器所有的input都没法输入了。”我一听，是不是你给加了什么属性，让input输入框只读了啊。看了一下代码，很正常的一个输入框，并且CSS写的也很正常。 但是运行之后发现无法输入任何东西，包…

上面的代码的效果是，当我们输入firstName后，wacth监听每次修改变化的新值，然后计算输出fullName。 这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办…

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…