首页 > 编程语言 >【校招VIP】前端JavaScript语言之跨域

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

时间:2023-09-04 14:13:02浏览次数:49  
标签:浏览器 跨域 JavaScript 考点 VIP 同源 jsonp 校招

考点介绍:

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

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

一、考点题目

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

标签:浏览器,跨域,JavaScript,考点,VIP,同源,jsonp,校招
From: https://www.cnblogs.com/rdaxue/p/17676829.html

相关文章

  • 无涯教程-JavaScript - CUBEMEMBER函数
    描述CUBEMEMBER函数从多维数据集返回一个成员或元组。使用此函数可以验证多维数据集中是否存在成员或元组。语法CUBEMEMBER(connection,member_expression,[caption])争论Argument描述Required/OptionalconnectionNameoftheconnectiontothecube-Atextstr......
  • 无涯教程-JavaScript - CUBEKPIMEMBER函数
    描述该函数返回关键绩效指标(KPI)属性,并在单元格中显示KPI名称。语法CUBEKPIMEMBER(connection,kpi_name,kpi_property,[caption])争论Argument描述Required/OptionalconnectionNameoftheconnectiontothecube-AtextstringRequiredkpi_nameNameoft......
  • 无涯教程-JavaScript - TTEST函数
    TTEST函数取代了Excel2010中的T.TEST函数。描述该函数返回与学生t检验相关的概率。使用TTEST来确定两个样本是否可能来自均值相同的相同两个基础总体。语法TTEST(array1,array2,tails,type)争论Argument描述Required/OptionalArray1Thefirstdataset.Required......
  • 无涯教程-JavaScript - TINV函数
    TINV函数取代了Excel2010中的T.INV.2T函数。描述该函数返回学生t分布的两尾逆。语法TINV(probability,deg_freedom)争论Argument描述Required/OptionalProbabilityTheprobabilityassociatedwiththetwo-tailedStudent'st-distribution.RequiredDeg_freedom......
  • JavaScript – 小技巧 Tips
    1e6等价于1+后面6个零console.log(1e6===1_000_000); 模拟C#的Record DeconstructclassSizeimplementsIterable<number>{constructor(publicwidth:number,publicheight:number){}*[Symbol.iterator](){......
  • 无涯教程-JavaScript - STDEV函数
    STDEV函数替代Excel2010中的STDEV.S函数。描述该函数根据样本估算标准偏差。标准偏差是对值与平均值(平均值)的分散程度的度量。语法STDEV(number1,[number2],...)争论Argument描述Required/OptionalNumber1Thefirstnumberargumentcorrespondingtoasampleo......
  • 无涯教程-JavaScript - RANK函数
    RANK函数取代了Excel2010中的RANK.EQ函数。描述该函数返回数字列表中数字的等级。数字的等级是其相对于列表中其他值的大小。如果对列表进行排序,则数字的排名将是其位置。语法RANK(number,ref,[order])争论Argument描述Required/OptionalNumberThenumberwhose......
  • 无涯教程-JavaScript - QUARTILE函数
    QUARTILE函数取代了Excel2010中的QUARTILE.INC函数。描述该函数返回数据集的四分位数。四分位数通常用于销售和调查数据中,以将人群分为几类。语法QUARTILE(array,quart)争论Argument描述Required/OptionalArrayThearrayorcellrangeofnumericvaluesforwhi......
  • JS基础-初识JavaScript
    前面讲了前端开发必备的三种语言。其中的HTML、CSS我们基本上有了比较正确的认识。这里讲一下JavaScript。语言功能结构层HTML搭建结构、放置部件、描述定义样式层CSS美化页面、实现布局行为层JavaScript实现交互效果、数据收发、表单验证HTML构成了......
  • 无涯教程-JavaScript - PERCENTRANK函数
    PERCENTRANK函数取代了Excel2010中的PERCENTRANK.INC函数。描述该函数以数据集的百分比形式返回数据集中的值的排名。此功能可用于判断数据集中值的相对位置。语法PERCENTRANK(array,x,[significance])争论Argument描述Required/OptionalArrayThearrayorrangeo......