做前端的你是不是经常遇到这样的需求： 要把一行内容平均分成 3、4、5 份； 每一份之间要有间隔； 并且要在各种屏幕下都能自适应； 很多人第一反应是： 没错，Flex 可以做到，但代码会越来越多：要算

前端布局不管是在面试过程中还是在工作中都是非常重要的一部分，一个优秀的前端工程师可以在很快的时间内写出同一种布局的多种实现方案，练习并掌握CSS布局方案可以提高我们的页面开发速度。

本文主要讲css各种解决方案，包括，BEM、css modules、Css in Js、预处理器、Shadow DOM，Vue Scoped，分析优缺点

Scss通过$关键字声明和使用一个变量,频繁使用的color、radius、长度等数据可以声明为变量放在头部。 SASS提供了标准的算术运算符，例如+、-、*、/、%，可以采用运算符直接对数据进行处理。 & =嵌套规则外层的父选择器，有多层嵌套时 ，最外层的父选择器会…

介绍两个和滚动定位相关的 CSS 属性：scroll-padding和 scroll-margin 在平时开发中，经常会碰到需要快速定位的问题，比如常见的锚点定位 这样，在点击a标签时会自动定位到与之

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

在上次写完这篇文章 -- 巧用渐变实现高级感拉满的背景光动画 之后，文章下面的评论有同学留言，使用 CSS 可以实现极光吗？ 像是这样： emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不

本文讲了什么是BFC，BFC的概念是什么；咋样才能生成新的BFC; BFC的约束规则；BFC在布局中的应用：防止margin重叠； 清除内部浮动；自适应两（多）栏布局的

写是一种效果非常好的学习方式，所以学习flex布局我给自己写个flex布局教程，顺便还可以帮助需要的小伙伴，可谓一举两得。教程最大特点是所有属性效果都有实时可交互的demo，相比静态示意图片更直观，同时很多flex相关属性的解释比现有教程要详细很多。希望分享的这个链接有所价值。