虽然现代化的 web 开发更多地依赖各种 MVC 框架，但开发者仍需要熟练掌握 HTML 与 DOM 方面的基础知识。不过，即使是有着多年经验的前端开发者，也会遇到一些不明所以的情况。本文首先将为初学者介绍 HTML 与 DOM 的基本常识，随后为大家介绍 15 个比较冷门的 …

不建议上传大图片。。喜欢听电脑引擎声的除外 首先，并不打算单纯的实现某一张图片（这样太没意思了），而是通过上传图片，来动态生成box-shadow的数据。 box-shadow可以让我们针对任意一个html标签生成阴影，我们可以控制阴影的偏移量、模糊半径、实际半径、颜色等一系列…

通过使用 CSS transform 属性添加进 HTML 的元素可以实现动画效果，读完这篇文章之后，你将会了解如何创建一个同时使用了扇出效果和反弹特效的动画。

大家通常都是在下意识的使用伪类选择器，但是对其本质可能都忘记了。这篇文章对 :last-child 和 :last-of-type 两个伪类选择器再一次进行区分和详解

分享一下伪共享。一共分为两篇文章。第一篇是基础篇，主要讲CPU缓存。废话不多说直接奔主题。 CPU缓存的定义是位于CPU与内存之间的临时存储器，它的容量比内存小的多但是交换速度却比内存要快得多。CPU 和主内存之间有好几层缓存，因为即使直接访问主内存也是非常慢的。 按照数据读取…

过去的一年中，短视频产品风头正劲，前有快手的流量奇迹，后有抖音的强势崛起，硬生生在流量红海的情况下，杀出了一条路。 不过，本篇不是要说快手或者抖音，不妨抛开具体的产品，来看下社区、媒体类产品中评论区的设计。 在社区类、媒体类产品中，评论区是话题/内容的延伸；在一个网络社区中，评…

使用flex只需在父元素上定义display:flex,然后子级的所有元素都具有了flex功能。 现在.box以及子元素都具备了flex特性，可以通过相应特性进行个性化布局，接下来将逐一介绍每一个特性。 一个无单位数(): 它会被当作flex-grow的值。 一个有效的宽度(w…

浮动。（注意：为了不影响其他元素，别忘了在父级上清除浮动） vw： viewport width。1vw = viewport 宽度的 1%, 100vw = viewport width, 同样的还有 vh： viewport height。1vw = viewport 高度…

css权重很多人都听过，也了解一些，但是很多人对具体的规则或者说再深如一些关于css权重的问题，可能会不那么清楚。日常开发中，或多或少都会遇到css规则不生效的问题，为了让我们能够减少调试css规则的时间，深刻理解css权重，就十分关键了。如果喜欢的话可以点波赞/关注，支持一下…