在前端开发的日常中，我们常常围绕着常见的 CSS 属性打转，却忽略了那些藏在规范角落里的小众特性。它们看似不起眼，却能在关键时刻简化代码、提升交互质感，成为提升开发效率的秘密武器。今天，就为大家盘点

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

🛒 前端开发，商品呼啦啦抛物线飞向购物车，小二惊呼：飞入啦！顾客瞬间泪奔，网站火爆，程序员暗自得意，一切尽在掌握中！🚀🎉......

最近在做项目中，使用flex布局遇到了个老问题：当flex子元素里的子元素的宽度过大，超出flex父元素时，设置flex:1并不能限制flex子元素的尺寸

在开发中难免会出现一些我们并不想要的间距，比如img标签产生的间距，那这些间距是什么原因造成的呢？应该使用什么去解决呢？

使用 transform: translate(-50%, -50%) 元素居中的时候，你是否遇到过文字模糊的情况？别担心，本文将为你详细讲解这个问题，并提供两种可行的解决方案。让你的页面不仅水平垂直

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

众所周知，在从css3中，vh和wh 指的是浏览器可见区域。 1vh 等于视窗总高度的1% ，移动端使用vh 遇到的问题 由于，各种浏览器的计算高度不一样，譬如 Safari 浏览器会计算地址栏。

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情 项目出处：https://github.com/bradtraversy/50projects50days