同源跨域同步阻塞

同源跨域同步阻塞

同源策略与跨域访问

  • 同源策略
    协议相同、域名相同、端口相同

  • 跨域访问的解决方案:

    1. 源的更改:
      浏览器单独保存端口号。任何的赋值操作,包括 document.domain = document.domain 都会导致端口号被重写为 null 。因此 company.com:8080 不能仅通过设置 document.domain = "company.com" 来与company.com 通信。必须在他们双方中都进行赋值,以确保端口号都为 null.

    2. 使用代理:
      例如我们有一个页面http://example.com/,需要访问http://otherexample.com/这个页面,我们不直接对这个页面进行访问,而是通过请求另外一个同源的页面,这个页面在后端通过代理服务器把请求转发到http://otherexample.com/,获取数据并返回给客户端。

    3. JSONP:
      JSON with Padding, 简单来说就是在JSON外部用一个函数包裹着。
      JSONP基本语法如下:
      callback({ “name”: “kwan” , “msg”: “获取成功” });JSONP两部分组成:回调函数和里面的数据。回调函数是当响应到来时,应该在页面中调用的函数,一般是在发送过去的请求中指定。
      JSONP原理:
      刚才的解决依据可知,JSONP原理就是动态插入带有跨域url的<script>标签,然后调用回调函数,把我们需要的json数据作为参数传入,通过一些逻辑把数据显示在页面上。

    4. CORS:
      CORS(Cross-Origin Resource Sharing)是W3C提出的一个用于服务器端控制数据跨域传输的一个机制。 它的原理是通过一些新增加的HTTP头让服务端能定义哪些源的请求可以被允许。

同步异步与阻塞非阻塞

  1. 同步与异步
    同步和异步关注的是消息通信机制 (synchronous communication/ asynchronous communication)所谓同步,就是在发出一个调用时,在没有得到结果之前,该调用就不返回。但是一旦调用返回,就得到返回值了。换句话说,就是由调用者主动等待这个调用的结果。而异步则是相反,调用在发出之后,这个调用就直接返回了,所以没有返回结果。换句话说,当一个异步过程调用发出后,调用者不会立刻得到结果。而是在调用发出后,被调用者通过状态、通知来通知调用者,或通过回调函数处理这个调用。典型的异步编程模型比如Node.js
    举个通俗的例子:你打电话问书店老板有没有《分布式系统》这本书,如果是同步通信机制,书店老板会说,你稍等,”我查一下”,然后开始查啊查,等查好了(可能是5秒,也可能是一天)告诉你结果(返回结果)。而异步通信机制,书店老板直接告诉你我查一下啊,查好了打电话给你,然后直接挂电话了(不返回结果)。然后查好了,他会主动打电话给你。在这里老板通过“回电”这种方式来回调。
  2. 阻塞与非阻塞
    阻塞和非阻塞关注的是程序在等待调用结果(消息,返回值)时的状态.阻塞调用是指调用结果返回之前,当前线程会被挂起。调用线程只有在得到结果之后才会返回。非阻塞调用指在不能立刻得到结果之前,该调用不会阻塞当前线程。
    还是上面的例子,你打电话问书店老板有没有《分布式系统》这本书,你如果是阻塞式调用,你会一直把自己“挂起”,直到得到这本书有没有的结果,如果是非阻塞式调用,你不管老板有没有告诉你,你自己先一边去玩了, 当然你也要偶尔过几分钟check一下老板有没有返回结果。在这里阻塞与非阻塞与是否同步异步无关。跟老板通过什么方式回答你结果无关。

  3. 以煮开水为例子:
    出场人物:老张,水壶两把(普通水壶,简称水壶;会响的水壶,简称响水壶)。

    1. (同步阻塞)老张把水壶放到火上,立等水开。老张觉得自己有点傻
    2. (同步非阻塞)老张把水壶放到火上,去客厅看电视,时不时去厨房看看水开没有。老张还是觉得自己有点傻,于是变高端了,买了把会响笛的那种水壶。水开之后,能大声发出嘀~~~~的噪音。
    3. (异步阻塞)老张把响水壶放到火上,立等水开。老张觉得这样傻等意义不大。
    4. (异步非阻塞)老张把响水壶放到火上,去客厅看电视,水壶响之前不再去看它了,响了再去拿壶。老张觉得自己聪明了。

    所谓同步异步,只是对于水壶而言。普通水壶,同步;响水壶,异步。虽然都能干活,但响水壶可以在自己完工之后,提示老张水开了。这是普通水壶所不能及的。同步只能让调用者去轮询自己(情况2中),造成老张效率的低下。
    所谓阻塞非阻塞,仅仅对于老张而言。立等的老张,阻塞;看电视的老张,非阻塞。情况1和情况3中老张就是阻塞的,媳妇喊他都不知道。虽然3中响水壶是异步的,可对于立等的老张没有太大的意义。所以一般异步是配合非阻塞使用的,这样才能发挥异步的效用。

参考:
https://www.zhihu.com/question/19732473
https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy