摘要：前言上周二在阿里暑期實(shí)習(xí)的前端筆試那里打了個(gè)醬油。當(dāng)不存在時(shí)，將會(huì)創(chuàng)建它。要求單擊該元素后，提示用戶用戶名不能為空。要求內(nèi)邊框?qū)挾葹椋瑹o外邊框。要求在前端實(shí)現(xiàn)一個(gè)根據(jù)一批員工，通過查詢員工信息的功能。其實(shí)是考察的內(nèi)容。

上周二在阿里暑期實(shí)習(xí)的前端筆試那里打了個(gè)醬油。題目說實(shí)話都很基礎(chǔ)，但如果之前沒有專門寫過類似的東西，現(xiàn)想現(xiàn)寫的話，一個(gè)小時(shí)壓力還是有些大的（當(dāng)然了，大神除外）。
下面把題目分享給大家，歡迎大家一起探討交流，共同進(jìn)步。
我做了一些，后面的大題肯定有沒寫完的。稍晚些貼上來吧。

  
下列符合規(guī)范的 AMD 模塊 ID 有？（單選）

  【A】../../foo/Boo/WoO;

  【B】foo/boo/Woo;

  【C】./foo/boo/woo;

  【D】foo/boo/woo.js;

不知道 AMD 是神馬（我的第一反應(yīng)怎么是做 CPU 和顯卡的那個(gè)），當(dāng)時(shí)也沒仔細(xì)谷歌。。看著順眼隨便選了個(gè) 【C】
后來找了找，...

  
以下說法正確的有：（單選）

  【A】HTML5 規(guī)范中不建議在一個(gè)頁面中使用多個(gè) h1;

  【B】table 標(biāo)簽是過時(shí)的，不建議使用；

  【C】Ajax 請(qǐng)求不可能阻塞 UI 線程；

  【D】在網(wǎng)頁首次加載的時(shí)候，visibility 值為 hidden 的圖片還是會(huì)被瀏覽器請(qǐng)求

應(yīng)該是D吧。。

javascriptvar a = 0;
function A(){
    this.a = 1; 
    setTimeout(function(){
        this.a = 2;
        try{
            this.b="b";
            throw "";
        }
        catch(e){
            this.b="bb";
        }
    },0);
    this.b="bbb";
}

var aa = new A();

setTimeout(function(){
    console.log(aa.a);
    console.log(window.a);
    console.log(aa.b);
    console.log(window.b)
},0);

  
下面的說法哪些是正確的：

javascriptfunction foo(x){
    x = x || 1;
    console.log(x);
}
foo(2);

javascriptx=1;
if(x===true){
    console.log("Yes");
}
else{
    console.log("No");
}

javascriptvar obj1 = {x:1},
    obj2 = {x:2};
(function(obj2){
    delete obj2.x
})(obj1);
console.log(obj1.x, obj2.x);

javascriptvar x = 1;
setTimeout(function(){
    x = 2;
},0)
console.log(x);

  
下列哪些 web 安全措施用于防御 csrf 攻擊：

  【A】http 響應(yīng)添加 Content-Security-Policy 頭部

  【B】表單提交時(shí)需帶上 token 并在服務(wù)器端校驗(yàn)通過才行

  【C】前端對(duì)用戶輸入的內(nèi)容進(jìn)行編碼

  【D】每次請(qǐng)求的 token 最好都不一樣

  【E】禁用 OPTIONS 方法

javascriptvar obj = {
    "1":"a",
    "2":"b",
    "length":2,
    push:Array.prototype.push
}
obj.push("c");

  
瀏覽器執(zhí)行以上腳本后，說法正確的是：

  【A】obj 的 length 屬性會(huì)變?yōu)?3;

  【B】obj 的 length 屬性不會(huì)變;

  【C】obj3 的值是 c;

  【D】obj1 和 2 的值不會(huì)發(fā)生變化;

  【E】obj2 的值是 c;

  【F】obj3 的值是 undefined;

javascriptfunction ObservedArrayPush() {
  var n = TO_UINT32(this.length);
  var m = %_ArgumentsLength();

  try {
    BeginPerformSplice(this);
    for (var i = 0; i < m; i++) {
      this[i+n] = %_Arguments(i);
    }
    var new_length = n + m;
    this.length = new_length;
  } finally {
    EndPerformSplice(this);
    EnqueueSpliceRecord(this, n, [], m);
  }

  return new_length;
}

