web前端笔试试题一（含答案）

一、填空题（每空1分，共70分）

1、JS中的数据类型有哪些_number、string、boolean、undefined、null、object、array、function、NaN___；（3分）

2、JS中强制类型转换为number类型的方法有：parseInt()、parseFloat()、Number()__。

3、创建一个子节点_createElement()___，插入一个节点_appendChild()__，在已有元素之前插入节点_insertBefore()__，删除子节点___removeChild___。

4、获取元素的第一个子节点__firstChild___，获取元素的最后一个子节点___lastChild__，上一个兄弟节点____previousSibling____，下一个兄弟节点___nextSibling()__。

5、获取所有子元素节点__childNodes___，获取父级节点__parentNode___

6、常用运算符有那五大类_赋值运算符、算术运算符、比较运算符、逻辑运算符、关系运算符__。

7、下面代码执行结果依次为：undefined 1__。

var a = 1;

function fn1(a){

alert(a);

a = 2;

}

fn1();

alert(a);

8、css中常见布局单位有_px、rem、em、%__（3种）

9、把字符串按照指定字符分割并返回数组的方法为：___split(“分隔符”)__；大写字母转小写字母的方法为：toLowerCase()____；小写字母转大写字母的方法为：_ toUpperCase()___；查询字符在字符串中位置的方法__indexOf(“字符串“)__；返回指定位置字符串的方法__charAt(index)___。

10、在数组最前面插入一项的方法为：unshift()___；删除数组最后一项的方法为：_pop()___；在数组最后面插入一项的方法为：push()__；删除数组最前面一项的方法为：__shift()___；删除、添加、替换数组项的方法为：_splice(start,deleteCount,value1,value2)___；颠倒数组顺序的方法为：_reverse()_；合并多个数组并返回新数组的方法_Array.concat()____。

11、有x=15，y=64，写出生成x到y直接随机数的方法:__Math.random()*49+15 __。

12、JS中的多次执行的定时器为：_setInterval(function(){},1000)__只执行一次的定时器为：_setTimeout(function(){},1000)__清除定时器的方法：clearInterval(timer)、clearTimeout(timer)_

13、通过id名获取元素的方法：__document.getElementById(“id名”)__。

14、获取滚动条滚动高度的方法：_对象.οnscrοll=function(){console.log(this.scrollTop)}_。

15、JS中绑定事件的方法：__对象.on+事件名 = 事件处理函数_；解除事件绑定的方法_对象.on+事件名 = null__。

16、JS获取焦点事件为：___onfocus_；失去焦点事件为：_onblur__。

17、对数字向上取整的方法：__Math.ceil()_；向下取整的方法：_Math.floor()__；四舍五入的方法：_Math.round()_。

18、表格元素中thead、tbody、tfoot、tr、td的含义分别为：_表头_、表格内容__、_表格页脚_、_行_、_单元格_。

19、var arr=[{name:’张三’,age:25}]，怎么读取数组中的“张三”___arr[0].name_。

20、鼠标右键菜单事件：__onContextMenu_。

21、字符串转换成数组的方法是_split(“”)__。

22、浮动可以使元素_是__（是或否）脱离文档流。

二、根据要求写出对于代码（每题6分，共30分）
1、封装通过id获取元素的方法：

function getEle(idName){return document.getElementById(idName);
};

2、获取当前日期（输出格式：年-月-日星期时：分：秒）

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>2</title>
</head>
<body>
</body>
<script type="text/javascript">var data = new Date();var year = data.getFullYear();var month = data.getMonth() + 1;var day = data.getDate();var week = data.getDay();var hour = data.getHours();var min = data.getMinutes();var sec = data.getSeconds();month = month >= 10 ? month : "0" + month;day = day >= 10 ? day : "0" + day;hour = hour >= 10 ? hour : "0" + hour;min = min >= 10 ? min : "0" + min;sec = sec >= 10 ? sec : "0" + sec;switch (week) {case 1: week = "一";breakcase 2: week = "二";breakcase 3: week = "三";breakcase 4: week = "四";breakcase 5: week = "五";breakcase 6: week = "六";breakcase 7: week = "日";break};console.log(year + "年" + month + "月" + day + "日 " + "星期" + week + " " + hour + ":" + min + ":" + sec);
</script>
</html>

3、获取鼠标坐标位置

对象.function(e){console.log(e.clientX,e.clientY);
};

