web前端筆試試題（答案）

時(shí)間：2023-09-28 18:48:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-09-28 18:48:02 來源：網(wǎng)站運(yùn)營

web前端筆試試題（答案）：一、填空題（每空1分，共70分）
1、JS中的數(shù)據(jù)類型有哪些__string,number,undefined,null,boolean,Object Array,Function,；（3分）
2、JS中強(qiáng)制類型轉(zhuǎn)換為number類型的方法有：parseInt()、parseFloat()、number()。
3、創(chuàng)建一個(gè)子節(jié)點(diǎn)___createElement()，插入一個(gè)節(jié)點(diǎn)_appendChild() __，在已有元素之前插入節(jié)點(diǎn)__insertbefore()，刪除字節(jié)點(diǎn)_____removeChild()。
4、獲取元素的第一個(gè)子節(jié)點(diǎn)__firstNode___________________，獲取元素的最后一個(gè)子節(jié)點(diǎn)__lastNode______________，上一個(gè)兄弟節(jié)點(diǎn)____previousSibling_________________，下一個(gè)兄弟節(jié)點(diǎn)__________nextSibling___________。
5、獲取所有子元素節(jié)點(diǎn)___children_________，獲取父級(jí)節(jié)點(diǎn)___parent_________
6、常用運(yùn)算符有那五大類_____算術(shù)運(yùn)算符___、邏輯運(yùn)算符______、關(guān)系運(yùn)算符________、賦值運(yùn)算符_、比較運(yùn)算符_______。
7、下面代碼執(zhí)行結(jié)果依次為：undefined____、
1。 var a = 1; function fn1(a){ alert(a); a = 2; } fn1(); //undefined alert(a); //1
8、下面代碼執(zhí)行結(jié)果依次為：undefined________、
1。 var a = 1; function fn1(){ alert(a); var a = 2; } fn1(); alert(a);
9、把字符串按照指定字符分割并返回?cái)?shù)組的方法為：splice(‘|’)；大寫字母轉(zhuǎn)小寫字母的方法為：toLowerCase()；小寫字母轉(zhuǎn)大寫字母的方法為：toUpperCase()；查詢字符在字符串中位置的方法_indexof(‘a(chǎn)’)；返回指定位置字符串的方法charAt(3)。
10、在數(shù)組最前面插入一項(xiàng)的方法為：_unshift()；刪除數(shù)組最后一項(xiàng)的方法為：__pop()；在數(shù)組最前面插入一項(xiàng)的方法為：__unshift()；刪除數(shù)組最前面一項(xiàng)的方法為：shift()__；刪除、添加、替換數(shù)組項(xiàng)的方法為：_splice(start,deleteCount,value1,value2)；顛倒數(shù)組順序的方法為：reverse()__；合并多個(gè)數(shù)組并返回新數(shù)組的方法__Array.concat([1,2,3])。
11、有x=15，y=64，寫出生成x到y(tǒng)直接隨機(jī)數(shù)的方法:Math.Random()*49+15。
12、JS中的多次執(zhí)行的定時(shí)器為：setInterval(function(){},1000)；只執(zhí)行一次的定時(shí)器為：setTimeout(function(){},1000)；清除定時(shí)器的方法：clearInterval(timer) clearTimeout(timer)。
13、通過id名獲取元素的方法：、。
14、獲取滾動(dòng)條滾動(dòng)高度的方法：__對(duì)象.onscroll = function(){ console.log(this.scrollTop)}。
15、JS中綁定事件的方法：對(duì)象.fn；解除事件綁定的方法________________對(duì)象.onclick = null___。
16、JS獲取焦點(diǎn)事件為：onfocus___________；失去焦點(diǎn)事件為：onblur_______。
17、對(duì)數(shù)字向上取整的方法：Math.ceil()___；向下取整的方法：Math.floor()；四舍五入的方法：Math.round()。
18、獲取表格元素中thead、tbody、tfoot、tr、td的方法分別為：____________、____________、____________、____________、_________。
19、var arr=[{name:’張三’,age:25}]，怎么讀取數(shù)組中的“張三”arr.name Arr[“name”]。
20、鼠標(biāo)右鍵菜單事件：__。
21、字符串轉(zhuǎn)換成數(shù)組的方法是_______splice(“|”)。
22、浮動(dòng)可以使元素___是（是或否）脫離文檔流。
二、根據(jù)要求寫出對(duì)于代碼（每題6分，共30分）
1、封裝通過id獲取元素的方法： Function getMyEById(id){ return document.getElmetById(id) }
2、獲取當(dāng)前日期（輸出格式：年-月-日 星期 時(shí)：分：秒）；
3、獲取鼠標(biāo)坐標(biāo)位置； 對(duì)象. function(e){ Console.log(e.clientX,e.clientY) }
4、把數(shù)組 arr=[1,23,12,7,3,28,2,14]按正序的方式排序；

源碼:


var arr = [1,2,3,5,4,6,7,8] //?
優(yōu)化

var tang = 0;
var flag = 0;
for(var i =1;i<arr.length;i++){
flag =0;
tang++; //
趟數(shù)

for(var j=0;j<arr.length-i;j++){
if(arr[j] > arr[j+1]){
flag = 1; //本趟有交換 沒有交換flag =0

var temp = arr[j];
arr[j] = arr[j+1];
arr[j+1] = temp;

}
}

if(flag === 0){
break;
}

}

console.log(tang+'==================')
for(var i =0;i<arr.length;i++){

console.log(arr[i])

}
5、寫出清除浮動(dòng)的影響四種方法
(1)定高

(2) Overflow:hidden（密閉的作用域）

(3) <div style=“clear:both”></div>塊級(jí)元素

(4)衣服 偽元素法

.clearFix::after,.clearFix:;before {
Content:’’;

Line-height:0; //IE
Display:block;
Clear:both;

}
.clear{*zoom:1;} //IE下清除浮動(dòng)影響的辦法