本地存储技术 通信协议：语法；两个主体通信过程中所需遵循的规则 IP TCP：面向连接的协议，可靠，三次握手 UDP:面向数据包的协议，不可靠 http：超文本传输协议，网页协议，无状态协议，记不住：登录，书签，购物 车，浏览记录，查询记录 ##cookie：会话跟踪技术 特点：1.只能存文本， 2.大小限制约4k左右 3.数量50条左右 4.不允许跨域，不允许跨路径（父不能拿子，子可拿父） 5.有时效性，默认会话级 注意：安全性 cookie封装：
增： function setCookie(key, val, options) { options = options || {}; var path = options.path ? ";path =" + options.path; : path = ""; var exp = ""; if(options.expires) { var d = new Date(); d.setDate(d.getDate() + options.expires); exp = ";expires = " + d; } document.cookie = `${key} = ${val};expires = ${exp};path = ${p}`; } 删： function removeCookie(key,options) { options = options || {}; setCookie(key,null,{ expires:-1 }) } 查： function getCookie(key) { var data = document.cookie; var arr = data.split(","); for(var i = 0; i < arr.length; i++) { if(arr[i].split("=")[0] === key) { return arr[i].split("=")[1]; } } return ""; }本地存储：数据保存在本地，非内存、服务器，存储在本地，可长时间保存，可不连接服务器，实现跨页面存储数据 sessionStorage 永远是会话级 localStorage 5m，永久存储，不会发送到服务器，不需要服务器环境，无跨域 1.作为对象使用 增：点语法，删：delete，改查同增 2.内置 增：localStorage.setItem(); 删：localStorage.removeItem(); 改同增； 查localStorage.getItem(); 清空：localStorage.clear();
onstorage只可以监听别的网页记录，不能监听自身