4、把数组 arr=[1,23,12,7,3,28,2,14]按正序的方式排序（写出3种方式才能拿满分）

//sort()方法排序
function func(a,b){return a-b;
};
var arr = [1,23,12,7,3,28,2,14];
console.log(arr.sort(func));//[1, 23, 12, 7, 3, 28, 2, 14]//选择排序
function selectSort(arr) {for (var i = 0; i < arr.length - 1; i++) {for (var j = i + 1; j < arr.length; j++) {if (arr[i] > arr[j]) {var temp = arr[i];arr[i] = arr[j];arr[j] = temp;};};};return arr;
};
var arr = [1,23,12,7,3,28,2,14];
console.log(selectSort(arr));//[1, 23, 12, 7, 3, 28, 2, 14]//冒泡排序
function BubbleSort(arr){for(var i=0;i<arr.length-1;i++){for(var j=0;j<arr.length-1-i;j++){if(arr[j]>arr[j+1]){var temp = arr[j+1];arr[j+1] = arr[j];arr[j] = temp;}};};return arr;
};
var arr = [1,23,12,7,3,28,2,14];
console.log(BubbleSort(arr));//[1, 23, 12, 7, 3, 28, 2, 14]

5、写出清除浮动的影响四种方法

1. 给父级div定义伪类：after和zoom

.clearfloat:after{clear:both;overflow:hidden;display:block;current:"";height:0}.clearfloat{zoom:1}

2.在浮动尾部添加空div标签clear:both；

3.父级定义高度

4.父级定义overflow:hidden;

web前端笔试试题一（含答案）相关推荐

腾讯web前端笔试题及个人答案
每道题都有答案,大多数答案亲测正确. 简答题 1.js中"5"+4=? 答案:54 2.js中void(0)=? 答案:undefined 3.js中NaN*4=? 答案:NaN ...
【面试真题】腾讯2018秋招前端正式试题（含答案）
参考答案关注公众号,回复"腾讯答案"获取 01 不定向多选 1. 往下面的5阶B树中插入关键吗80后,该B树第二层的节点数为( ). A. 6 B. 7 C. 8 ...
java面笔试_java笔试手写算法面试题大全含答案
java笔试手写算法面试题大全含答案 1.统计一篇英文文章单词个数. public class WordCounting { public static void main(String[] args ...
几率大的网络安全面试题（含答案）
其他面试题类型汇总: Java校招极大几率出的面试题(含答案)----汇总几率大的网络安全面试题(含答案) 几率大的多线程面试题(含答案) 几率大的源码底层原理,杂食面试题(含答案) 几率大的Red ...
用友公司Java面试题（含答案）
为什么80%的码农都做不了架构师?>>> 用友公司Java面试题(含答案) 1.Hashtable和HashMap有什么区别? a.Hashtable是继承自陈旧的Dict ...
也许你需要点实用的-Web前端笔试题
之前发的一篇博客里没有附上答案,现在有空整理了下发出来,希望能帮助到正在找工作的你,还是那句话:技术只有自己真正理解了才是自己的东西,共勉. Web前端笔试题 Html+css 1.对WEB标准以及w ...
2017大学计算机基础书,2017大学计算机基础试题「含答案」
2017大学计算机基础试题「含答案」一.单选题 1.完整的计算机系统由(C)组成. A.运算器.控制器.存储器.输入设备和输出设备 B.主机和外部设备 C.硬件系统和软件系统 D.主机箱.显示器.键 ...
星模php,PHP笔试题大全 PHP面试题大全(含答案)
[实例简介] PHP笔试题大全 PHP面试题大全(含答案),对php开发者及要找相关工作的朋友有帮助 [实例截图] [核心代码] fa1d5d2b-7a7e-4c0b-8100-90a05f0b9f2 ...
JAVA面试题和笔试题总汇(含答案)-联想lenovo
· JAVA面试题和笔试题总汇(含答案)-联想lenovo · 1.面向对象的特征有哪些方面 1.抽象: 抽象就是忽略一个主题中与当前目标无关的那些方面,以便更充分地注意与当前目标有关 ...
Unity面试题（含答案）
Unity面试题(含答案) 个人感觉非常有必要在面试之前大体看一下并且也建议大家看一下在应聘之前做好准备我的个人经历:在面试的时候遇到的题,大多这里都有,事后超后悔. 所以自己整理了一下方便 ...

web前端笔试试题一（含答案）

web前端笔试试题一（含答案）相关推荐

最新文章

热门文章