Lovi.space

工程实践

为什么教学文章需要一个可运行的 Playground

静态代码适合阅读;当读者需要修改参数、观察结果时,交互式 Playground 才真正开始发挥作用。

·1 min read
#JavaScript#Playground#教学

代码不是总要“跑起来”

大多数文章只需要清晰、可复制、可高亮的代码块。只有当理解依赖于“改一个参数再观察结果”时,才值得加载额外的运行环境。

下面这个示例会在读者点击运行后执行,不会在文章首屏自动占用资源:

let count = 0;
for (let i = 0; i < 3; i++) {
count += 1;
}
console.log('count:', count);

使用原则

  • 只放在教学价值明确的文章里。
  • 保持示例最小化,不引入不必要的大型依赖。
  • 普通代码块仍然使用 Expressive Code,保证文章阅读速度。

读到这里,说明你也在认真对待这个问题。

讨论与反应

⌘ K