本文章内容为平时开发自己常用常看的一些工具、库、框架、优秀的博客技术网站。都是自己使用过的，大部分都还在维护，不常维护的在这里就不搬上来的。内容多，慢慢细品。 sass 专业级 CSS扩展语言。 lesscss - 动态样式表语言。 tailwindcss 实用程序优先的CSS…

先抛两个小问题： 绝对定位相对于谁来定位？大多数人都知道是相对于最近的position设置为relative/absolute/fixed的父元素来定位。那如果所有父元素的position都没有设置上面三个值，那又是相对谁来定位呢？ 包含块是什么？初始包含块又是什么？元素A包含…

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

如果你在设置了 hidden 属性或者 display: none 声明的元素上使用 CSS 过渡（transition），这是个不好实现的效果。我遇到这个问题很多次了，最后决定编写一个 npm 软件包 提供一个可重用的解决方案。 有很多种隐藏元素的方法。比如使用 visibi…

如果阅读过一些 Flex 入门的文章，会发现 Flex 的 Container 和 Item 的属性加起来大概十几个，虽然有些多，但是只要花点时间，其实掌握起来还是轻松加愉快的。不过当你高兴地想用 Flex 大显身手，处理复杂多变的布局时，就可能会遇到像：最大/最小尺寸限制等边…

琢磨了一下，当时我还真按照产品经理的逻辑，通过js判断一下文字的高度，如果超过一行，就添加一个类名，而且这样的文字很多地方都有，所以还做了遍历，还有最重要的一点是关于方法执行的时机，有可能刚加载的时候高度还获取不到（当时好像还用了定时器，还造成了先居中随后居左跳动的现象）...…

数字翻牌的典范教学，从原理学起，涵盖多个关键知识点。Javascript、React、Vue版本任你挑选！

很多人聊起移动端适配都是懵逼状态，都想口吐芬芳。难道移动端还要适配，直接px写死，其他自适应不就完了吗？其实不然，要求严格的公司会要求缩放比例完全相同，简单说就是，在每个手机上的每一行的字数都要一样。接下来，我们就要细说移动端适配的前世今生 相信我们所有前端开发者，都是见证了手…