VamWong

表单可以说是前端开发中最经常遇到的元素之一。在日常表单的开发中，存在着 v-if 条件渲染、满屏 magic number 枚举值，再加上表单之间的复杂的联动交互的情况，往往使得一个看似简单的表单变得愈加臃肿不堪。 表单的联动关系与状态重置往往散落在各个函数方法中，随着需求的不…

在上一篇文章Vue源码浅析之响应式系统（一）中分析了Vue2.X版本中响应式系统的依赖收集与派发更新，这篇文章主要围绕响应式系统中的更新机制与侦听/计算属性的实现。 在mounted阶段中，number的值被重复多次累加。那么在拦截器函数setter被触发了100次后，DOM的…

Vue.js 2.X版本中响应式的核心在于，使用了Object.defineProperty来进行依赖的收集与触发。 Object.defineProperty 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。其语法是： obj是要在其上定义…

当我们在理解闭包的时候，首先要明确的是JavaScript中作用域及作用域链的概念。 当代码在一个环境中执行时，会创建变量对象的一个作用域链。作用域链的前端是当前环境的变量对象，下一个变量对象来自于包含的外部环境，逐级往上到全局执行环境。在读取或者写入一个变量标识的时候，会从作…

跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。 保证用户信息安全，防止被恶意窃取数据。例如浏览危险网站时，网站可以去读取别的网站的cookie，由于提交表单不受同源策略显示，则可以拿到相应鉴权信息进行操作。 …

我们经常说 JavaScript 是单线程执行的，这里指的是一个进程内只有一个主线程。 多进程，指的是在同一时间里，同一个计算机系统中允许两个及以上的进程处于运行状态。例如我们可以在编写代码的同时使用软件听音乐。 以浏览器为例，我们在打开一个 Tab 页面时，已经创建了一个进程…

JavaScript中通过内置对象RegExp支持正则表达式，一般地，我们有两种方法来实例化RegExp对象。 其中，pattern为正则表达式。flags为修饰符，可以支持一个或多个。 在ES5中，RegExp构造函数的参数有两种情况。 其中的g是一个修饰符，表示全局匹配，找…

继承的本质在于更好地实现代码的复用，这里的代码指的是数据与行为的复用。数据层面我们可以通过对象的赋值来实现，而行为层面，我们可以直接使用函数。当两者都需要被“组合”复用的时候，我们需要通过继承满足需求。 每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例…

在我们学习认识原型（链）之前，有一个重要的前提是，一切引用类型都是对象，而对象时属性的集合。 当我们通过typeof来对于类型判断时我们会发现，引用类型的判断结果是function和object。其中，函数也是对象的一种。 通常，我们都是通过函数来创建对象的。 而同时函数又是对…