变量允许我们定义一系列通用的样式，在需要的时候去调用，这样在修改的时候只需要修改全局的变量就可以了，十分的方便。 规则：less 变量以@作为前缀，不能以数字开头， 不能包含特殊字符。 什么是混入，这个是在bootstrap中经常看到的一个东西。混入可以将定义好的class A…

介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现 由于无法直接CSS判断，这

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

如题，这是一篇关于浏览器的兼容问题及解决方案的文章，带你简单的了解浏览器、了解兼容问题，并提供一些关于 JS 兼容、CSS 兼容的介绍及解决方案！

CSS比较函数从2020年4月就开始支持了，我喜欢使用这些函数，但最喜欢的是 clamp()，它也是我最常用的一个。在这节课中，我们详细来看下这些比较函数。 Clamp(), Max(), 和 Min

在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用，觉得挺高效实用，所以也就有了这篇文章。 正文现在开始。 1. 建议使用 padding 代替 margin 我们在设计稿还原的时候，padding 和 margin 两个是常用的属性，但我们…

巧用伪元素:before、:after等，让你的页面按钮眼前一亮。更多内容：https://github.com/reng99/blogs

React是用于构建用户界面的库。对于React前端开发人员而言，从动画文本或图像到复杂的3D动画，在网页上实现动画是您日常工作不可或缺的一部分。动画可以在构建React应用程序时帮助改善整体用户体验。 在本文中，我们将比较排名前五的5个React动画库，并对每个库的流行度，开…

现在，用户对于前端页面的要求已经不能满足于实现功能，更要有颜值，有趣味。除了整体 UI 的美观，在合适的地方添加合适的动画效果往往比静态页面更具有表现力，达到更自然的效果。比如，一个简单的 loading 动画或者页面切换效果不仅能缓解用户的等待情绪，甚至通过使用品牌 logo…