Tailwind CSS 4.0 正式发布：性能飞跃，现代 Web 开发的终极利器！
千呼万唤始出来！Tailwind CSS 4.0 终于正式发布了！这个版本经过彻底重写，在性能、灵活性和自定义体验方面都得到了显著提升，充分利用了Web平台的最新特性。让我带你快速了解 4.0 版本的亮点：
🚀 性能怪兽：构建速度提升高达 5 倍！
4.0 版本采用了全新的高性能引擎，完整构建速度提升高达 5 倍，增量构建速度更是超过 100 倍！以下是与 Catalyst 项目的基准测试对比：
| v3.4 | v4.0 | 提升倍数 | |
|---|---|---|---|
| 完整构建 | 378ms | 100ms | 3.78x |
| 新增 CSS 的增量构建 | 44ms | 5ms | 8.8x |
| 无新增 CSS 的增量构建 | 35ms | 192µs | 182x |
尤其是在无需编译新 CSS 的增量构建场景下，速度提升超过 100 倍，达到微秒级！这对于日常开发中频繁使用已有类的场景至关重要。
🌐 拥抱现代 Web：CSS 新特性加持！
4.0 版本充分利用了现代 CSS 特性，例如：
- 原生级联层： 更精细地控制不同样式规则之间的交互。
- 注册自定义属性（
@property）： 实现渐变动画等效果，并显著提升大型页面性能。 color-mix()函数： 调整任意颜色值（包括 CSS 变量和currentColor）的不透明度。- 逻辑属性： 简化 RTL 支持，并减小生成的 CSS 文件大小。
📥 简化安装：轻量级体验！
安装过程更加简洁：
- 安装：
npm i tailwindcss @tailwindcss/postcss
- 添加 PostCSS 插件：
export default {
plugins: ["@tailwindcss/postcss"],
};
- 在 CSS 中导入：
@import "tailwindcss";
无需额外的 @tailwind 指令，零配置即可上手，并且内置了 @import 支持，无需其他工具即可打包多个 CSS 文件。
⚙️ Vite 用户的福音：官方 Vite 插件！
现在可以通过 @tailwindcss/vite 插件集成 Tailwind CSS，进一步提升性能并简化配置。
🆕 其他重要更新：
- 自动内容检测： 无需配置
content数组，自动发现模板文件。 - CSS 优先配置： 直接在 CSS 文件中自定义和扩展框架，无需 JavaScript 配置文件。
- CSS 主题变量： 所有设计标记都作为原生 CSS 变量公开，方便在任何地方访问。
- 动态实用程序值和变体： 无需配置即可使用任意值，例如
grid-cols-15或data-current:opacity-100。 - 现代化的 P3 色彩： 更鲜艳的色彩，充分利用现代显示技术。
- 容器查询： 原生支持容器查询，无需插件。
- 新增 3D 变换实用程序： 直接在 HTML 中进行 3D 变换。
- 扩展的渐变 API： 支持径向和圆锥渐变、插值模式等。
@starting-style支持： 创建进入和退出过渡，无需 JavaScript。not-*变体： 对元素应用样式，除非它匹配另一个变体、自定义选择器或媒体/功能查询。- 更多新的实用程序和变体： 包括对
color-scheme、field-sizing、复杂阴影、inert等的支持。
来源：
tailwindcss.com/blog/tailwi…
Wine 10.0 正式发布
Wine团队荣幸地宣布，稳定版 Wine 10.0 现已正式发布！
此版本历经一年的开发，包含超过 6,000 项改进。它带来了大量的改进，主要亮点是新增的 ARM64EC 架构和高 DPI 缩放支持。详细改进列表请参考官方发布说明。
🌟主要亮点：
- ARM64EC 架构支持: Wine 10.0 现在支持 ARM64EC 架构，这意味着开发者可以更轻松地将 Windows 应用程序移植到 ARM 设备上。
- 高 DPI 缩放支持: 此版本显著提升了高 DPI 屏幕下的显示效果，解决了之前版本中可能出现的模糊或缩放比例不正确的问题。
要了解 Wine 10.0 的新特性，请查阅其发布说明：
gitlab.winehq.org/wine/wine/-…
更多内容请查阅 : blog-250126
关注微信官方公众号 : oh my x
获取开源软件和 x-cmd 最新用法
