对于 ref 的理解，我们一部人还停留在用 ref 获取真实 dom 元素和获取组件层面上，但实际 ref 除了这两项功能之外，在使用上还有很多小技巧。本章我们就一起深入探讨研究一下

看到这个标题，你的脑海第一时间浮现的下面场景吗😂 好了，不给你看饿了😂 回到正文，想到kfc也要回想起BFC这个字节考点 01| 引入：“核”模型 1. 盒子模型（Box Model）

最近学习 CSS 过程中，发现了一个 CSS网站。 网址：https://css-loaders.com/classic/ Loading 加载 旋转 进度条 文字Loading 脉冲

CSS布局是网页开发的核心，理解盒模型、display属性和现代布局（如Flexbox、Grid）至关重要。通过掌握这些知识，你可以轻松实现复杂的页面设计，提高开发效率，打造更美观、实用的用户界面。

作为前端工作人员， 滚动动画大家再也熟悉不过。不过很多前端工程师对于这块的实现是头疼的。 这里我准备了iphone16官网来作为例子，https://www.apple.com/iphone-16-p

事情起因是这样的，大家在刷抖音，小红书等短视频平台、发现他们的布局是这样的瀑布流布局。 反应是瀑布流，怎么做呢？我们第一反应是flex，grid？是的这是大部分人的固态思维 我认为这极为麻烦，因为你甚

这其实是老生常谈的问题了，但是因为最近有小伙伴面试被问到了，找到我想让我讲解下，所以我还是打算写一篇文章介绍下。 如果对您有用的话话，不妨评论，点赞关注➕收藏。如果可以的话，给我投上宝贵的一票。 ba

引言 本次讨论将深入探讨BFC（Block Formatting Context，块级格式化上下文）的几条核心规则，根据具体例子解释它们的用法。 盒模型 在了解BFC之前，我们先来理解一下盒模型。 一

这段代码创建了一个卡片，卡片上有三个波动效果，这些波动效果通过 CSS 的@keyframes 动画实现，创建了一个旋转的动画效果。这种效果适用于创建动态的视觉效果，例如音乐播放器的封面、动态背景或其

这个男人叫小帅，哦不，这个玩意叫BFC，虽然你可能不认识它，但是在你写HTML时，已经其实已经遵循它的“规则”办事了，当然除了BFC,我们还需要知道其他的“规则”.

我们来探讨一个前端开发中非常重要的概念——BFC（Block Formatting Context，块级格式化上下文）。让我们一起揭开BFC的神秘面纱吧！

前言 现代 UI 设计中，会使用各式各样的加载样式来减少用户的 loading 状态焦虑，最常见的如 转圈的小菊花、虚假的进度条以及 炫酷的小动画。除了这三种最常见的 web 端加载，还有一种加载动画

我在看有些工作几年前端程序员写这种效果，如果不借助库的话甚至需要写`JavaScript`😧！！！😱哦,天呐！简直糟糕透顶😵‍💫，这是要干嘛！！！🔥

事情起因是这样的，大二的苦逼学生在给老外做页面的时候，做着做着无意间瞥见了css的图标。 wait！你不是我认识的css！你是谁？ 我的天呐，它怎么成了这种紫色方块？（如果只关心为什么图标换了，可以直

前言 我敢说，这是掘金前无仅有的讲解。关注我，我会颠覆你的认知。 对您有帮助的话，不妨帮忙投两票呗 正式讲解 相信90%的前端工作者都写过网页轮播图效果，这在我们网页中是必不可少的。但是我看遍过许多工

文字超出换行应该是大家项目中高频的css样式了，它也是非常容易出现样式bug的一个地方。 分享一下我工作中遇到的问题。前几天开发代码的时候，突然收到两个测试提的bug：

=-=在课堂上，老师提到了关于父元素高度塌陷的问题。现在我们来复习总结一下。我们来看父元素高度为0时是如何产生的？

css 工程化作为前端工程化重要的一个方面，社区方案繁多。如何对比各类方案优劣，如何根据各类情况进行技术选型，非常值得总结。

回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效，展现出前所未有的网页魔法。这是那些专注于服务端开发的工程师所难以企及的领域。