可乐和他自己

beforeCreate：在实例初始化之后，数据观测之前，data 和 $el 不可用。 created：在实例创建完成后被立即调用，data可用，$el不可用。 beforeMount：在挂载DOM开始之前被调用，data可用，$el不可用。 mounted：组件被调用并被挂…

用最短的篇幅说明白vue中key在渲染时起到了什么作用，以及v-for到底为什么不要用index作为key。 现象是只有当span标签绑定key值的时候才会正常渲染动画，我们得到一个初步结论，当key发生变化的时候视图会重新渲染。如果没有绑定key或者key没有变化，那么vno…

HTTP 是一种超文本传输协议(Hypertext Transfer Protocol)，超文本传输协议该怎么理解是本文要讲的第一个问题，下面对 超文本、传输、协议 这三个名词做一下解释。 文本比较好理解就是字符串嘛，在计算机刚刚发明的时代网络通信传输的就只是字符串，后面随着技…

我们把一张图片无限放大会看到很多小格子，通常把他们叫做像素格，如果有一张图片分辨率是500*500那说明这张图片横向和纵向都是500个像素格。对应到设备屏幕上，屏幕上的格子我们叫它像素点，比如iPhone6的分辨率是1334*750，说明iPhone6的屏幕上有1334*750…

近几年大部分开发者都在 Vue React 生态里做上层开发，底层的知识点很容易遗忘，所以打算从DOM规范开始梳理一下事件相关的知识点。onclick是DOM0级事件，addEventListener是DOM2级事件，区别在于是否支持事件函数的重复绑定，大部分人对DOM规范也就…

浏览器在渲染页面时，渲染引擎会把DOM看做一个个的盒子，这些盒子的宽高以及边框由css决定，一个盒模型包括 内容区(content)、内边距(padding)、边框(border)、外边距(margin)。 盒模型又分为 标准盒模型 和 怪异盒模型，在标准盒模型中通过css设置…

对象是一种数据类型，js中的数据类型分为 原始类型 和 引用类型，原始类型也叫基本类型或值类型。 上面提到了 Undefined、Null 这两种数据类型，他俩是比较奇葩的只有一个唯一值的数据类型值分别是 undefined、null，从逻辑角度来看 null 值表示一个空对象…

我们常说js中作用域（大部分情况）在定义的时候就确定了，而this指向在运行的时候才能确定，理解这句话需要搞清楚编译阶段和运行阶段到底在干啥。 通过上面三个阶段，浏览器已经可以运行我们得到的可执行代码了，这整个过程就是编译阶段，后面对可执行代码的运行就是运行阶段。 在编程语言中…

理解this的指向首先要记住一句话 在es5（不包括箭头函数）中 this 指向和定义无关，this 永远指向他的直接调用者。 下面通过几个例子来理解这句话。 定义在全局的fun1，直接调用等同于调用window.fun1()，this 自然指向window。这里不包括严格模式…