核心知识
从数据到 DOM
把读取、验证、创建、插入拆开,便于测试每一步。
- 不要在一行中完成全部工作
- 先保存干净数据
- 渲染函数只负责把数据变成节点
const data = readForm();
const error = validate(data);
if (!error) list.append(renderItem(data));
把读取、验证、创建、插入拆开,便于测试每一步。
const data = readForm();
const error = validate(data);
if (!error) list.append(renderItem(data));