步入 2022，CSS 的新特性层出不穷，而最近在 CSS 圈最受瞩目的新特性，非 CSS @layer 莫属。 本文，将用最简洁的语言，快速让读者们搞懂，到底什么是 CSS @layer 新规范。

问题起因 在使用calc时发现无法生效，写法是： 页面无效果，加空格后就发现有效果了： 这是为什么？ calc是什么？ css3 的计算属性，用于动态计算长度值。calc语法： 用法&定义 运算符前后

我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！ 前因 有一天，产品经理跟我说，咱们这个网站的效果太单调了，我想要一个看起来炫酷一些的加载效果。我听后哐哧哐哧就写了一个加载效果，效果如下图所

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一个保存按钮，为了避免重复提交

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

qiankun 是主流的微前端方案，其他的还有京东的 micro-app、腾讯的 wujie 等。 微前端就是可以一个页面跑多个 vue、react 甚至 jquery 等不同项目，它之间的 JS、C

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第5天，点击查看活动详情 近期的生活是在是有点太美好了的，让我都觉得像是在做梦，哈哈哈哈哈，幸福的生活，莫过于此，你说是吧，莎老板

那天在B站看视频的时候偶然发现当字幕遇到人物的时候就被裁切了，不会挡住人物，觉得很神奇，于是决定一探究竟。

Flex 的基本概念有： flex container （容器）、 flex item（项目）、main axis（主轴）和 cross axis（交叉轴）。