摘要：
前言 我们知道 Vue 使用的是虚拟 DOM 去减少对真实 DOM 的操作次数，来提升页面运行的效率。今天我们来看看当页面的数据改变的时候，Vue 是如何来更新 DOM 的。Vue和React在更新dom时，使用的算法基本相同，都是基于 snabbdom。 当页面上的数据发生变化时，Vue 不会立即 阅读全文
摘要：
github自动部署nuxt项目 部署前的准备 最近在学习 nuxt 框架，花了几天做了一个 realWorld 博客 demo，正好遇到了一些部署的问题，在这里做一个简单的教程。 在部署前我们需要准备一些东西： 首先你需要一个本地能够跑通的项目 然后需要一个能够使用的云服务器，可以到阿里云或者腾讯 阅读全文
摘要：
在linux服务器上安装node 下载node 首先你需要到 node 官网 去下载一个 linux 可用的 node 版本。 上传 node 到 linux 服务器并解压 上传压缩包 你可以通过一些可视化的服务器连接软件，我使用的是 MobaXterm，直接到官网下载安装即可，有免费版的。然后将下 阅读全文
摘要：
Vnode虚拟 DOM 为什么要使用虚拟 DOM（Virtual DOM） 手动操作 DOM 比较麻烦，还需要考虑浏览器兼容性问题，虽然有 JQuery 等简化 DOM 操作，但是随着项目的复杂，DOM 操作的复杂度也会提升。 为了简化 DOM 的复杂操作于是出现了各种 MVVM 框架，MVVM 框 阅读全文
摘要：
Vue之watch源码解读 回顾 watch 的用法 watch 是 Vue 中的一个监听数据变化的一个方法，我们在阅读源码之前先来回顾一下 watch 的用法 监听基本数据类型 <div> {{ name }} <button @click="changeName">改变name</button> 阅读全文
摘要：
Vue Router原理实现 Vue 中的 History 和 Hash 模式的区别 在实现 Vue Router 之前，我们来看看 Vue Router 的两种模式，前端路由的表现形式有两种，一种是 Hash 模式，一种是 History 模式。无论是哪一种都是客户端路由实现的方式，也就是说当路径 阅读全文
摘要：
Vue异步更新Dom和$nextTick $nextTick 的使用场景 虽然 Vue 是数据驱动的，但是有时候我们不得不去操作 DOM 去处理一些特殊的场景，而 Vue 更新 DOM 是异步执行的，所以我们不得不去使用 $nextTick 去异步获取 DOM。 <template> <div> < 阅读全文
摘要：
vue响应式原理 前言 众所周知，Vue 是一个 MVVM 框架，它最基本的特征就是数据的双向绑定，在改变数据模型的时候更新视图，视图改变更新数据模型。Vue 上手快速、简单好用，再加上文档丰富全面，Vue 现在已经成为了市面上最流行前端框架之一。但是我们对 Vue 的了解不能仅仅只停留在应用层面上 阅读全文
摘要：
var、let、const三种声明变量方式之间的差异 var声明的变量会挂载到window上，而let和const声明的变量不会 var a = 'foo' console.log(window.a) // foo let b = 'bar' console.log(window.b) // und 阅读全文
摘要：
实现一个完整的发布订阅模式 前言 发布-订阅模式是我们经常会接触的到的设计模式，它定义一个对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在 JavaScript 开发中，我们一般用事件模型来替代传统的发布-订阅模式 现实生活中的发布订阅模式 毛小星是一个球 阅读全文