這些問題是我在頭條的一面面試中被面試官問到的，總結出來，希望對你有用 ^_^

1.行標籤都有哪些？特點？

img、span、a、sub、sup、em、i、b、strong

設定width、heigh不起作用

margin、padding垂直方向不起作用，水平方向上有效

2.img標籤

因為上面說了行元素設定寬高是不起作用的，所以才會被問到這個，我就解釋了為什麼它是行元素，因為在使用中，img元素中包含圖片的話，它是按照一行排列的，下面的內容是我之後查閱得到的：

img元素是可替換內聯元素，可替換就是瀏覽器根據元素的標籤和屬性，來決定元素的具體顯示形式，img、input、textarea、select、object都是替換元素，替換元素一般有內在尺寸，所以具有width/height，可以設定，當不指定img的width和height的時候，就按照其內在尺寸顯示，也就是圖片被儲存的時候的寬度和高度

參考這裡

3.實現一個響應式的正方形

剛開始我答的是width、height設定為百分比，或者用em、rem這樣的單位

然後面試官說的是，裡面是有內容的，這樣子呈現出正方形，哦，看來剛開始被自己想的拐跑了，然後我就想到了flex，flex中的專案的排列方式設定一下

4.跨域

跨域這個問題，jsonp、domain、webSocket、CORS（請求頭Origin欄位，伺服器判斷，返回三個Accept-control-*欄位）

5.快取瞭解嗎？

跟快取相關的HTTP請求頭中有三個欄位：Cache-control、Expires（指定具體過期日期）、Last-Modified（驗證資源是否過期）。

關於優先順序，Cache-Control比Expires可以控制的多一些， 而且Cache-Control會重寫Expires的規則Cache-Control比Expires可以控制的多一些， 而且Cache-Control會重寫Expires的規則，Cache-Control是關於瀏覽器快取的最重要的設定，因為它覆蓋其他設定，比如 Expires 和 Last-Modified

Mainfest可以快取一個應用，pwa中有Mainfest和Service Worker可以實現快取

參考這裡

6.XSS是什麼說一下？

跨站指令碼攻擊，這些可執行的指令碼由攻擊者提供，最終為使用者瀏覽器載入，不同於大多數攻擊，有儲存型和反射型，防禦方式，編碼，過濾，解碼

7.CSRF瞭解嗎？

跨站請求偽造（攻擊者盜用你的身份，以你的身份傳送惡意請求），一次CSRF攻擊的步驟：

• 登入受信任的網站A，並在本地生成cookie
• 在不登出A的情況下，訪問危險網站B

防禦的方法：

總的思想在客戶端頁面增加偽隨機值

• Cookie Hashing 所有的表單都包含一個偽隨機值
• 驗證碼
• 不同的表單包含一個不同的偽隨機值

8.一個列表，假設有100000個數據，這個該怎麼辦？

剛開始想到的就是分頁的原理，就是每次伺服器端返回一定數目的資料，然後面試官說假如到了100頁，客戶端要快取這麼多資料嗎？這個資料多的話，瀏覽器肯定是吃不消的，然後我就說了這樣的話，可以在顯示某一屏的時候，快取下一屏，這樣體驗好一點

9.倒計時怎麼做？

利用Date物件

    <div>
        <span id="day"></span>天
        <span id="hour"></span>時
        <span id="minutes"></span>分
        <span id="second"></span>秒
    </div>

    setInterval(function() {
        timer();
    }, 1000);

    function timer() {
        var time = (new Date(2017, 8, 24, 14, 46, 0)) - (new Date());

        var day = parseInt(time / 1000 / 60 / 60 / 24, 10);
        var hour = parseInt(time/ 1000/ 60/ 60 % 24, 10);
        var min = parseInt(time / 1000 /60 % 60, 10);
        var second = parseInt((time / 1000) % 60, 10);

        document.getElementById('day').innerHTML = day;
        document.getElementById('hour').innerHTML = hour;
        document.getElementById('minutes').innerHTML = min;
        document.getElementById('second').innerHTML = second;
    }

其中，因為setInterval函式也是存在著延遲的，所以就需要矯正時間，關於矯正時間，我當時主要從客戶端出發，但是後面想到可以利用與伺服器溝通，獲得時間

10.說說Vue框架，對於物件引用的情況呢？

說了雙向繫結、vue-router、vue-resource，關於物件引用的情況說了陣列的兩種情況下的處理（設定值和改變長度）

11.演算法題，對於一個數組，純數字，求和等於m

當時在回答這道題的時候，可能表述的不夠清楚，後面自己也重新做了思考，也出了它的程式碼

#include<stdio.h>
#include<stdlib.h>

#define N 1000
int a[N];
int c = 0;
int n;
int x[N] = {0}; 
int sum = 0;
int rest = 0;

int traceBack(int i) {
    if(sum == c) {
        return 1;
    }
    if(i > n) {
        return 0;
    } 

    rest -= a[i];
    if(sum + a[i] <= c) {
        x[i] = 1;
        sum += a[i];
        if(traceBack(i+1)) {
            return 1;
        }
        sum -= a[i];
    }

    if(sum + rest >= c) {
        x[i] = 0;
        if(traceBack(i + 1)) {
            return 1;
        }
    }

    rest += a[i];
    return 0;   
}

void main(void) {
    scanf("%d%d", &n, &c);
    int i;
    for(i = 0; i < n; i++) {
        scanf("%d", &a[i]);
        rest += a[i];
    }

    if(traceBack(0)) {
        for(i = 0; i < n; i++) {
            if(x[i]) {
                printf("%d ", a[i]);    
            }
        }
    }
}