LazyBone

响应式化。 每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接触”过的数据属性记录为依赖。之后当依赖项的 setter 触发时，会通知 watcher，从而使它关联的组件重新渲染。 首先定义一个 defineReactive 函数，这个方法通过 Obje…

重用已获取的资源能够有效的提升网站与应用的性能。Web缓存能够减少延迟与网络阻塞，进而减少显示某个资源所用的时间。借助 HTTP 缓存，Web 站点变得更具有响应性。 缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。当web缓存发现请求的资源已经被存储，它会拦截请求，…

指某些网站为了辨别用户身份而存储在用户客户端上的数据。 Cookie总是保存在客户端中，按在客户端中的存储位置，可分为内存Cookie和硬盘Cookie。内存Cookie由浏览器维护，保存在内存中，浏览器关闭后就消失了，其存在时间是短暂的。硬盘Cookie保存在硬盘里，有一个过…

A 和 B是父子关系，B、C、D 是兄弟关系，A 和 E是隔代关系(有可能隔好多代)。 Vue.js 可以使用内置的方法来访问组件。 ref: 用于引用元素或组件。 $parent/$children: 访问父组件或子组件。 使用以上方法访问都可以获取组件实例，可以直接调用组件…

当移动页面的元素时，会经常使用到坐标。 一般来说，有两种坐标系。 Element.getBoundingClientRect()方法返回一个对象包含元素的大小及其相对于视口的位置。 该对象包含了一组用于描述边框的只读属性——left、top、right和bottom。除了 wi…

当浏览器拿到 HTML 文档后，会逐行进行解析，遇到link标签时,会先加载 CSS，等到 CSS 加载完毕后，才会将 DOM 渲染到页面上，但是此时浏览器会继续解析文档，构建 DOM 树，也即 CSS 加载不会阻塞 DOM 树的解析，但是会阻塞 DOM 的渲染。可以做一个实验…

函数节流和防抖都是用于限制执行频率的。

将一个嵌套多层的数组 array （数组）（嵌套可以是任何层数）转换为只有一层的数组。 很显然，只要循环数组元素，再依次判断数组的每一个元素是否是数组，若是数组的话，则递归调用该方法即可。 我们可以将数组最外层的循环使用数组的 reduce 方法来简化。 reduce() 方法…

1. 什么是虚拟DOM? 虚拟DOM实际上是对真实DOM的一层抽象，可以使用JS对象来模拟真实的DOM。 我们知道渲染真实DOM和操作DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排。有没有可能我们只更新我们修改的那一…