前端面试常见问题和技术解决方案

一、跨域

1、同源策略

浏览器同源策略限制请求

同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。

限制以下行为

1. Cookie、LocalStorage 和 IndexDB 无法读取

2. DOM 和 Js对象无法获得

3. AJAX 请求不能发送

有三个标签是允许跨域加载资源：

• <img src=XXX>
• <link href=XXX>
• <script src=XXX>

 

2、解决方案

1）通过jsonp跨域

script标签不受策略影响，可以动态生成script去请求数据，但是仅限Get请求

原生实现

<script>
  var script = document.createElement('script');
  script.type