新手完整项目

接入外部数据与本地保存

把公开 API 作为增强,并保证 API 失败时核心记录功能仍可用。

难度
入门
预计时间
55 分钟
最近验证
2026/9/21

这一节要完成什么

把公开 API 作为增强,并保证 API 失败时核心记录功能仍可用。

先理解:为什么要学它

把公开 API 作为增强,并保证 API 失败时核心记录功能仍可用。

跟着做

try {
  const tip = await loadDailyTip();
  showTip(tip);
} catch {
  showTip('今天先完成一小步。');
}
saveSessions(state.sessions);
  1. 打开上一节项目并记录当前结果。
  2. 输入示例并完成:模拟超时、500、损坏 JSON 和离线,核心添加记录都不能被阻塞。
  3. 改变一个输入,先预测再验证。
  4. 制造并修复典型错误:外部 API 不能成为单点故障;为增强内容准备本地后备。

关键代码怎么读

  • 把公开 API 作为增强,并保证 API 失败时核心记录功能仍可用。
  • 按输入、处理、输出三部分阅读代码。
  • 用不同输入和边界情况验证。

常见错误:看到什么,检查什么

现象检查方法
结果与预期不同外部 API 不能成为单点故障;为增强内容准备本地后备。
刷新后没有变化保存文件,检查路径并阅读 Console 第一条相关错误。

自己完成一次

模拟超时、500、损坏 JSON 和离线,核心添加记录都不能被阻塞。

完成后再看参考答案

重做并解释关键决定。检查:外部 API 不能成为单点故障;为增强内容准备本地后备。

完成检查

  • 我完成了本节要求的可见结果
  • 我能解释关键代码的输入、处理和输出
  • 我测试了正常、边界和错误情况

隐私选择

必要存储始终启用。只有在你同意后,才会加载可选的访问统计与支持服务。