基本使用 取值：normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 规范解读

提到 font-icon 大家应该都不陌生。因为其具有矢量图形，提交小，可以用css样式等优点，我们经常会将小图标制作成 font-icon 来使用。TTF(TrueTypeFont)是Apple公司和Microsoft公司共同推出的字体文件格式。往上有很多的现成的帮助我们制作…

TTF字体你可能耳熟能详，但是它的底层数据是怎么存储的，相关的工具又有哪些，希望本篇文章能帮助大家增加一些奇怪的前端知识～

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

作为前端学习者的我们 或多或少都要学些 CSS ，它作为前端开发的三大基石之一，时刻引领着 Web 的发展潮向。 而 CSS 作为一门标记性语言，可能 给初学者第一印象 就是简单易懂，毫无逻辑，不像编程该有的样子。在语法更新时，每当新属性提出，浏览器的兼容又会马上变成绊脚石，可…

本期我们通过vite+scss去完成一个橘猫心情变化的创意动画，这里我们将不使用任何js代码，仅依靠css来完成~

一般的 CSS 代码只会出现 UI 版式或者兼容性方面的小问题。但这里我们要分享一行有趣的 CSS，它可以直接让你的 Chrome 页面挂掉 :) 其实这台机器只有 8GB 内存，不过这不重要了。和让 JS 崩溃的红线容量 4GB 比起来，果然还是 CSS 更强大呢 :) 这行…

在大多数需求中，css3 的 transition / animation 都能满足我们的需求，并且相对于 js 实现，可以大大提升我们的开发效率，降低开发成本。 它的值是一个数列，数与数之间用逗号或者空白隔开，指定短划线(50px)和缺口(50px)的长度。 设置 strok…