撩課-Web大前端天天5道面試題-Day9

1. 請用至少3中方式實現數組去重?

方法一: indexOf

var arr1=[1,2,3,4,5,4,3,2,1];
  function repeat1(arr){
    for(var i=0,arr2=[];i<arr.length;i++){
      if(arr2.indexOf(arr[i])==-1){
        arr2.push(arr[i]);
      }
    }
    return arr2;
}

方法二: hash

function repeat2(arr){
    // 1. 遍歷arr中每一個元素，同時聲明hash
    for(var i=0,hash={};i<arr.length;i++){
      // hash中是否包含當前元素值的建
      // 若是不包含,就hash添加一個新元素，
      // 以當前元素值爲key，value默認爲1
      if(hash[arr[i]]===undefined){
          hash[arr[i]]=1;
      }
    }
    //  2. 將hash轉爲索引
    var i=0;
    var arr2=[];
    for(arr2[i++] in hash);
    return arr2;
}

方法三: 正則

function repeat3(arr){
    return arr.sort()
             .join(",,")
             .replace(
              /(^|,,)([^,]+)(,,\2)*/g,
              "$1$2")
             .split(",,");
  }
console.log(repeat3(arr1));

複製代碼

2. HTTP狀態碼及其含義?

1XX：信息狀態碼
100 Continue 繼續，通常在發送post請求時，
已發送了http header以後服務端將返回此信息，
表示確認，以後發送具體參數信息;

2XX：成功狀態碼
200 OK 正常返回信息
201 Created 請求成功而且服務器建立了新的資源
202 Accepted 服務器已接受請求，但還沒有處理

3XX：重定向
301 Moved Permanently 請求的網頁已永久移動到新位置。
302 Found 臨時性重定向。
303 See Other 臨時性重定向，且老是使用 GET 請求新的 URI。
304 Not Modified 自從上次請求後，請求的網頁未修改過。

4XX：客戶端錯誤
400 Bad Request 服務器沒法理解請求的格式，
客戶端不該當嘗試再次使用相同的內容發起請求。
401 Unauthorized 請求未受權。
403 Forbidden 禁止訪問。
404 Not Found 找不到如何與 URI 相匹配的資源。

5XX: 服務器錯誤
500 Internal Server Error 最多見的服務器端錯誤。
503 Service Unavailable 服務器端暫時沒法處理請求
（多是過載或維護）。

複製代碼

3. html5有哪些新特性、移除了那些元素？

HTML5 如今已經不是 SGML 的子集，
主要是關於圖像，位置，存儲，多任務等功能的增長:
1) 繪畫標籤canvas;
2) 用於媒介回放的 video 和 audio 元素;
3) 本地離線存儲 localStorage 長期存儲數據，
瀏覽器關閉後數據不丟失;
4) sessionStorage 的數據在瀏覽器關閉後自動刪除;
5) 語意化更好的內容元素，
好比article、footer、header、nav、section;
6) 表單控件，calendar、date、time、email、url、search;
7) webworker, websocket, Geolocation;

移除的元素：
1) 純表現的元素：basefont，big，center，font, s，strike，tt，...
2) 對可用性產生負面影響的元素：frame，frameset，noframes

複製代碼

4. display: none;與visibility: hidden;的區別?

相同點：它們都能讓元素不可見

不一樣點：
display:none;會讓元素徹底從渲染樹中消失，
渲染的時候不佔據任何空間；

visibility: hidden;不會讓元素從渲染樹消失，
渲染師元素繼續佔據空間，只是內容不可見;

display: none;是非繼承屬性，
子孫節點消失因爲元素從渲染樹消失形成，
經過修改子孫節點屬性沒法顯示；

visibility: hidden;是繼承屬性，
子孫節點消失因爲繼承了hidden，
經過設置visibility: visible;可讓子孫節點顯示;

修改常規流中元素的display一般會形成文檔重排。
修改visibility屬性只會形成本元素的重繪。

讀屏器不會讀取display: none;元素內容；
會讀取visibility: hidden;元素內容

複製代碼

5. 如何解決跨域問題?

1) jsonp
2) iframe
3) window.name 
4) window.postMessage 
5) 服務器上設置代理頁面
複製代碼

6. XML和JSON的區別？

1) 數據體積方面
JSON相對於XML來說，
數據的體積小，傳遞的速度更快些。

2) 數據交互方面
JSON與JavaScript的交互更加方便，
更容易解析處理，更好的數據交互。

3) 數據描述方面;
JSON對數據的描述性比XML較差。

4) 傳輸速度方面:
JSON的速度要遠遠快於XML。

複製代碼