考点介绍：

什么是跨域？浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。跨域是前端校招的一个重要考点，在面试过程中经常遇到，需要着重掌握。本期分享的前端算法考点之大数据相关，分为试题、文章以及视频三部分。

答案详情解析和文章内容可点击下方链接即可查看

一、考点题目

1.JSON和JSONP的区别

解答：指代不同，JSON：是一种轻量zhidao级的数据交换格式。 JSONP：是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题……

2.什么是跨域？

解答：跨域是浏览器的一个特性，就是浏览器从一个“域”向另一个“域”的服务器发出请求，来访问另一个“域”上的资源。但是，由于请求的文件可能会存在恶意攻击，浏览器并不允许直接访问另一个“域”上的资源，只能访问同一个“域”上的资源，这个就是“同源策略”……

3.下面有关浏览器中使用js跨域获取数据的描述，说法错误的是（ ）

A.使用window.name来进行跨域

B.域名、端口相同，协议不同，属于相同的域

C.js可以使用jsonp进行跨域

D.通过修改document.domain来跨子域

正确答案：B，只要 协议、域名、端口有任何一个不同, 都被当作是不同的域……

4.下列哪些功能默认支持跨域？

A.LocalStorage

B.Image

C.canvas

D.iframe

正确答案：B，跨域：发起请求与指向资源域不相同（协议+域名+端口）……

（答案点击下方链接查看哦）

二、考点文章

1.【校招VIP】什么是跨域？跨域解决方法

出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）……

2.【校招VIP】jsonp跨域原理解析

由于浏览器同源策略的限制，非同源下的请求，都会产生跨域问题，jsonp即是为了解决这个问题出现的一种简便解决方案。同源策略即：同一协议，同一域名，同一端口号。当其中一个不满足时，我们的请求即会发生跨域问题……

3.【校招VIP】jsonp 的原理及应用

jsonp全称json with padding，填充式的json,jsonp是为跨域而生的。 那么有哪些标签可以跨域呢……

三、考点视频

1.跨域场景和解决方案

本题是前端校招考查相当多的考点，需要理解同源概念、跨域的主要场景以及前端和服务器端的解决方法，属于面5的必考点……

移动端链接：https://m.xiaozhao.vip/dTopic/detail/1349

PC端链接：https://xiaozhao.vip/dTopic/detail/1349