在浏览网站时，通常会看到HTML元素（如横幅和导航）滚动到一定位置时就固定在浏览器的顶部。之前我们一直采用JavaScript滚动事件来监听滚动到一定位置时给此元素添加position: fixed固定定位。你是知道的固定定位是脱离文档流的哟，因此事先在HTML结构上，不要忘了给这个元素添加一个父元素写上高度占位，不然滚动到一定位置时就会出现页面抖动。如果不写高度占位，你可以尝试CSS Scroll Snap实现滚动捕捉及填充滚动容器空白区域文案。
CSS Scroll Snap是一个引入滚动捕捉位置的CSS模块，用于强制滚动容器的滚动端口在滚动操作完成后可能结束的滚动位置。利用CSS Scroll Snap可以实现滚动捕捉及填充滚动容器空白区域
事件发射器是一种模式，用于侦听命名事件，触发回调，然后使用值发出该事件。有时这被称为“发布/订阅”模型或监听器。它指的是同样的事情。
有人把观察者（Observer）模式等同于发布（Publish）/订阅（Subscribe）模式，也有人认为这两种模式还是存在差异，本质上的区别是调度的地方不同。
先了解一下选择器为CSS3结构类的有哪些：:first-child、:last-child、:nth-child()、:nth-last-child()、:nth-of-type()、:nth-last-of-type()、:first-of-type、:last-of-type、:only-child、:only-of-type、:empty。
尽管大多数 PHP 开发人员都知道如何使用 Composer，但并不是所有的人都在有效的或以最好的方式来使用它。 所以我决定总结一些在我日常工作流程很重要的东西。
animate.css一个跨浏览器的CSS动画库。简单易用。虽然已Star，但每次使用使用时都要在stars里查找。。。
经历了gulp运行报错：Task function must be specified必须指定任务函数、gulp4.0报错The following tasks did not complete: default Did you forget to signal async completion?终于折腾出一个能用的gulp4.0构建任务实例，仅供参考：
Array.prototype.flat()方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。
不为人知的window.defaultstatus实现用户代理嗅探
