No processo de aprender a escrever o caso de agendamento todoList, encontrei o problema de falha de armazenamento permanente localStorage.
Quando insiro o item de tarefa na página da Web e pressiono Enter, o item é salvo localmente, mas desaparece imediatamente quando a página da Web é atualizada.
Por meio de testes, descobriu-se que o motivo é que as propriedades do objeto são definidas com antecedência e os dados são armazenados:
var todoList=[
{
title:"今天要吃包子",
done:false
},{
title:"今天要吃饺子",
done:false
}
];
//只能保存字符串到本地,转换为json文件可以保留结构
localStorage.setItem("todoList",JSON.stringify(todoList));
Aqui, comente todo o código acima, apenas defina o objeto todoList:
var todoList={
};
O motivo subjacente ainda não é conhecido, se alguém souber, por favor me avise na área de comentários!