「这是我参与11月更文挑战的第7天，活动详情查看：2021最后一次更文挑战」。 在我看来，最好的网站和Web应用程序对它们具有切实的"真实"质量。实现这种质量涉及很多因素，但阴影是一个关键因素。 然而

Opera 将repaint 和 reflow 列为导致 JavaScript 缓慢的三个主要因素之一，因此它绝对值得一看，值得一学。

点赞 o(￣▽￣)ｄ 不迷路 收藏 ✋🏻 + 关注 谢谢老铁 ♪(･ω･)ﾉ 思维导图链接（高清无码） 图中1, 2, 3, 4 表示优先级 1. CSS 选择器及其优先级 选择器 格式 优先级权重

今年做了很多可视化的项目，在css上的学习与使用也是加深了许多。这样的项目中有很多小部件背景复杂度不高，但是在项目中以不同的颜色出现复用，为了减少图片的加载，尝试使用css来实现一些效果

本文将介绍 CSS 中一个非常有意思的属性 mask 。 顾名思义，mask 译为遮罩。在 CSS 中，mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 其实 mask 的出现已经有一段时间了，只是没有特别多实用的场景，在实战中…

移动互联网发展至今，各种移动设备应运而生，但它们的物理分辨率可以说是五花八门，还不了解H5移动端适配的看这篇文章就够了

1.背景 在做移动端各种尺寸屏幕的适配时，用的最多的就是rem方案。我们都写过这样的代码,来设置根字体大小。这个计算公式中设备宽度，UI设计稿尺寸这两个参数比较好理解，可是为什么要除以100呢，为什么

transform 属性的介绍以及常见用法，如实现居中、平行四边形、菱形、梯形以及折角等效果

手撕轮播图可能是很多前端初学者的噩梦，很多公司为了考察考生的基础知识掌握情况，通常会出一道手撕轮播图的题。虽然很多人看不起这道面试题，但是却很多人都无法写出正确的代码，甚至是已经工作一段时间的开