实现原生ajax和本地存储

手动实现一个ajax，不依赖第三方库

let xhr = new XMLHttpRequest();
xhr.open('method', '/url', true);
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText)
  }
};
if (method === 'POST') {
  xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
}
xhr.send();

存储

cookie ， sessionStorage 和 localStorage的区别

cookie

• 本身用于客户端和服务器通信

• 具有本地存储的功能，于是被借用

• 使用document.cookie = 获取和修改

缺点：

• 存储量太小 ，只有4kb
• 所有http请求都带着 会影响资源获取效率
• api简单，需要封装才能使用

sessionStorage 和 localStorage

• html5专为存储设计最大容量5m
• api简单易用