第 15 课 8 / 18 | 编码:L15-12
核心知识

从数据到 DOM

把读取、验证、创建、插入拆开,便于测试每一步。

  • 不要在一行中完成全部工作
  • 先保存干净数据
  • 渲染函数只负责把数据变成节点
const data = readForm();
const error = validate(data);
if (!error) list.append(renderItem(data));