dmcdoudou / jquery_todolist

用jQuery实现的清单列表：具备定时提醒，本地存储，异步浏览器弹窗，数据的增删改等功能

JQuery_TodoList

用jQuery实现的清单列表：具备定时提醒，本地存储，异步浏览器弹窗，数据的增删改等功能

项目心得：

• 输入命令行npm init之后，输入npm install jquery --save可以在package.json中添加依赖，下次使用npm install可安装回jquery，而不用再输入一样的命令行
• css中的max-width会使容器中的内容随浏览器的变化而变化
• 页面中选择引入normalize.css而不是reset.css， normalize.css可以使页面的样式正常化，而不会覆盖掉一些有用的默认样式，比如<h1>这些样式
• Localstorage的实现思路是将task对象添加到Array中，再把Array放入JSON中，再把JSON存储到Localstorage中。取出task对象，则是将JSON对象JSON Parse成Array，再传入index
• 在页面完成渲染后，再取出index
• 数组合并使用$.merge()，对象合并使用$.extend()
• 使用js默认的confirm或alert会把后台的文档流都停止掉，直到用户点击选项。自定义的弹窗功能点击后，页面其它程序还在运行
• 异步操作：使用jQuery的$.Deferred()的promise()和resolve()两个方法

页面截图如下：

页面首页

点击“详情”，出现的详情页

在详情页双击标题，可以更改标题

在详情页点击时间栏可更新时间

点击“删除”，出现的删除页

定时提醒页面，有提示音