用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()
两个方法
页面截图如下:
页面首页
点击“详情”,出现的详情页
在详情页双击标题,可以更改标题
在详情页点击时间栏可更新时间
点击“删除”,出现的删除页
定时提醒页面,有提示音
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。