〔總結系列〕前端面試題精華篩選

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.那麼怎樣解決跨域問題的呢？

一、 經過jsonp跨域
二、 document.domain + iframe跨域
三、 location.hash + iframe
四、 window.name + iframe跨域
五、 postMessage跨域
六、 跨域資源共享（CORS）
七、 nginx代理跨域
八、 nodejs中間件代理跨域 // 音樂app教程老師有用到
九、 WebSocket協議跨域
十、後端在頭部信息裏面設置安全域名 // 公司後端給解決過

持續更新中···