2024-04-12 20:04:01
30
873
unocss是一个即时的原子CSS引擎，它可以让你用简短的类名来控制元素的样式，而不需要写复杂的CSS代码。当然，原子样式也有很多选择，最著名的就是Tailwind。但由于Tailwind 会生成大量样式定义，会导致全量的 CSS 文件往往体积会多至数 MB，从而有性能上有一些不足。扩展：什么是原子化原子化CSS是一种CSS架构方式，其支持小型、单一用途的类，其名称基于视觉功能。_unocss
2024-03-29 15:03:10
454
563
Unocss 是一个基于的工具 ，它通过静态分析 HTML 和 CSS 代码，自动消除未使用的样式，以减小生成的 CSS 文件大小。这个工具可以帮助开发者在使用 Tailwind CSS 进行开发时，避免将整个框架的样式都打包到最终的 CSS 文件中，而只保留实际使用到的样式，从而减少文件大小和加载时间。使用 Unocss 可以让开发者更加高效地使用 Tailwind CSS，避免因为使用了大量未使用的样式而导致 CSS 文件过大的问题。_vscode unocss
2024-03-24 23:03:53
1000
309
最近在使用unocss时，我感觉原子化CSS把这些类名堆在一个标签里，实在谈不上精致美观，那我们有没有办法将这些样式类名搬到style里呢？有的，unocss、tailwindCSS都给出了一种语法#apply。_unocss @apply
2024-02-17 09:02:16
211
712
UnoCSS 是一个即时、按需的原子级 CSS 引擎。它提供了一系列易于使用和高度可定制的组件和布局，可以帮助开发者快速创建现代化的用户界面。UnoCSS具有轻量级和高性能的特点，同时支持模块化和按需加载，使得代码更加易于管理和优化。通过整合UnoCSS，开发者可以在前端开发中节省大量时间和精力，从而更专注于业务逻辑和核心功能的实现。_unocss