Web前端開發(fā)工程師筆試試題及答案

Web前端開發(fā)工程師筆試試題及答案1.在Oracle中，下面用于限制分組函數(shù)的返回值的子句是（

）。[單選題]A.WHEREB.HAVING(正確答案)C.ORDERBYD.無法限定分組函數(shù)的返回值2.在Oracle中，可用于提取日期時間類型特定部分（如年、月、日、時、分、秒）的函數(shù)有（

）。[單選題]A.DATEPARTB.EXTRACT(正確答案)C.TO_CHARD.TRUNC3.有T1表數(shù)據(jù)如下：id1

amount11

102

203

304

405

506

60

有T2表數(shù)據(jù)如下：id2

amount21

1002

2005

500

執(zhí)行

updateT1setT1.amount1=(selectT2.amount2fromT2whereT1.id1=T2.id2);commit;執(zhí)行之后查看select*fromt1whereid1=3;結(jié)果是哪個（

）[單選題]A.0B.30C.Null(正確答案)D.以上都不對4.接上題，創(chuàng)建T1和T2表并插入上題T1,T2數(shù)據(jù)之后執(zhí)行updateT1setT1.amount1=(selectT2.amount2fromT2whereT1.id1=T2.id2)whereT1.id1in(selectT2.id2fromT2whereT1.id1=T2.id2)；commit;

執(zhí)行之后查看select*fromt1whereid1=3;結(jié)果是哪個（

）[單選題]A.0B.30(正確答案)C.NullD.以上都不對5.向一個有59個元素的順序表中插入一個新元素并保持原來順序不變，平均要移動幾個元素（

）[單選題]*A.1B.29C.29.5(正確答案)D.581.請根據(jù)css確定text這個段落的文字顏色：（）

p.color1{color:blue;}

p.color2{color:green;}

p.color3{color:purple;}

.color1{color:red;}

p{color:black;}[單選題]A.blueB.greenC.purple(正確答案)D.redE.black2.紅色區(qū)域的寬度多大？（）

//html文本

//css

div{

box-sizing:border-box;

width:100px;

padding:10px;

background:red;

background-clip:content-box;

}[單選題]A.100pxB.120pxC.80px(正確答案)D.以上都不對3.以下哪個單詞不屬于javascript保留字：（）[單選題]A.withB.parent(正確答案)C.classD.void4.以下哪條語句會產(chǎn)生運行錯誤：（）[單選題]A.varobj=()(正確答案)B.varobj=[]C.varobj={}D.varobj=//5.請選擇結(jié)果為真的表達式：（）[單選題]A.nullinstanceofObjectB.null===undefinedC.null==undefined(正確答案)D.NaN==NaN6.letarr=[]

typeofarr的結(jié)果是：（）[單選題]A.ArrayB.functionC.object(正確答案)D.undefined7.分析下面的Javascript代碼段，輸出的結(jié)果是（）

arr=newArray(3);

arr[0]=10;

arr[1]=20;

console.log(arr.length);[單選題]A.2B.3(正確答案)C.4D.58.分析下面的Javascript代碼段，輸出結(jié)果是（）

lets1=parseInt(“101中學(xué)”);

console.log(s1);[單選題]A.NaNB.101中學(xué)C.101(正確答案)D.出現(xiàn)腳本錯誤9、關(guān)于cookie，sessionStorage，localStorage描述正確的是（）[單選題]A.cookie.setItem()用來設(shè)置一個cookieB.sessionStorage是存儲在服務(wù)器端的C.通過localStorage.setItem()可以存儲對象類型D.瀏覽器重新打開時，localStorage里存儲的數(shù)據(jù)依然存在(正確答案)10、Array.isArray(

Atotype)的結(jié)果（）[單選題]A:true(正確答案)B:falseC:errorD:other11.某網(wǎng)頁中有一個窗體對象，其名稱是mainForm，該窗體對象的第一個元素時按鈕，其名稱是myButton，表述該按鈕對象的方法是（）[單選題]A.document.forms.myButtonB、document.mainForm.myButton(正確答案)C.document.forms[0].element[0]D.以上都可以12、在DOM對象模型中，下列選項中的（）對象位于DOM對象模型的第二層[單選題]A.windowB.document(正確答案)C.buttonD.text13、HTML代碼:

<table>

<tr><td>Header1</td></tr>

<tr><td>Value1</td></tr>

<tr><td>Value2</td></tr>

</table>