// Appends the arguments to the end of the array and returns the new
// length of the array. See ECMA-262, section 15.4.4.7.
function ArrayPush() {
  CHECK_OBJECT_COERCIBLE(this, "Array.prototype.push");

  if (%IsObserved(this))
    return ObservedArrayPush.apply(this, arguments);

  var array = TO_OBJECT_INLINE(this);
  var n = TO_UINT32(array.length);
  var m = %_ArgumentsLength();

  for (var i = 0; i < m; i++) {
    array[i+n] = %_Arguments(i);
  }

  var new_length = n + m;
  array.length = new_length;
  return new_length;
}

  
push 方法把值添加到數(shù)組中。

  push 方法有意具有通用性。該方法和 call() 或 apply() 一起使用時(shí)，可應(yīng)用在類似數(shù)組的對(duì)象上。push 方法根據(jù) length 屬性來決定從哪里開始插入給定的值。如果 length 不能被轉(zhuǎn)成一個(gè)數(shù)值，則插入的元素索引為 0，包括 length 不存在時(shí)。當(dāng) length 不存在時(shí)，將會(huì)創(chuàng)建它。

  唯一的原生類數(shù)組（array-like）對(duì)象是 Strings，盡管如此，它們并不適用該方法，因?yàn)樽址遣豢筛淖兊摹?br>
  當(dāng)調(diào)用該方法時(shí)，新的 length 屬性值將被返回。

  
輸入你的github、技術(shù)博客或微博的網(wǎng)址：

  
不借助第三方庫，請(qǐng)編碼完成:給一個(gè)超鏈接元素綁定一個(gè)鼠標(biāo)單擊的事件。要求單擊該元素后，提示用戶“用戶名不能為空”。注意：請(qǐng)盡可能兼容給多的瀏覽器

html我是一個(gè)超鏈接

javascriptvar a = document.getElementById("hyper"),
    handler =function(e){
        alert("用戶名不能為空");
    }
if (window.addEventListener){
    a.addEventListener("click",handler,false);
}
else if(window.attachEvent){
    a.attachEvent("onclick",handler);
}
else{
    a["onclick"]=handler;
}

  
請(qǐng)使用至少兩種方案實(shí)現(xiàn)左中右三欄布局，左欄固定寬度 100px，右欄固定寬度 100px，中欄寬度不固定，三欄寬度加起來正好是 100%。

  
使用 HTML、CSS 代碼實(shí)現(xiàn)一個(gè)九宮格的頁面布局。要求內(nèi)邊框?qū)挾葹?1px，無外邊框。

  
請(qǐng)你使用多種方式實(shí)現(xiàn)一個(gè) IOS 樣式的開關(guān)

  
用 JS 來實(shí)現(xiàn)一個(gè)函數(shù)，用來判斷一個(gè)字符串中出現(xiàn)次數(shù)最多的字符，并統(tǒng)計(jì)出這個(gè)次數(shù)

javascript
function judge(str){
    var arr = str.toLowerCase().split("");
    arr.sort();
    var pre = "";
    var max = 1;
    var num = 1;
    var most = "";
    arr.forEach(function(item,index,arr){
        if (index === 0){
            pre = item;
        }
        else{
            if (item === pre){
                num++;
                if (max<=num){
                    max = num;
                    most = item;
                }
            }
            else{
                num = 1;
            }
            pre = item;
        }
    });
    console.log("最多的字符為:" + most +";次數(shù)為：" + max);
}

//judge("addqbcabceddqeeffjjjqqqq");

  
給定一個(gè)http接口，傳入一個(gè)員工id，返回員工的詳細(xì)信息，接口形式為 http://localhost/query?id=。要求在前端實(shí)現(xiàn)一個(gè)根據(jù)一批員工id，通過 ajax 查詢員工信息的功能。

html
Here is the data

javascript
var btn = document.getElementById("btn");
btn.onclick = function(){
    var idList=[1,2,3,4,5,6,7,8,9,10],
        ul = document.createElement("ul");
    idList.forEach(function(index,item,array){
        if (XMLHttpRequest){//IE7 之前會(huì)不存在的
            var xhr = new XMLHttpRequest(),
                url = "http://localhost:3030/query?id=" + item;
            xhr.open("get", url, true);
            xhr.onreadystatechange = function(){
                if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){
                    if (xhr.readyState == 4 ){
                        ul.innerHTML += "
" + item + ":" + xhr.responseText +"
";
                    }
                }
                else{
                    console.log("error");
                    console.log(xhr.status);
                }
            };
            xhr.send(null);
        }
    });
    document.getElementById("data").appendChild(ul);
}

javascriptvar express = require("express");
var app = express();

app.get("/query",function(req,res){
  var url = req.url;
  var id = url.substring(url.indexOf("=")+1);
  res.send(id);
});
app.use(express.static(__dirname));
app.listen(3030);