杂文 跨域、svg 样式、Promise 的两个方法

本文已参与 「新人创作礼」活动, 一起开启掘金创作之路。

Promise 的方法

 // Promise 的实例状态
 1. 等待 pending
 2. 成功 fufilled
 3. 失败 rejected
 // 所有的 Promise 全部执行完毕时 then 才调用
 Promise.all()
 // 哪一个 Promise 异步操作完毕 then 的结果就是最先的 promise 结果
 Promise.race()

svg 的样式处理

 <!-- 
 viewBox的四个值, 分别是x(0), y(0)轴的偏移量, 后两个就是原图片的宽度, 高度 大小
 fill="red" 就是代表 svg 图的颜色了
 -->
   <svg width="128" height="100" viewBox="0 0 128 100" fill="red" xmlns="http://www.w3.org/2000/svg">

Ajax 是不能跨域的, 所以解决方法:

1. jsonp: 缺点只能 get 请求， 入文件上传 FormData； 原理: 动态的创建 script 添加 src 属性(但是这个请求是异步的), 在页面上声明一个函数, 服务器端返回的就是函数调用.

2. cors: 原理在响应头添加 Access-Control-Allow-Origin: *

3. 反向代理: 原理就是服务器与服务器之间的数据通信(服务器和服务器是不会出现跨域的)

   // jsonp 现在已经不用了解即可