今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

BUG #3352 【新需求】【PC】【我的学院】侧边栏模块合并，样式更改 - 【十四期】修真院 - 禅道

确认新需求的合理性,解决新需求与之后的需求冲突

明天计划的事情：（一定要写非常细致的内容） 

如何理解angular的脏检查？

遇到的问题：（遇到什么困难，怎么解决的） 

点击我的菜单弹出二级菜单,点击二级菜单

在右边  刷新数据,

收获：（通过今天的学习，学到了什么知识）

localStorage 与 sessionStorage 一样，都遵循同源策略，但是它是持续存在的。

                // Save data to the current local store
   localStorage.setItem("username", "John");

// Access some stored data
 localStorage.getItem("username");

使用localStorage.setItem()和localStorage.removeItem() 这两个函数进行添加、改变或删除一个键。使用方法为“localStorage.yourKey = yourValue;”或者删除一个键“localStorage.yourKey;”。使用这种方法设置和删除一个键并不是安全的做法。 

sessionStorage 属性允许你访问一个 session Storage 对象。它与 localStorage 相似，不同之处在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。在新标签或窗口打开一个页面会初始化一个新的会话，这点和 session cookies 的运行方式不同。

应该注意的是，无论是 localStorage 还是 sessionStorage 中保存的数据都仅限于该页面的协议。

// 保存数据到sessionStorage
                sessionStorage.setItem('key', 'value');

// 从sessionStorage获取数据
    var data = sessionStorage.getItem('key');

// 从sessionStorage删除保存的数据
    sessionStorage.removeItem('key');

// 从sessionStorage删除所有保存的数据
    sessionStorage.clear();

            /**
  *  下面的示例会自动保存一个文本输入框的内容，如果浏览器因偶然因素被刷新了，文本输入框里面的内容会被恢复，因此写入的内容不会丢失。
  */


// 获取文本输入框
  var field = document.getElementById("field");

// 检测是否存在 autosave 键值
// (这个会在页面偶然被刷新的情况下存在)
    if (sessionStorage.getItem("autosave")) {
        // 恢复文本输入框的内容
        field.value = sessionStorage.getItem("autosave");
    }

// 监听文本输入框的 change 事件
    field.addEventListener("change", function () {
        // 保存结果到 sessionStorage 对象中
        sessionStorage.setItem("autosave", field.value);
    });