视野修炼-技术周刊第76期 | Rolldown 开源

💡 原文中文,约1100字,阅读约需3分钟。
📝

内容提要

本期的【视界修炼 - 技能周刊】推荐了几个开源项目和技能资讯,包括Rust编写的JavaScript bundler Rolldown,Live2D Web看板组件OhMyLive2D,网站信息剖析工具Web-Check,以及SVG图标库Simple Icons。还分享了一个有趣的CSS技巧,通过z-index属性实现元素不被其他元素覆盖。

🔎

延伸解读

Rolldown 的定位与现状

Rolldown 是用 Rust 编写的 JavaScript bundler,旨在成为 Vite 未来使用的 bundler,并提供与 Rollup 兼容的 API。目前项目处于积极开发阶段,尚未用于生产环境。对于前端开发者而言,这意味着可以提前关注其进展,但暂时不宜在正式项目中采用。

OhMyLive2D 的集成与覆盖

OhMyLive2D 是一个 Live2D Web 看板组件,已集成 Cubism 2.1 与 Cubism 5.0.0,完整覆盖从 model2 到 model4 的所有版本。接入非常简单,适合为网站添加看板娘。但需注意,作者提到其网页播放器优化脚本一年仅收到 330 元打赏,并劝诫不要依赖打赏维持开发热情。

Web-Check 的分析能力

Web-Check 是一个开源的网站剖析工具,可以分析网站的 IP 信息、SSL 链、DNS 记录、Cookie、域名信息、服务器位置、网站功能等。对于需要快速了解网站基础架构和安全状况的开发者来说,这是一个实用的工具。

CSS 技巧:z-index 与 Infinity

文章分享了一个有趣的 CSS 技巧:通过 z-index: calc(infinity); 可以让元素不被其他元素覆盖。这利用了 CSS 中 infinity 关键字表示无穷大的特性,适用于需要确保元素始终位于顶层的场景。

❓

Q&A

Rolldown是什么?

Rolldown是用Rust编写的JavaScript bundler,兼容Rollup API,正在积极开发中。

OhMyLive2D的主要功能是什么?

OhMyLive2D是一个Live2D Web看板组件,集成了Cubism 2.1与Cubism 5.0.0,接入简单。

Web-Check可以做什么?

Web-Check是一个开源的网站剖析工具,可以分析网站的IP信息、SSL链、DNS记录等。

Simple Icons是什么?

Simple Icons是一个流行的SVG图标库。

这期周刊分享了什么CSS技巧?

分享了一个CSS技巧,通过z-index属性实现元素不被其他元素覆盖。

Rolldown的开发状态如何?

Rolldown目前正在积极开发中,尚未用于生产环境。

🏷️

标签

➡️

继续阅读