Web前端筆試題

1、深圳市天地同舟科技有限責(zé)任公司1) 現(xiàn)在有以下 HTML 代碼：<div class="wrapper"> <div class="box box1"></div> <div class="box box2"></div></div>補全下面的 CSSdiv.wrapper border: 1px solid #ccc; width: 200px; padding: 10px; / TODOdiv.box width: 50px; height: 50px; bo

2、rder: 1px solid #ccc;div.box1 / TODOdiv.box2 / TODO以達到以下效果：2) 補充完成下面的代碼：function People (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) 補充下面

3、的代碼，盡量多地寫出你能想到的實現(xiàn)方案。var arr = name: 'Jerry' , name: 'Lily' , name: 'Lucy' , name: 'Tomy' ;var arr2 = /* TODO */;arr = arr2; / => falsearr0 = arr20; / => truearr1 = arr21; / => truearr2 = arr22; / => truearr3 = arr23; / => true4) 補充 CSS 代碼，讓 p 元素內(nèi)的文字 “垂直

4、” 居中顯示：HTML<p>Jerry is my love.</p>CSSp height: 30px; border: 1px solid #ccc; / TODO5) 寫出標(biāo)號處各打印的內(nèi)容，并解釋原因：<script type="text/javascript">var name = 'jerry'function sayHi () return 'Hi, I am ' + ;var lucy = name: 'Lucy', sayHi: sayHi, s

5、ayAnotherHi: function () return sayHi(); ;var tomy = name: 'Tomy'console.log(sayHi(); / 1:console.log(lucy.sayHi(); / 2:console.log(lucy.sayHi.apply(tomy); / 3:console.log(lucy.sayAnotherHi(); / 4:</script>6) HTTP是無狀態(tài)協(xié)議，那么網(wǎng)站應(yīng)該如何記住用戶的登錄狀態(tài)？盡量詳細回答整個過程。答：7) 寫出標(biāo)號處各打印的數(shù)值，并盡量解釋原因：(function ()

6、 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、; / 7: result(); console.log(a); / 8:)();8）頁面上有以下元素：<ul id="list"> <li>This is Jerry</li> <li>This is Lucy</li> <li>This is Lily</li> <li>This is Tomy</li></ul>編寫 JavaScript，使得點擊頁面的特定 li 元素就會 alert "元素的序號. 內(nèi)容"。例如點擊第一個元素，

8、就會 alert 出 "1. This is Jerry"。（不能用jQuery，注意需要alert序號）/ TODO/ .9) 盡量多地列出你所知道的關(guān)于前端的技術(shù)（方法、框架等），并且簡述其作用。答：10) 如果現(xiàn)在頁面上出現(xiàn)了卡頓現(xiàn)象，例如鼠標(biāo)移動不流暢，頁面滾動不流暢，你會如何進行debug？答：11）編寫 JavaScript 代碼，讓題目 1 的兩個正方形可以在長方形內(nèi)自由拖拽（可以使用 jQuery）。/ TODO.12) 編寫一個 Children 類，繼承題目 2 中的 People 類。/ TODOvar baby = new Children('Lucy', 12);baby.tellAge(); / => 'I am 12 years old'baby.sayHi(); / => 'Hi, I am Lucy'(baby instanceof People) / => true;13) 找出下面代碼的規(guī)律并且編寫一個函數(shù)，轉(zhuǎn)換特定