基础概念JavaScript 是单线程的，为了处理异步操作，先是使用回调函数，接着使用 Promise，然后又使用 generator/yield，最后到本文要介绍的 async/await。 引用阮一峰大大的一句话 async 函数就是 generator 函数的语法糖。 首先看一个结合 Prom ...

在某些场景下（scroll、resize 事件等），函数有可能被非常频繁地调用，这样会消耗不必要的性能。为了解决这个问题，引出了防抖（debounce）和节流（throttle）的概念。 debounce 在事件被触发时，设定 n 秒后执行对应的回调函数。如果在 n 秒之内事 ...

本文只讨论元素宽高未知的情况。元素宽高未知指的是在居中的过程中，不依赖于元素的宽高。 通过position和margin 通过margin就可以做到令元素水平居中。再通过position令元素脱离文档流（不脱离无法做到垂直居中） ...

拖放事件 拖放事件分为两类：被拖拽元素上的事件和放置目标上的事件被拖拽元素上的事件：dragstart：在被拖拽元素处按下鼠标并开始移动鼠标时触发。drag：紧随dragstart之后被触发，在元素被拖拽期间该事件会持续被触发（每 350 毫秒一次）。dragend：当拖拽停 ...

过渡过渡相关属性 transition-property：要过渡的CSS属性的名字（如background-color、text-shadow或者all，all会过渡所有可以过渡的属性）transition-duration：定义过渡效果持续的时间（用秒进行定义，例如.3s、 ...

二叉堆什么是二叉堆只要满足下面的结构性质和堆序性质的，就是二叉堆 结构性质二叉堆是一颗被完全填满的二叉树，有可能的例外是在底层，底层上的元素从左到右填入。这样的树称为完全二叉树。 容易证明，一颗高为 h 的完全二叉树有$2^h$到$2^{h+1} - 1$个节点。这意味着，完全二叉树的高是$\lf ...

格式化上下文（Formatting context）是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用 BFCBFC形成条件 块级格式化上下文（Block formatting co ...

理解盒模型 盒模型由四个部分组成：内容区、内边距、边框、外边距盒模型中有四种盒子：content-box、padding-box、border-box、margin-box 盒模型和元素的大小 盒模型的大小和元素的大小不是一回事 ...

树的基本概念一棵树是一些节点的集合，这个集合可以是空集；若不是空集，则树由称做根（root）的节点$r$及 0 或多个非空的（子）树$T_1,T_2, ···,T_k$组成，这些子树中每一颗的根都被来自根$r$的一条有向的边所连接。每一颗子树的根叫作根$r$的儿子，而$r$是每一颗子树的根的父亲 ...

自定义属性 CSS 的自定义属性（也叫做变量）是通过前缀--定义的区分大小写同一个变量可以在多个选择器内声明。读取的时候，优先级最高的声明生效，这与 CSS 的“层叠”规则是一致的var(<custom-property-name>, <declaratio ...