今天完成的事

1，将读取到的json数据顺序显示；

2，比较web storage与url传参；

（1）url：

数据跟随在网址中，”？“之后的值，所传数据较小;

（2）web storage: (该处采用session storage) 可通过F12调试查看

3，JQuery生成元素；append，after，before等方法；

https://www.runoob.com/jquery/jquery-dom-add.html

明天的计划

1，开始任务三；

2，继续学习状态机；

遇到的问题

 使用web storage传送多条键值对时，单个传值可以理解，多个暂时理解不了，后来浏览其他教程成功一次传多条键值对；

收获

1，web storage以及url比较使用：

  在web storage中，分为local storage和session storage ,这两种都是可以将数据存贮在本地中，不同的是：

（1）local storage 会永久存贮在本地，除非手动删除，而session storage 仅在浏览器窗口打开时有效，一旦关闭窗口数据也会同时删除；

（2）url传值字符长度有限制https://www.cnblogs.com/lucongrui/p/3422927.html

       IS 7 对 Query String 有长度限制；默认：2048

      Ⅰ. IE浏览器对URL的长度现限制为2048字节(自己测试最多为2047字节)。

      Ⅱ. 360极速浏览器对URL的长度限制为2118字节。

      Ⅲ. Firefox(Browser)对URL的长度限制为65536字节。

      Ⅳ. Safari(Browser)对URL的长度限制为80000字节。

      Ⅴ. Opera(Browser)对URL的长度限制为190000字节。

      Ⅵ. Google(chrome)对URL的长度限制为8182字节。

    而web storage可以存储至少5M的数据量；

2，web storage实现的方法：（传递键值对，即属性名，和属性值）

（1）生成

先新建一个对象，然后为对象添加属性以及属性值，最后将新建对象通过

 var str= JSON.stringify(num);

转化为字符串，至于为什么将其转化为字符串，我的理解是web storage传递的参数为键值对，不能直接传递对象，而将对象转化字符串意味着把所有的数据浓缩在一个字符串中，然后与属性名组合就可以得到一个键值对。

（2）读取

接下来是读取web storage存储的值

即将接受的字符串转化为json对象，

var numbers=JSON.parse(str);

然后就可以读取想要的数据了