想象一下，在浏览器中运行一个完整的Rails博客，包括前端和后端，无需服务器或云！WebAssembly让服务器端框架在本地运行成为可能，模糊了传统Web开发的界限。本文介绍了如何将Rails应用程序打包成WebAssembly模块并在浏览器中运行，重现了Rails著名的“15分钟构建博客”的魔力，但这次运行环境是你的浏览器。这不仅是一个技术演示，也展示了WebAssembly带来的无限可能，例如离线应用和本地应用开发。
阅读更多
本文介绍了 CSS 中的新属性 content-visibility，它可以通过跳过屏幕外内容的渲染来提高网页加载性能。content-visibility 属性允许开发者控制浏览器何时渲染元素的内容，从而提高页面加载速度和用户交互体验。文章详细解释了 content-visibility 的语法、取值以及如何使用它来优化页面性能，并提供了一个旅行博客的示例来说明其效果。
阅读更多
文章介绍了 CSS Houdini API 中的 @property 规则，它现在已获得所有现代浏览器的全面支持。该功能为 CSS 自定义属性（也称为 CSS 变量）解锁了新的控制和灵活性级别，使样式表更加智能和动态。文章详细解释了 @property 的优势，包括语义含义、回退值和改进的错误处理。文章还提供了一个示例，演示如何使用 @property 创建具有动画效果的渐变背景。
阅读更多
本文介绍了谷歌表格团队将其计算引擎从 JavaScript 移植到 WasmGC 的原因和过程。JavaScript 计算引擎虽然经过优化，但性能仍落后于 Java。WasmGC 作为 WebAssembly 的扩展，为垃圾收集语言提供了接近原生速度的 Web 支持。移植过程面临诸多挑战，包括工具链缺失、代码库差异等，但最终实现了显著的性能提升。
阅读更多
本文介绍了网页性能指标TTFB（Time to First Byte，首字节时间），它指的是从浏览器请求资源到接收到第一个字节的时间。文章详细解释了TTFB的构成、测量方法以及如何改进TTFB，并提供了一些代码示例。
阅读更多