资讯专栏INFORMATION COLUMN

〔总结系列〕前端面试题精华筛选

lyning / 3267人阅读

摘要:所谓同源是指协议域名端口三者相同,即便两个不同的域名指向同一个地址,也非同源。那么怎样解决跨域问题的呢通过跨域跨域跨域跨域跨域资源共享代理跨域中间件代理跨域音乐教程老师有用到协议跨域后端在头部信息里面设置安全域名公司后端给解决过持续更新中

JavaScript篇

如何获取浏览器URL中查询字符串中的参数?

1.封装方法
getUrlArgs(url) {
   const args = url.split("?")
   if (args[0] === url) {
      return false
   }
   const arr = args[1].split("&")
   const obj = {}
   arr.forEach(item => {
      const argArr = item.split("=")
      obj[argArr[0]] = argArr[1]
   })
   return obj
},
2.调用方法
const href = "http://www.runoob.com/jquery/misc-trim.html?channelid=12333&name=xiaoming&age=23";
const argObj = this.getUrlArgs(href)

跨域的几种方式
1.如何理解浏览器的同源策略

同源策略/SOP(Same origin policy)是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。

2.那么怎样解决跨域问题的呢?

1、 通过jsonp跨域
2、 document.domain + iframe跨域
3、 location.hash + iframe
4、 window.name + iframe跨域
5、 postMessage跨域
6、 跨域资源共享(CORS)
7、 nginx代理跨域
8、 nodejs中间件代理跨域 // 音乐app教程老师有用到
9、 WebSocket协议跨域
10、后端在头部信息里面设置安全域名 // 公司后端给解决过

持续更新中···

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53283.html

相关文章

  • 总结系列前端面试精华筛选

    摘要:所谓同源是指协议域名端口三者相同,即便两个不同的域名指向同一个地址,也非同源。那么怎样解决跨域问题的呢通过跨域跨域跨域跨域跨域资源共享代理跨域中间件代理跨域音乐教程老师有用到协议跨域后端在头部信息里面设置安全域名公司后端给解决过持续更新中 JavaScript篇 如何获取浏览器URL中查询字符串中的参数? 1.封装方法 getUrlArgs(url) { const args =...

    Thanatos 评论0 收藏0
  • 总结系列前端技术精华清单

    摘要:内容汇总篇年终回顾,为你汇总一份前端技术清单面试题大全个必会的面试题最全前端面试问题及答案总结持续更新中 内容汇总篇年终回顾,为你汇总一份「前端技术清单」 面试题大全20个必会的JavaScript面试题最全前端面试问题及答案总结 持续更新中···

    opengps 评论0 收藏0
  • 总结系列前端技术精华清单

    摘要:内容汇总篇年终回顾,为你汇总一份前端技术清单面试题大全个必会的面试题最全前端面试问题及答案总结持续更新中 内容汇总篇年终回顾,为你汇总一份「前端技术清单」 面试题大全20个必会的JavaScript面试题最全前端面试问题及答案总结 持续更新中···

    qingshanli1988 评论0 收藏0
  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0
  • 前端实习面试的一些建议

    摘要:作者今年大三,在春招过程中参加了多家大公司的面试后,拿到了腾讯的前端实习,在这里做一些总结,希望给还未参加过实习面试的同学一些帮助。在之后的面试时就更加从容一些了。 作者今年大三,在春招过程中参加了多家大公司的面试后,拿到了腾讯的前端实习 offer,在这里做一些总结,希望给还未参加过实习面试的同学一些帮助。 一、简历的准备 简历制作是很重要的一个环节,一份好的简历会给面试官留下很不错...

    Rango 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<