《前端特工隊》闖關記錄

1、在IOS中大於(不等於)哪個系統版本開始支持position:fixed？

iOS 5 and Android 4 are both reported to have position:fixed support now.(from: here)

呃……答案是IOS4.3以上

2、[]==[] 返回什麼？

應該是JS，親測返回false

3、<a href="__需填空，不填js，使之成爲合理的url，協議跟主域一致__a.xxx.com" ></a>

最後的這道填空題很多人不懂是什麼東西，這裏其實考察到相對協議。由於不知道URL是http還是https，因此只需要填//即可，瀏覽器會自動尋找判斷，這在CDN獲取資源中很常用。（from: here）

4、下面代碼，若在同步執行的情況下，得到的結果是?

var countLen = 4;
while(countLen--){
       (function(i){
               setTimeout(function(){
                       alert(i);
               },0);
       })(countLen);
       alert(countLen);
}

奇怪啊……我在chrome裏測試，順序是32101023，但是答案是32103210。

又從這位大神那拿答案了here……這裏直接在控制檯運行一下也可得出答案，選擇D。裏面的匿名函數是一個閉包，每一次傳countLen進去後會調用setTimeout，實際上setTimeout傳0參數後也不是馬上執行的，這裏關係到一個瀏覽器時鐘精度的問題，詳情看這文章。因此進入了setTimeout並不是馬上執行，而是進入一個隊列，等待延遲時間後依次執行。因此會先執行閉包外的alert，也就是3,2,1,0的順序。接着執行瀏覽器延遲時鐘setTimtout隊列3,2,1,0。

5、下列哪個移動端屬性可以禁止用戶選中文字

A. -webkit-touch-callout:none             // 長按時不觸發系統的菜單, 可用在圖片上加這個屬性禁止下載圖片
B. -webkit-user-select: none              // 設置爲無法選擇文本 
C. -webkit-text-size-adjust: none         // 不允許瀏覽器自動調整字體
D. -webkit-transform: rotateX(100deg)     // 各種變換，rotate是2D旋轉
E. -webkit-appearance: none               // 去除系統默認appearance的樣式,常用於IOS下移除原生樣式

所以答案是B

6、~~520.1314 等於什麼？

答案：520

7、以下那個緩存控制方法不會與server校驗新鮮度?

A. Cache-Control: max-age=0
B. Cache-Control: no-cache
C. Cache-Control: no-store
D. Cache-Control: must-revalidate

？？？？？？？？？？？？？？？？不清楚，先查了答案C

max-age執行緩存被認爲是最新的最長時間；no-cache強制每次請求直接發送給源服務器，而不經過本地緩存版本的校驗；no-store強制緩存在任何情況下都不要保留任何副本。在請求消息中發送將使得請求和響應消息都不使用緩存；must-revalidate告訴緩存必須遵循所有你給予副本的新鮮度的。因此no-store是完全禁止緩存，因此不需要校驗緩存的新鮮度，常用於機密文件，答案選擇C。

8、子元素寬高未知，使相對父元素水平垂直居中

.child {
    position: absolute;
    top: 50% ;
    left: 50% ;
    -webkit-transform: translate(-50% , -50% );
}

9、CSS Loading動畫

太好玩了。

10、找出被修改的數據

完全看不懂……答案M

T^T

在倒數第二個箱子，木有血啦……