从能力到可运行任务

配置边界

检查公开的主题、页长和标题配置,导出JSON;知道哪些值不应该出现在前端。

本站配置例子固定生成schemaVersion、boardTitle、pageSize和defaultFilter四个公开字段。输入控件检查标题长度、整数范围与筛选枚举;本例没有JSON导入或生产API设置。

适用读者:开始接触JSON与配置文件的读者

练习顺序

一步一步确定目标

按本类步骤阅读源码,先确认结构,再操作,再修改。

  1. 阅读四个公开字段的类型与作用。完成后记录预期与实际结果。
  2. 尝试空标题、越界页长和小数页长。完成后记录预期与实际结果。
  3. 导出后重新阅读JSON,确认结构与界面输入对应。完成后记录预期与实际结果。

独立源文件

本类可运行示例

以下是本站原创练习,阅读详情了解运行条件和源码路径。

已提供依据 2 个能力分类

公开配置校验与导出

以看板标题、每页任务数和默认筛选作为公开设置,校验后生成JSON文件。固定输出四个字段,输入变化会让旧导出失效;源码没有API请求或凭据,练习重点是输入约束与公开参数的边界。

源码标识
CONFIG-05
技术
HTML / CSS / JavaScript
运行方式
本地浏览器
范围
独立学习示例

本站原创教学源码;练习中的昵称、任务和数据为虚构。编号用于本站组织内容,与9.1产品版本没有对应关系。

实现差异

相关实现比较

从运行环境、增强行为和控件选择理解实际差异。

网页实现与运行方式比较
比较问题 实际差异 选择建议 阅读详情
双击文件与本地HTTP 比较单文件练习与需要服务器上下文的项目,避免把所有网页都当成可双击运行。 先用最少步骤运行本站单文件练习。改造成多文件项目时,再按模块和资源要求建立本地HTTP环境。 查看比较

先排查这些位置

容易忽略的细节

想区分HTML正文、可公开设置与后端秘密。。遇到不同结果时,先确认本地文件、焦点位置和页面状态。

  • 把API密钥藏在公开前端变量里。
  • 把JSON导出误认为已经接通业务服务。

常见问题

关于配置边界的常见问题

能把API密钥放进配置文件吗?

这个公开配置练习不能放秘密。网页里的脚本和下载的JSON都能被读者查看;它仅允许展示参数,没有真实接口凭据或认证实现。

哪里能看完整源文件?

每个练习详情都提供运行页、纯文本源码和ZIP下载。纯文本扩展名为.html.txt,下载后可以保存为.html;总包同时保留README与LICENSE。

继续阅读

指南

9.1免费版代码配置边界

本例检验三个公开字段:看板标题1–40字符、每页任务数1–50整数、默认筛选all、pending或done;通过后生成含schemaVersion: 1的JSON。9.1免费版代码是检索线索,修改这些参数不会接通API或取得产品权限。

包含 6 个可复现步骤

阅读指南

相邻能力

网页能力 第一次运行HTML文件,不想先安装整套开发框架。

本地运行

下载单文件源码,用浏览器打开,再逐步认识file与本地HTTP的差异。

第一次编辑网页文件的读者

查看本类练习