前端必须要了解的一些知识 (八)

什么是同源策略

 

限制

协议 域名 端口

不是一个源的文档不能操作另一个源的文档

限制如下:

cookie localStrorage indexDB 无法获取

DOM无法获得

Ajax请求不能发送

 

 

前后端如何通信

Ajax//同源下的通讯

websocket//不限制同源

cors//支持跨域也支持同源

 

 

如何创建Ajax(用原生)

XMLHttpRequest对象的工作流程

兼容性处理

事件触发条件

事件触发顺序

前端必须要了解的一些知识 (八)_第1张图片

 

 

跨域通讯的几种方式

JSONP

实现原理

前端必须要了解的一些知识 (八)_第2张图片

 

Hash

hash改变页面不刷新 指url#以后的东西

window.onhashchange

前端必须要了解的一些知识 (八)_第3张图片

 

 

postMessage

h5新的标准

前端必须要了解的一些知识 (八)_第4张图片

 

Websocket

不受同源限制

前端必须要了解的一些知识 (八)_第5张图片

 

 

CORS

白话:支持跨域通讯的Ajax

如果跨域浏览器会拦截 会在请求头上添加origin

http://www.ruanyifeng.com/blog/2016/04/cors.html

前端必须要了解的一些知识 (八)_第6张图片

 

你可能感兴趣的:(前端面试,javascript,css,html)