jQuery代碼:$("tr:gt(0)")結(jié)果:（）[單選題]A、[<tr><td>Header1</td></tr>]B、[<tr><td>Value1</td></tr>,<tr><td>Value2</td></tr>](正確答案)C、[<tr><td>Value2</td></tr>]D、[<td>Value2</td>]14、HTML代碼:

<form>

<label>Name:</label>

<inputname="name"/>

<fieldset>

<label>Newsletter:</label>

<inputname="newsletter"/>

</fieldset>

</form>

<inputname="none"/>

jQuery代碼:$("label+input")結(jié)果:（）[單選題]A、[<inputname="newsletter"/>]B、[<inputname="name"/>]C、[<inputname="name"/>,<inputname="newsletter"/>](正確答案)D、[<label>Newsletter:</label>]15、下面哪一個是jquery用來追加到指定元素的末尾的方法（）[單選題]A.insertAfter()B、append()C、appendTo()(正確答案)D、after()1、在不指定特殊屬性的情況下，哪幾種HTML標簽可以手動輸入文本：（）A.<textarea></textarea>(正確答案)B.<inputtype=”text”/>(正確答案)C.<inputtype=”hidden”/>D.<div></div>2、foo對象有att屬性，那么獲取att屬性的值，以下哪些做法是可以的：（）A.foo.att(正確答案)B.foo(“att”)C.foo[“att”](正確答案)D.foo{“att”}E.foo[“a”+”t”+”t”](正確答案)3、以下哪些是javascript的全局函數(shù)：（）A.encodeURI(正確答案)B.parseFloat(正確答案)C.eval(正確答案)D.setTimeoutE.alert4、關(guān)于IFrame表述正確的有：（）A.通過IFrame，網(wǎng)頁可以嵌入其他網(wǎng)頁內(nèi)容，并可以動態(tài)更改(正確答案)B.在相同域名下，內(nèi)嵌的IFrame可以獲取外層網(wǎng)頁的對象(正確答案)在相同域名下，外層網(wǎng)頁腳本可以獲取IFrame網(wǎng)頁內(nèi)的對象(正確答案)D.可以通過腳本調(diào)整IFrame的大小(正確答案)5、關(guān)于表格表述正確的有：（）A.表格中可以包含TBODY元素(正確答案)B.表格中可以包含CAPTION元素(正確答案)C.表格中可以包含多個TBODY元素(正確答案)D.表格中可以包含COLGROUP元素(正確答案)E.表格中可以包含COL元素(正確答案)1.html:

<ul>

<li>text</li>

<li>text</li>

</ul>

css:

ul{width:1000px;display:flex;align-items:center;justify-content:space-around}

li{width:100px}

li之間的間距為______px[填空題]_________________________________(答案：400)2、假設(shè)變量A是jQuery對象，通過______把其轉(zhuǎn)為DOM對象[填空題]_________________________________(答案：A[0]或者$(A)[0])3.Javascript判斷一個屬性是定義在對象本身還是是繼承原型鏈的方法是______[填空題]_________________________________(答案：hasOwnProperty)4.AJAX用于后臺與服務(wù)器交互數(shù)據(jù)，核心是通過______實現(xiàn)的[填空題]_________________________________(答案：XMLHttpRequest)5.______屬性，可用來檢測瀏覽器版本[填空題]_________________________________(答案：userAgent)6.html:

<ul>

<liclass=’c1’>click</li>

<liclass=’c2’>click</li>

<liclass=’c3’>click</li>

</ul>

Javascript:

letnodeList=document.getElementsByTagName('li')

for(leti=0;i<nodeList.length;i++){

nodeList[i].addEventListener('click',function(){console.log(i)})

}

點擊c3輸出的結(jié)果為_____[填空題]_________________________________(答案：2)7.leta=[{c:1}];

letb=a.slice();

a[0].c++;

console.log(b)的輸出結(jié)果是______[填空題]_________________________________(答案：[{c:2}])(function(){

leta=b=5;

})()

console.log(b)的輸出內(nèi)容是______[填空題]_________________________________(答案：5)9、functiontest(){

console.log(1);

setTimeout(()=>{console.log(2)},100);

setTimeout(()=>{console.log(3)},0);

console.log(4);

}

test()的輸出結(jié)果依次是_____[填空題]_________________________________(答案：1，4,3，2)10、微信小程序數(shù)據(jù)流向是______向的[填空題]_________________________________(答案：單)1.display:none與visibility:hidden區(qū)別[填空題]*_________________________________答案解析：作用