todolist笔记

个人已敲完，看视频有没有需要记的。

案例： toDOList按下回车把新数据添加到本地存储里面

1. 切记：页面中的数据，都要从本地存储里面获取，这样刷新页面不会丢失数据，所以要先把数据保存到本地存储里面。
2. 利用事件对象.keyCode判断用户按下回车键（13）
3. 声明一个数组，保存数据
4. 先要读取本地存储原来的数据（声明函数getData()),放到这个数组里面
5. 之后把最新从表单获取过来的数据，追加到数组里面
6. 最后把数组存储给本地存储（声明函数savaDate())

案例： toDoList 本地存储数据渲染加载到页面

1. 因为后面也会经常渲染加载操作，所以声明一个函数load，方便后面调用
2. 先要读取本地存储数据（数据不要忘记转换为对象格式）
3. 之后遍历这个数据($.each()),有几条数据，就生成几个小li添加到ol里面。

案例：toDoList 删除操作

1. 点击里面的a链接，不是删除的li,而是删除本地存储对应的数据
2. 核心原理：先获取本地存储数据，删除对应的数据，保存给本地存储，重新渲染列表li
3. 我们可以给链接自定义属性记录当前的索引号
4. 根据这个索引号删除相关的数据---数组的splice(i,1)方法
5. 存储修改后的数据，然后存储给本地存储
6. 重新渲染加载数据列表
7. 因为a是动态创建的，我们使用on方法绑定事件

案例： toDoList 正在进行和已完成选项操作

1. 当我们点击了小的复选框，修改本地存储数据，再重新渲染数据列表
2. 点击之后，获取本地存储数据
3. 修改对应数据属性done为当前复选框的checked状态。
4. 之后保存数据到本地存储
5. 重新渲染加载数据列表
6. load 加载函数里面，新增一个条件，如果当前的数据的done为true就是已经完成的，就把列表渲染到ul里面
7. 如果当前的数据的done为false，则是代办事项，就把列表渲染加载到ol里面