指的是粘性定位元素最近的可滚动元素（overflow属性值不是visible的元素）的尺寸盒子，如果没有可滚动元素，则表示浏览器视窗盒子。 它的定位效果完全受限于父级元素们。如果父元素的overflow属性设置了scroll，auto,overlay值，那么，粘性定位将会失效 …

粘性定位可以很方便的实现元素的贴边效果，但是如果想要在元素到达固定位置后改变其样式该怎么做？使用IntersctionObserver API。

View Transition API产生过渡时，会生成一组伪元素，分别代表着状态变换前的图像和状态变换后的图像。

大家在查阅Element UI文档的时候，是否发现下面这个效果👇 好家伙，这个效果该怎么实现呢？我的思路是设置背景图为白色和透明相间，这样底下的图片就能穿透部分上来，形成一个类似毛玻璃的效果

适配的含义 可视、可操作区域是在安全区域内。 没有做适配的情况： 安全区的含义 不被圆角、齐刘海、底部小黑条（Home Indicator）遮挡的长方形。 H5页面适配安全区 运用：安全区要根据具体场

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

马上就要过春节了，大城市里依然是不准燃放烟花这种空气污染的东西的，想念小时候在自家院子里放花的快乐时光，大城市里的小朋友们是体会不到这种快乐了。但作为前端工程师，这难不倒我们，下面就教大家如何用JS在网页里放烟花。 在 codepen 里搜索 “fireworks” 可以搜到各…

在上一篇当中《从输入URL到⻚面展示，这中间发生了什么?》最重要的过程是在页面的渲染。这一篇我们来梳理一下渲染流程。 首先我们先熟悉页面“三剑客”——HTML、CSS、JavaScript。HTML全称是超文本标记语言，俗称标签；CSS全称是层叠样式表，俗称样式；JavaScr…

在前端布局过程中，我们实现水平居中比较简单，一般通过margin:0 auto;和父元素 text-align: center;就能实现。但要实现垂直居中就没有那么容易，下面向大家分享下我工作中实现垂直居中的几种方法。 这种方法比较适合文字的居中，其核心是设置行高（line-h…