lihaozecq

注：版本号不存在十进制说法，当代码一直处于同一阶段更新时，版本号可以一直增加、1.0.35、1.12.5都是可以的。 当像上面这样指定时，下载npm包，会自动链接cli.js到use/local/bin/oui，可以直接在命令行执行oui实质上执行的是npm包的cli,js文件…

Object.defineProperty()，它的作用是可以通过该API直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。Vue框架内部大量使用了此API为对象定义属性，其响应式原理也是通过此API自定义setter与getter而完成的。 在平时…

上篇文章分析了mergeOptions函数的主要逻辑，最后知道是分别遍历俩个选项对象都去执行mergeField函数，其中mergeField函数其实是根据不同的key值来获取到相应的合并策略，从而执行真正的合并。接下来我们主要分析下Vue针对不同的内部选项实施的合并策略 我们…

Vue的mergeOptions函数的主要作用是用于合并选项(将俩个选项对象合并成一个)，它是用于实例化和继承的核心函数。这也是为什么我们要去分析它。并且与函数相关的选项合并策略也都在一个文件里，定义在/src/core/util/options.js文件中。 因为Vue的核心…

注：文中出现的图都是通过此网站操作的截图，读者可以通过该网站上可视化的demo边阅读边尝试，加深印象。 为什么会出现这俩个技巧呢？换句话说，为什么要控制函数执行的频次？我们看下面的动图，当我们在区域内鼠标移动时，如果监听移动直接执行函数的时候，函数在1s内被执行过很多次。 如果…

我们都知道JavaScript是单线程的语言，它不像大多数语言可以开启多线程，当处理一些阻塞并且很慢的操作时，它可以通过多线程使操作变成异步(例如读取文件等IO操作)。其实JavaScript也有同步异步的区分。首先来看一下同步与异步的区别 从上面俩张图可以看到区别，alert…

从这段代码我们应该可以明白vue-server-renderer的作用是拿到vue实例并渲染成html结构，但它不仅仅只做着一件事，后面会介绍其他配置参数和配合webpack进行构建。 拿到html结构渲染到页面上是我们接下来要做的事情，这里官方事例用的是express搭建服务…