• 一、通信类
  • 1.1 考点
  • 1.2 什么是同源策略及限制
  • 1.3 前后端如何通信
  • 1.4 如何创建Ajax
  • 1.5 跨域通信的几种方式
  • 1.6 HTTP状态码
  • 1.7 什么是持久化连接
  • 1.8 什么是管线化

一、通信类

1.1 考点

• 什么是同源策略及限制
• 前后端如何通信
• 如何创建Ajax
• 跨域通信的几种方式

1.2 什么是同源策略及限制

• 同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互
• 这是一个用于隔离潜在恶意文件的关键的安全机制

• Cookie、LocalStorage 和 IndexDB 无法读取
• DOM 无法获得
• Ajax请求不能发送

1.3 前后端如何通信

• Ajax
• WebSocket
• CORS

1.4 如何创建Ajax

• XMLHttpRequest对象的工作流程
• 兼容性处理
• 事件的触发条件
• 事件的触发顺序

1.5 跨域通信的几种方式

• JSONP：原理 + 如何实现
• Hash
• postMessage
• WebSocket
• CORS

1.6 HTTP状态码

1.7 什么是持久化连接

• HTTP 协议采用“请求-应答”模式，当使用普通模式，即非 Keep-Alive模式时，每个请求/应答客户和服务器都要新建一个连接，完成之后立即断开连接 (HTTP协议为无连接的协议)

• 当使用 Keep-Alive 模式（又称持久连接、连接重用）时，Keep-Alive功能使客户端到服务器端的连接持续有效，当出现对服务器的后继请求时， Keep-Alive 功能避免了建立或者重新建立连接

• HTTP1.1版本支持持久化连接，HTTP1.0不支持

1.8 什么是管线化

• 在使用持久连接的情况下，某个连接上消息的传递类似于：
  • 请求1 –》 响应1 –》 请求2 –》 响应2 –》 请求3 –》 响应3

• 管线化下，某个连接上的消息变成了类似这样（也是基于持久连接的）
  • 原理：将请求一次性打包发给服务端，然后客户端一次返回响应
  • 请求1 –》 请求2 –》 请求3 –》 响应1 –》 响应2 –》 响应3

• 管线化特点