Tags → #coding
-
在 Astro 添加 markdown 提示语法
心心念念的提示（admonition）语法终于加上了。最终本博客选用 GitHub 的提示方案，最后也会提及在这次调研中找到的其他提示语法方案。
-
博客框架迁移：Gatsby → Astro
史无前例的大更，本博客终于从 Gatsby 出逃到 Astro。迁移过程不算难！得到了更高的 Lighthouse 分数，但是构建时间却意外地边长。最后，跟盖茨比说声再见吧……
-
哎，对 Gatsby 爱不起来了
对 Gatsby 爱不起来了……缺席的版本大更，失效的插件。虽然他陪了我很久，但我还是看向了 Astro。
-
前端性能优化教程——理解关键路径
“关键渲染路径”是指网页在浏览器中开始显示前必须经历的一系列步骤。浏览器要显示网页，不仅需要获取 HTML 文档，还需要所有对显示该文档至关重要的资源。 在之前的HTML 性能基础部分，我们已经讨论了如何把 HTML 文档送达浏览器。本部分将深入探讨，浏览器在接收到 HTML 文档之后，为了显示...
-
前端性能优化教程——优化资源加载
本文简单解释了 JavaScript 和 CSS 如何阻塞页面加载，并且给出了对应优化加载速度的方法
-
前端测试教程——前端测试的策略
> 原文传送门 What to test and your approach 决定测试内容，而非测试本身是什么，对于所有团队而言是个关键议题。测试是实现最终目标的一种方式，而确定对代码库中哪些部分进行优先测试则是一项挑战。 决定测试的优先顺序应当基于你的代码库及团队目标。但需要注意的是，尽管撰...
-
前端测试教程——自动化测试的类型
> 原文传送门 Types of automated testing 在各种代码库中，对不同类型的测试进行命名通常遵循一定的共性，尽管这些命名并没有严格的定义标准。本课程尝试对每种测试类型给出了一些建议和解释，但你可能在其他地方看到有所不同的定义。 之前的内容中提到了单元测试和组件测试（以我们...
-
Vue 组件的 Props 到底能不能改？
Vue 推崇单向数据流这个概念，也就是数据流向必须是从父到子。子组件想要修改数据必须 `emit` 一个事件，父组件接收到事件后，由父组件修改数据传回到子组件。 我在 stackblitz 写了个例子，使用版本为 `Vue@3.4.5`。可以看到在，`props` proxy 的外层 han...