〔总结系列〕前端面试题英华挑选

2023年9月29日 178次阅读 来源: 武靖峰

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://segmentfault.com/a/1190000017052088
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