HTTP HTTPS websocket

HTTP
1.http是一个 无连接，媒体独立，无状态的请求响应协议。
2.请求方法：

3.响应头信息

4.响应状态码

5.content-type
Content-Type，内容类型，一般是指网页中存在的Content-Type，用于定义网络文件的类型和网页的编码，决定浏览器将以什么形式、什么编码读取这个文件，这就是经常看到一些Asp网页点击的结果却是下载到的一个文件或一张图片的原因。

HTTPS
动机：
1.认证正在访问的网站。
2.保证传输数据的私密性和完整性。
说明：
https是需要使用http+ssl证书的结合体，http使用80端口，https使用443端口

Storage（大小限制5M）
会话存储 （session storage）重启浏览器 关闭界面 或是新开界面时都会失效
本地存储（local storage） 永久存储，永不过期，只能手动删除
可以利用Window.sessionStorage 或 Window.localStorage 来访问。

storage属性和方法

let storageDate = '我是本地存储的数据哦';
let storageDate1 = '2222';
let storageDate2 = '3333';
let storage = window.localStorage;
let storageSSS = window.sessionStorage;
// 创建本地存储
storage.setItem('storageDate',storageDate);
storage.setItem('storageDate1',storageDate1);
//创建会话存储
storageSSS.setItem('storageDate2',storageDate2);
//获取本地存储
let a = storage.getItem('storageDate');
//获取本存储的长度
console.log(storage.length);
//获取本地存储的键名
for(let i=0;i

WebSocket：

// websocket
function webSocketTest(){
    let url = '';
    if('WebSocket' in window){
        let ws = new WebSocket(url);
        let params = {};
        // 打开websocket,向后台发送数据
        ws.onopen() = function(){
            ws.send(params);
        }
        //接收websocket传回的数据
        ws.onmessage = function(rep){
            let data = rep.data;
            console.log(data);
        }
        //关闭websocket连接
        ws.onclose = function(){
            console.log('关闭连接');
        }
    } else {
        console.log('您的浏览器不支持WebSocket');
    }
}