October_l

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

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

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

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

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

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

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

localStorage和sessionStorage都是html5的Web API。 sessionStorage 属性允许你访问一个 session Storage 对象。它与 localStorage 相似，不同之处在于 localStorage 里面存储的数据没有过期时…

1. 当元素是inline或者inline-*元素(例如文本元素或者a元素) 当行内元素其父元素为块级元素时,可以在父元素上使用text-align属性使得元素水平居中。 2. 当元素为块级元素时 当你想要居中的元素为块级元素时，可以在该元素上将margin-left和marg…