视野修炼-技术周刊第76期 | Rolldown 开源
内容提要
本期的【视界修炼 - 技能周刊】推荐了几个开源项目和技能资讯,包括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目前正在积极开发中,尚未用于生产环境。