Web前端筆試題.doc

《Web前端筆試題.doc》由會(huì)員分享，可在線閱讀，更多相關(guān)《Web前端筆試題.doc（6頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

. 1) 現(xiàn)在有以下 HTML 代碼： 補(bǔ)全下面的 CSS div.wrapper { border: 1px solid #ccc; width: 200px; padding: 10px; // TODO } div.box { width: 50px; height: 50px; border: 1px solid #ccc; } div.box1 { // TODO } div.box2 { // TODO } 以達(dá)到以下效果： 2) 補(bǔ)充完成下面的代碼： function People (name) { this.name = name; } // TODO // ... // var jerry = new People(Jerry); jerry.sayHi(); // => Hi, I am Jerry var lucy = new People(Lucy); lucy.sayHi(); // => Hi, I am Lucy 3) 補(bǔ)充下面的代碼，盡量多地寫出你能想到的實(shí)現(xiàn)方案。 var arr = [ { name: Jerry }, { name: Lily }, { name: Lucy }, { name: Tomy } ]; var arr2 = /* TODO */; arr === arr2; // => false arr[0] === arr2[0]; // => true arr[1] === arr2[1]; // => true arr[2] === arr2[2]; // => true arr[3] === arr2[3]; // => true 4) 補(bǔ)充 CSS 代碼，讓 p 元素內(nèi)的文字 “垂直”居中顯示： HTML

Jerry is my love.

CSS p { height: 30px; border: 1px solid #ccc; // TODO } 5) 寫出標(biāo)號(hào)處各打印的內(nèi)容，并解釋原因： 6) HTTP是無(wú)狀態(tài)協(xié)議，那么網(wǎng)站應(yīng)該如何記住用戶的登錄狀態(tài)？盡量詳細(xì)回答整個(gè)過(guò)程。 答： 7) 寫出標(biāo)號(hào)處各打印的數(shù)值，并盡量解釋原因： (function () { var a = 0; function run() { a = 1; function run2 () { console.log(a); // 1: var a = 3; console.log(a); // 2: } run2(); console.log(a); // 3: function run3 (a) { console.log(a); // 4: a = 5; } run3(8); console.log(a); // 5: function run4 () { a = 4; } console.log(a); //6: return run4; } var result = run(); console.log(a); // 7: result(); console.log(a); // 8: })(); 8）頁(yè)面上有以下元素：

• This is Jerry
• This is Lucy
• This is Lily
• This is Tomy

編寫 JavaScript，使得點(diǎn)擊頁(yè)面的特定 li 元素就會(huì) alert "元素的序號(hào). 內(nèi)容"。例如點(diǎn)擊第一個(gè)元素，就會(huì) alert 出 "1. This is Jerry"。（不能用jQuery，注意需要alert序號(hào)） // TODO // ... 9) 盡量多地列出你所知道的關(guān)于前端的技術(shù)（方法、框架等），并且簡(jiǎn)述其作用。 答： 10) 如果現(xiàn)在頁(yè)面上出現(xiàn)了卡頓現(xiàn)象，例如鼠標(biāo)移動(dòng)不流暢，頁(yè)面滾動(dòng)不流暢，你會(huì)如何進(jìn)行debug？ 答： 11）編寫 JavaScript 代碼，讓題目 1 的兩個(gè)正方形可以在長(zhǎng)方形內(nèi)自由拖拽（可以使用 jQuery）。 // TODO ... 12) 編寫一個(gè) Children 類，繼承題目 2 中的 People 類。 // TODO var baby = new Children(Lucy, 12); baby.tellAge(); // => I am 12 years old; baby.sayHi(); // => Hi, I am Lucy; (baby instanceof People) // => true; 13) 找出下面代碼的規(guī)律并且編寫一個(gè)函數(shù)，轉(zhuǎn)換特定的整數(shù)到對(duì)應(yīng)的字符串。 1 => A 2 => B 3 => C ... 26 => Z 27 => AA 28 => AB 29 => AC ... 52 => AZ 53 => BA ... function convert (num) { // TODO } 精選word范本！