Tags → #coding
-
JavaScript Stream 终极指南
这篇文章是关于流(Stream)的深入指南,详细介绍了如何使用浏览器的 Stream API 处理可读、可写和转换流。文章涵盖了核心概念,包括数据块、可读流、可写流、转换流、管道链、回压和分支等。读者能够了解如何创建读取流,以及如何管理和控制流。
-
前端性能优化教程——资源提示
在上一节课程中,我们学习了 CSS 和 JavaScript 等页面资源如何影响页面加载速度,并探讨了如何优化这些资源及其传输,以加快页面渲染。现在是深入了解资源加载进阶话题的绝佳时机,这包括使用资源提示(resource hint)帮助浏览器更迅速地完成加载工作。 资源提示能够通过预告浏览器如...
-
在 Astro 添加 markdown 提示语法
心心念念的提示(admonition)语法终于加上了。最终本博客选用 GitHub 的提示方案,最后也会提及在这次调研中找到的其他提示语法方案。
-
博客框架迁移:Gatsby → Astro
史无前例的大更,本博客终于从 Gatsby 出逃到 Astro。迁移过程不算难!得到了更高的 Lighthouse 分数,但是构建时间却意外地边长。最后,跟盖茨比说声再见吧……
-
哎,对 Gatsby 爱不起来了
对 Gatsby 爱不起来了……缺席的版本大更,失效的插件。虽然他陪了我很久,但我还是看向了 Astro。
-
前端性能优化教程——理解关键路径
“关键渲染路径”是指网页在浏览器中开始显示前必须经历的一系列步骤。浏览器要显示网页,不仅需要获取 HTML 文档,还需要所有对显示该文档至关重要的资源。 在之前的HTML 性能基础部分,我们已经讨论了如何把 HTML 文档送达浏览器。本部分将深入探讨,浏览器在接收到 HTML 文档之后,为了显示...
-
前端性能优化教程——优化资源加载
本文简单解释了 JavaScript 和 CSS 如何阻塞页面加载,并且给出了对应优化加载速度的方法
-
前端测试教程——前端测试的策略
> 原文传送门 What to test and your approach 决定测试内容,而非测试本身是什么,对于所有团队而言是个关键议题。测试是实现最终目标的一种方式,而确定对代码库中哪些部分进行优先测试则是一项挑战。 决定测试的优先顺序应当基于你的代码库及团队目标。但需要注意的是,尽管撰...