<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>todoList待办事项</title><script src="./js/jquery.min.js"></script>
</head><body><header><section><label for="title">ToDoList</label><input type="text" id="title" placeholder="添加ToDo"></section></header><section><h2>正在进行<span id="rodocount"></span></h2><ol id="todolist" class="demo-box"></ol><h2>已经完成<span id="rodocount"></span></h2><ul id="donelist"></ul></section><footer>Copyright &copy;2014 todolist.cn</footer><script>var todolist = [{title: '我今天吃了八个馒头',done: false}, {title: '我今天学习jq',done: false}, ];localStorage.setItem("todo", JSON.stringfy(todolist));//本地的数组转换为json.stringfy();var data = localStorage.getItem("todo");console.log(typeof data);//获取本地存储数据需要把字符串数据转换为对象形式json.parsedata = JSON.parse(data);console.log(data);</script>
</body></html>

运行结果

前端学习(1042):todoList存储相关推荐

  1. 【FE前端学习】第二阶段任务-基础

    技能学习部分: 1.需要熟练掌握HTML标签以及CSS各个常用属性. 2.掌握CSS3 常用属性 3.掌握jquery的基本用法,对于JS基本逻辑语句需要熟练掌握 上文 [FE前端学习]第二阶段任务- ...

  2. 前端学习路线_前端学习路线图

    2020年全新前端学习路线图分享给大家! 学习是一个循序渐进的过程,是一件非常难得坚持的事情.如果真的想学习前端开发,一定要下决心! 我这里分享给你的前端学习路线图,希望对你有帮助,以下为2020年更 ...

  3. 你们的2016年前端学习计划是什么?

    2015年,软件开发界发生了很多变化.有很多流行的新语言发布了,也有很多重要的框架和工具发布了新版本.下面有一个我们觉得最重要的简短清单,同时也有我们觉得值得你在2016年花时间精力去学习的新事物的一 ...

  4. mysql like in 数组_Web前端学习教程之常用的MySQL优化技巧

    想要成为一个高薪Web前端工程师,除了需要了解前端三要素以及常用的框架外,数据库知识同样不可忽视.目前市场上比较流行的数据库有MySQL.Oracle.Redis,今天千锋郑州老师就给大家分享一些常用 ...

  5. 资深前端开发工程师分享:关于前端学习路线的一些建议

    前言 对于刚开始学习前端的伙伴俩说,问得最多的问题就是 --前端技术现在如此繁杂,我到底应该如何学习.这个话题太大了,几句话回答不好:也由于这个问题确实困扰了很多前端开发人员,所以我也就着手系统的输出 ...

  6. 关于前端学习路线的一些建议(值得零基础拥有)

    前言 对于刚开始学习前端的伙伴俩说,问得最多的问题就是 --前端技术现在如此繁杂,我到底应该如何学习.这个话题太大了,几句话回答不好:也由于这个问题确实困扰了很多前端开发人员,所以我也就着手系统的输出 ...

  7. 2016最新前端学习计划

    一.前端学习路线图 二.前端学习路线图--视频篇 六大 阶段 学完后目标 知识点 视频资源(附笔记+PPT+模板 +源码) 密码 准备篇 学习周期:15天 学完后目标: 1.熟悉媒体查询和响应式设计, ...

  8. web前端学习路线-20个真实web开发项目集合

    目前web前端工程师日均岗位缺口已经超过50000,随着互联网+的深入发展,html5作为前端展示技术,市场人才需求量将呈直线上涨. Web前端工程师的岗位职责是利用HTML.CSS.Java.DOM ...

  9. web前端学习路线(含20个真实web开发项目集合)

    目前web前端工程师日均岗位缺口已经超过50000,随着互联网+的深入发展,html5作为前端展示技术,市场人才需求量将呈直线上涨. Web前端工程师的岗位职责是利用HTML.CSS.Java.DOM ...

  10. 前端学习总结,经验分享,项目经验分享过程

    前言 来,和魔王哪吒总结一下,分享一下自己对前端学习总结,经验分享,以及写过的项目经验分享过程. 如果觉得还不错的话,浏览的过程中,需要您: 点赞,分享,评论 有钱的捧个钱场,没钱的捧个人场 技术实践 ...

最新文章

  1. n皇后问题JS实现(N-Queens)
  2. Boost:自定义树的测试程序
  3. 【Linux系统编程】文件IO操作
  4. Server Hard drive mode
  5. Springboot/Cloud集成Sentinel进阶实战
  6. 评论:我们该如何应对科技发展带来的失业
  7. CVE-2020-15999:Chrome FreeType 字体库堆溢出原理分析
  8. mysql case结合group+having使用
  9. 前端干货-网站资源收集
  10. php 读取本地excel文件,PHP读取Excel文件的简单示例
  11. DAPLink-Firmware
  12. 2022开放原子全球开源峰会OpenAnolis分论坛圆满落幕
  13. HP刀片服务器系统Flex,HP刀片服务器系统Flex-10 VC配置与VMware vSphere网络设计
  14. CDN内容分发网络(上)
  15. 科研人快速入门LaTex到日常使用,下载安装配置,语法使用说明等
  16. linux双网卡双路由配置,linux配置双网卡双路由
  17. 如何把语音转文字转换
  18. 【渝粤题库】陕西师范大学200551 英语语音
  19. AccountManager.createAccount异常
  20. 绕过雷蛇官网的动态验证码

热门文章

  1. primefaces 带参数的组件
  2. Gunicorn 0.17 发布,Python HTTP 服务器
  3. java怎么引入html文件路径_如何在public_html中读取文件但在域外?使用相对路径...
  4. shiro会话监听_SpringBoot集成Shiro会话管理
  5. 【RK3399Pro学习笔记】九、ROS客户端Client的编程实现
  6. Linux C 数据结构——二叉树
  7. [算法] vector删除元素
  8. GetClientRect相当于GetWindowRect和ScreenToClient区别
  9. 论调用约定__stdcall,__cdecl,__fastcall,thiscall,naked call
  10. .Net开发人员应该下载的十种必备工具(二)