Xinhai

全局Loading实现记录。使用 Vue 的 customRef 创建了一个自定义的响应式引用，内部维护了一个 loadingCount 计数器， get 方法返回 loadingCount > 0。

在HTML中，每一个元素都可以理解为一个盒子，在浏览器解析过程中，会涉及重排和重绘。 重排（reflow）：也叫回流，布局引擎会根据各种样式计算每个盒子在页面上的大小和位置。 重绘（repaint）：

发送AJAX请求共五步： 1、创建XMLHttpRequest独享。 2、使用open 方法设置请求的参数。 3、发送请求。 4、注册事件， 5、获取返回的数据，更新UI。

防抖：限制执行次数，多次密集的触发只执行一次； 节流： 限制执行的频率，按照一个的时间间隔有节奏的执行。 **防抖是将多次执行变为`最后一次执行`，节流是将多次执行变成`每隔一段时间执行`**。

使用 new调用构造函数时。创建新对象->绑定原型-> 指定this=新对象 -> 执行构造函数 -> 返回新对象

CSS选择器优先级其实文档中早有规定，请查看W3C文档。 原则如下： !important > 内联样式 = 外联样式 > ID选择器 > 类选择器 = 伪类选择器 = 属性选择器 > 元素选择器

本文主要介绍两种清除浮动的方法，方法一、父元素加 .clearfix 方法二、给父元素加上 overflow:hidden。

本文介绍一些垂直居中的方案。 一、利用绝对定位和 transform，二、利用 flex 实现，三、利用 grid 实现，四、利用绝对定位和 margin 负值，

1、Canvas是一个可以使用 JS 等脚本语言向其中绘制图像的 HTML 标签，为解决只能在 Web 页面中显示静态图片的问题，出现了 Canvas 标签。SVG 可缩放矢量图形