Web前端开发工程师笔试试题及答案

Web前端开发工程师笔试试题及答案1.在Oracle中，下面用于限制分组函数的返回值的子句是（

）。[单选题]A.WHEREB.HAVING(正确答案)C.ORDERBYD.无法限定分组函数的返回值2.在Oracle中，可用于提取日期时间类型特定部分（如年、月、日、时、分、秒）的函数有（

）。[单选题]A.DATEPARTB.EXTRACT(正确答案)C.TO_CHARD.TRUNC3.有T1表数据如下：id1

amount11

102

203

304

405

506

60

有T2表数据如下：id2

amount21

1002

2005

500

执行

updateT1setT1.amount1=(selectT2.amount2fromT2whereT1.id1=T2.id2);commit;执行之后查看select*fromt1whereid1=3;结果是哪个（

）[单选题]A.0B.30C.Null(正确答案)D.以上都不对4.接上题，创建T1和T2表并插入上题T1,T2数据之后执行updateT1setT1.amount1=(selectT2.amount2fromT2whereT1.id1=T2.id2)whereT1.id1in(selectT2.id2fromT2whereT1.id1=T2.id2)；commit;

执行之后查看select*fromt1whereid1=3;结果是哪个（

）[单选题]A.0B.30(正确答案)C.NullD.以上都不对5.向一个有59个元素的顺序表中插入一个新元素并保持原来顺序不变，平均要移动几个元素（

）[单选题]*A.1B.29C.29.5(正确答案)D.581.请根据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.红色区域的宽度多大？（）

//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.以下哪条语句会产生运行错误：（）[单选题]A.varobj=()(正确答案)B.varobj=[]C.varobj={}D.varobj=//5.请选择结果为真的表达式：（）[单选题]A.nullinstanceofObjectB.null===undefinedC.null==undefined(正确答案)D.NaN==NaN6.letarr=[]

typeofarr的结果是：（）[单选题]A.ArrayB.functionC.object(正确答案)D.undefined7.分析下面的Javascript代码段，输出的结果是（）

arr=newArray(3);

arr[0]=10;

arr[1]=20;

console.log(arr.length);[单选题]A.2B.3(正确答案)C.4D.58.分析下面的Javascript代码段，输出结果是（）

lets1=parseInt(“101中学”);

console.log(s1);[单选题]A.NaNB.101中学C.101(正确答案)D.出现脚本错误9、关于cookie，sessionStorage，localStorage描述正确的是（）[单选题]A.cookie.setItem()用来设置一个cookieB.sessionStorage是存储在服务器端的C.通过localStorage.setItem()可以存储对象类型D.浏览器重新打开时，localStorage里存储的数据依然存在(正确答案)10、Array.isArray(

Atotype)的结果（）[单选题]A:true(正确答案)B:falseC:errorD:other11.某网页中有一个窗体对象，其名称是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)")结果:（）[单选题]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")结果:（）[单选题]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的全局函数：（）A.encodeURI(正确答案)B.parseFloat(正确答案)C.eval(正确答案)D.setTimeoutE.alert4、关于IFrame表述正确的有：（）A.通过IFrame，网页可以嵌入其他网页内容，并可以动态更改(正确答案)B.在相同域名下，内嵌的IFrame可以获取外层网页的对象(正确答案)在相同域名下，外层网页脚本可以获取IFrame网页内的对象(正确答案)D.可以通过脚本调整IFrame的大小(正确答案)5、关于表格表述正确的有：（）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、假设变量A是jQuery对象，通过______把其转为DOM对象[填空题]_________________________________(答案：A[0]或者$(A)[0])3.Javascript判断一个属性是定义在对象本身还是是继承原型链的方法是______[填空题]_________________________________(答案：hasOwnProperty)4.AJAX用于后台与服务器交互数据，核心是通过______实现的[填空题]_________________________________(答案：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输出的结果为_____[填空题]_________________________________(答案：2)7.leta=[{c:1}];

letb=a.slice();

a[0].c++;

console.log(b)的输出结果是______[填空题]_________________________________(答案：[{c:2}])(function(){

leta=b=5;

})()

console.log(b)的输出内容是______[填空题]_________________________________(答案：5)9、functiontest(){

console.log(1);

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

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

console.log(4);

}

test()的输出结果依次是_____[填空题]_________________________________(答案：1，4,3，2)10、微信小程序数据流向是______向的[填空题]_________________________________(答案：单)1.display:none与visibility:hidden区别[填空题]*_________________________________答案解析：作用