【校招VIP】前端JavaScript语言之跨域

发布时间 2023-09-04 13:59:15作者: 校招VIP

考点介绍:

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

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

一、考点题目

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/1152

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