localStorage, sessionStorage,Websocket,cookie

//localStorage - 没有时间限制的数据存储
// sessionStorage - 针对一个 session 的数据存储（关闭窗口，存储的数据清空）
//Websocket - 它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。
//cookie 网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）,
数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。
cookie数据大小不能超过4k。

 var students = {
        xiaomin: {
            name: "xiaoming",
            grade: 1
        },
        teemo: {
            name: "teemo",
            grade: 3
        }
    }

    students = JSON.stringify(students);  //将JSON转为字符串存到变量里
    console.log(students);
    localStorage.setItem("students",students);//将变量存到localStorage里

    var newStudents = localStorage.getItem("students");
    newStudents = JSON.parse(students); //转为JSON
    console.log(newStudents); // 打印出原先对象

 $(window).scroll(function(){
        if($(document).scrollTop()!=0){
            sessionStorage.setItem("offsetTop", $(window).scrollTop());//保存滚动位置
        }
    });
    window.onload = function()
    {
        var _offset = sessionStorage.getItem("offsetTop");
        $(document).scrollTop(_offset);
    };

var ws = new WebSocket("wss://echo.websocket.org");

ws.onopen = function(evt) { 
  console.log("Connection open ..."); 
  ws.send("Hello WebSockets!");
};

ws.onmessage = function(evt) {
  console.log( "Received Message: " + evt.data);
  ws.close();
};

ws.onclose = function(evt) {
  console.log("Connection closed.");
};