鲤鱼IT编程教育——WEB全栈工程师许昌学院集训营第八周考试题目
姓名:
选择/判断每题3分,简答每题10分,总计100分
1.有一个变量a=4.2,现想将其向上取整,用到的方法是(D)
A:Math.abs(a) B:Math.floor(a)
C:Math.random(a) D:Math.ceil(a)
解析:A:取绝对值;B:向下取整;C:随机数:返回0到1之间的伪随机数
2.页面中有一个元素oDiv,以下哪种方法可以获取它的宽度(B)A:oDiv.offsetLeft B:oDiv.offsetWidth
C:oDiv.clientLeft D:oDiv.clientWidth
解析:A:元素的左外边框和参考父元素左内边框的距离;C:边框的厚度,不指定默认为0;D:元素的客户区宽(水平方向上内边距+内容宽),不包括滚动条
3.分析以下代码,输出结果是(A)
var one;
var two=null;
console.log(one==two);
console.log(one===two);
A:true false B:true true
C:false false D:false true
解析:var one; 只定义未赋值,故one是的值为undefined, undefined 和null转换为Boolean类型后都为false
4.下面符合一个有效的javascript变量定义规则的是?(A)
A:_$te$t2 B:with
C:a bc D:2a
解析:第一个字符必须是一个字母、下划线(_)或一个美元符号($);其他字符可以是字母、下划线、美元符号或数字;1.with是关键字2. 不能以数字开头3. 变量名不能有空格
5.script标签中定义var a="40",var b=7,则执行a%b会得到(A)
A:5 B:”5”
C:undefined D:null
解析:%:隐式转换,会将a转换为数字类型
6.给页面添加javascript的方式有(ABC)
A:使用script标签,将javascript代码写到之间
B:添加外部javascript文件
C:在起始标签书写javascript代码
D:使用@import引入javascript文件
解析:@import将css文件引入到css文件中
7.分析以下代码,输出结果是(D)
A:2 B:12
C:3 D:21
var obj = {"key":"1","value":"2"};
var newObj = obj;
newObj.value += obj.key;
alert(obj.value);
解析:引用型数据类型复制时,复制的是指针,不会重新分配区域8.以下哪些数据转换成Boolean值时会返回false(ABC)
A:null B:undefined
C:0 D:’0’E:’’
解析:""(空字符串)、0和NAN、null、undefined转换成Boolean值时都会返回false
9.关于Javascript中数组的说法中,不正确的是:(A)
A:数组的长度必须在创建时给定,之后便不能改变
B:数组中有一个length属性,可以通过修改length的值,来清空数组C:数组内元素的类型可以不同
D:数组可以在声明的同时进行初始化
解析:A:可以动态给数组添加或删除数据,数组长度就会发生改变10.以下代码的输出结果是(A)
A:”number”B:”undefined”
C:”function”D:报错
function g(){
return 11;
}
console.log(typeof g());
11.如下代码输出的结果是什么(C)
console.log(1+ "2"+"2");
console.log(1+''+"2"+"2");
console.log("A"- "B"+"2");
console.log("A"-"B"+2);
A:122 122 NaN NaN
B:122 32 NaN NaN2
C:122 122 NaN2 NaN
D:122 32 NaN2 NaN2
解析:C:"A"-"B"的运算中,需要先把"A"和"B"用Number函数转换为数值,其结果为NaN,在减法操作中,如果有一个是NaN,则结果是NaN,因此"A"-"B"结果为NaN。然后和"2"进行字符串合并,变成了NaN2.
D:"A"-"B"结果为NaN,然后和数值2进行加法操作,在加法操作中,如果有一个操作数是NaN,则结果为NaN。
console.log(document.getElementById('btn').innerHTML)
A:变大B:
变大
C:id=”btn”D: 13.分析以下代码,输出结果是(A)
var foo="hello";
function show(){
var bar="world";
console.log(foo+bar);
}
show();
console.log(foo+bar);
A:helloworld 报错
B:helloworld helloworld
C:helloworld hello
D:helloworld undefined
解析:var bar="world";定义在函数内部,函数外面不可以调用
var a,b;
function show(){
console.log(a);
console.log(b);
var a=b=3;
console.log(a);
console.log(b);
};
show()
console.log(a);
console.log(b);
A:undefined,undefined,3,3,undefined,3
B:undefined,undefined,3,3,undefined,undefined
C:0,0,3,3,undefined,undefined
D:undefined,undefined,3,3,0,0
解析:var a=b=3 相当于var a = 3;b = 3;b是全局的变量15.分析以下代码,输出结果是(B)
var a="undefined";
var b="false";
var c="";
function show(val){
if(val) {
console.log(true);
}else{
console.log(false);
}
}
show(a);
show(b);
show(c);
A:true,true,true B:true,true,false
C:false,false,true D:false,false,false
16.判断:js事件一旦添加就不能被销毁(×)
解析:可以通过addEventListener()绑定事件,并且通过removeEventListener()移除事件
17.判断:scrollLeft通常用来确定页面的水平滚动距离,但需要注意兼容问题(√)
解析:标准模式用document.documentElement.scrollLeft;混杂模式用document.body.scrollLeft;IE9以上和高级浏览器可以用
window.pageXOffset
18.判断:window.onresize,这个事件将在拖动滚动条时触发(×)解析:window.onresize是在浏览器窗口大小发生变化时触发;window.onscroll 拖动滚动条触发;window.onload 页面加载完毕后触发
19.判断:DOM事件流的捕获阶段中,首先是某个具体元素接收到事件,然后会沿着dom树向上传播(×)
解析:事件的捕获阶段:document最先接收到事件(一般window是忽略掉的),然后沿DOM树依次向下传播到具体的元素
20.判断:只要给元素使用addEventListener方法绑定了事件,那么我们就可以通过removeEventListener方法移除绑定的事件(×)
解析:移除事件监听只能是移除有函数名的,不能移除匿名函数的21.页面中有一个div宽高各100px,相对于浏览器绝对定位,如何获取这个盒子距离浏览器顶部以及左边的距离?请写出代码:
解析:
var oBox = document.getElementsByTagName(‘div’)[0];
var oBoxLeft = oBox.offsetLeft;
var oBoxTop = oBox.offsetTop;
22.简答:分析以下代码,当点击”移除”按钮时,移除”点击”按钮上绑定的sayHello事件,写出代码?
function sayHi(){
alert('hi');
}
function sayHello(){
alert('hello')
}
var oBtn=document.getElementById('btn');
var oBtn1=document.getElementById('btn1');
oBtn.addEventListener('click',sayHi,false);
oBtn.addEventListener('click',sayHello,false);
oBtn1.addEventListener('click',function(){
oBtn.removeEventListener('click',sayHello,false);
},false);
23.简答:页面中有一个元素oDiv,现给该元素添加一个点击事件,请写出两种方法,并简述这两种方法的区别?
解析:方法一:oDiv.onclick=function(){};这种方法只能添加一个点击事件
方法二:oDiv.addEventLisenter(‘click’,function(){},false);这种方法可以添加多个点击事件
24.简答:页面中有一个id为”box”的盒子,请写一个程序,使其只能在浏览器窗口中进行拖拽移动?(结构样式如下)
*{
margin: 0;padding: 0;
}
div{
background: gold;
width: 100px;height: 100px;
position: absolute;
top: 0;left: 0;
}
var oBox=document.getElementById('box');
var disX=0;
var disY=0;
oBox.onmousedown = function(ev){
var disX=ev.clientX-oBox.offsetLeft;
var disY=ev.clientY-oBox.offsetTop;
document.onmousemove=function(ev){
var l=ev.clientX-disX;
var t=ev.clientY-disY
if(l<0){
l=0;
}else if(l>window.innerWidth-oBox.offsetWidth){ l=window.innerWidth-oBox.offsetWidth;
}
if(t<0){
t=0;
}else if(t>window.innerHeight-oBox.offsetHeight){ t=window.innerHeight-oBox.offsetHeigh;
}
oBox.style.left=l+'px';
oBox.style.top=t+'px';
}
document.onmouseup=function(){
document.onmousemove=null;
document.onmouseup=null;
}
}
2018年web前端开发教程视频网盘下载资料分享
2018年web前端开发教程视频网盘下载资料分享随着html5的广泛应用,大家都对web前端行业充满信心,零基础转行从事web前端的同学已经越来越多,许多前端爱好者都开始进行前端内容的学习,但是由于学习方法和途经的不同,大家的学习效果千差万别。首先千锋小编给大家分享一写2018年web前端开发教程视频网盘下载的链接:【web前端视频教程】 web前端视频教程第一部分:课程体系解读 https://www.360docs.net/doc/d59620153.html,/s/1o7B9OYA 前端视频教程教程第二部分:微案例讲解 https://www.360docs.net/doc/d59620153.html,/s/1ctZ3Ls web前端视频教程教程第三部分:知识点讲解 https://www.360docs.net/doc/d59620153.html,/s/1jICHs9o Vue组件之手机通讯录实战课程 https://www.360docs.net/doc/d59620153.html,/s/1c1FrXLY
那么零基础自学应该如何学web前端开发呢?找对方法才能让自己少走弯路,让学习变得更高效。 一、多看HTML代码 HTML代码第一步就是分析与观看,第一步是一个熟悉的过程,通过第一步的看要了解到HTML代码的组成部分,比如刚开始在学习超链接的时候就先分析超链接的前面是什么字母,他需不需要在后面带括号,为什么他的代码中有一个等号,这就需要掌握看的步骤了。为了更方便自己学习可以利用观看相关HTML5开发视频教程,有老师的讲解会理解的更快。 二、多练HTML代码 在记忆了很多HTML代码之后就要学会利用这些代码,可以在网上搜索HTML在线编辑工具,也可以下载一款免费的HTML编辑软件,下载完成之后先打开一个小网站,将网站的网页与网站先看一下,最后我们就要开始一步一步的练习了,企业建议可以采取对比练习法,即是一行一行的练习HTML代
web开发工程师面试题(含答案)
Web开发工程师试题 姓名:参与web项目个 一、选择题 1、提供Java存取数据库能力的包是() A.java.sql B.java.awt C.https://www.360docs.net/doc/d59620153.html,ng D.java.swing 答案:A 2、以下语句中,没有创建出字符串对象的是_______。 A. String str; C. String str= new String(); B. String str = “Hello”; D. new String(“Hello”); 答案:A 3、有关会话跟踪技术描述正确的是(多选) A. Cookie是Web服务器发送给客户端的一小段信息,客户端请求时,可以读取该信息发送到服务器端 B. 关闭浏览器意味着会话ID丢失,但所有与原会话关联的会话数据仍保留在服务器上,直至会话过期 C. 在禁用Cookie时可以使用URL重写技术跟踪会话 D. 隐藏表单域将字段添加到HTML表单并在客户端浏览器中显示 正确答案为:ABC
4、下列选项中不属于CSS 文本属性的是() A.font-size B.text-transform C.text-align D.line-height 答案:D 5、、如何去掉文本超级链接的下划线? A.a {text-decoration:no underline} B.a {underline:none} C.a {decoration: no underline} D.a {text-decoration:none} 答案:D 6、在Ajax技术中,关于HTTP 协议向服务器传送数据的方式描述正确的是()。 A、包括Post、Get方式 B、如果传输数据包含机密信息,建议采用MD5数据提交方式 C、GET执行效率和POST方法一样 D、Post传送的数据量较小,不能大于1B 答案:A 7、在jQuery中,下面()写法是错误的。 A、$(“div p”) B、$(“div.containner”) C、$(“table a”,content) D、$(#divID) 答案:D 8、点击页面的按钮,使之打开一个新窗口,加载一个网页,以下JavaScript代码中可行的是( AD ) A.
开课吧Web前端开发培训内容好学吗
开课吧Web前端开发培训内容好学吗 Web前端是互联网程序中较为常见的一种,是客户最直观了解企业,产品的窗户,一个互联网产品能否被接受,前端做的好不好非常关键,因此Web 前端对企业营销,宣传有着举足轻重的作用,企业对前端人才的需求量自然非同小可,特别是一些专业的前端设计人才。越来越多的人开始从事前端设计岗位,自然培训机构也水涨船高,参差不齐。 2016年Web前端开发异常火爆,随着移动互联网的兴起,互联网公司对于Web前端开发的需求越来越旺盛。不仅北上广等大城市,大连地区Web人才需求同样强劲,学习Web培训的学员越来越多。大连开课吧,也在Web前端培训中不断摸索,开辟了一条快速成为Web前端开发人才的通道。 开课吧Web全栈课程培训,Web课程定位中高级Web开发工程师,范围广、内容深、最系统、最专业,内容涵盖:前端基础(HTML、CSS、静态页面),JavaScript基础,HTML5和移动Web开发,前端与后端通信,面向对象、组建、模块开发&设计模式,前端开发框架,HTML5原生移动APP开发,微信SDK开发,Node.js全栈开发等内容。实战型课程体系,用最短的时间教给学生尽量多的可直接应用于实际工作中的高新技术。课程内容及时覆盖企业开发中的热门技术,使学员能够快速适应企业的项目开发。 开课吧讲师均来自国内前沿互联网公司,曾任项目总监或项目经理,拥有丰富项目实战经验。通过无限互联为期3个月的岗前培训及10余个方向的综合考核,确保讲师的专业技能和教学能力。同时,开课吧聘请具有多年就业辅导经验的专职老师,帮助学员从职业发展方向、简历完善、模拟面试等环节进行辅导,
2021年web开发工程师面试题含答案
Web开发工程师试题 姓名:参加web项目个 一、选取题 1、提供Java存取数据库能力包是() A.java.sql B.java.awt C.https://www.360docs.net/doc/d59620153.html,ng D.java.swing 答案:A 2、如下语句中,没有创立出字符串对象是_______。 A. String str; C. String str= new String(); B. String str = “Hello”; D. new String(“Hello”); 答案:A 3、关于会话跟踪技术描述对的是(多选) A. Cookie是Web服务器发送给客户端一小段信息,客户端祈求时,可以读取该信息发送到服务器端 B. 关闭浏览器意味着会话ID丢失,但所有与原会话关联会话数据仍保存在服务器上,直至会话过期 C. 在禁用Cookie时可以使用URL重写技术跟踪会话 D. 隐藏表单域将字段添加到HTML表单并在客户端浏览器中显示 对的答案为:ABC
4、下列选项中不属于CSS 文本属性是() A.font-size B.text-transform C.text-align D.line-height 答案:D 5、、如何去掉文本超级链接下划线? A.a {text-decoration:no underline} B.a {underline:none} C.a {decoration: no underline} D.a {text-decoration:none} 答案:D 6、在Ajax技术中,关于HTTP 合同向服务器传送数据方式描述对的是()。 A、涉及Post、Get方式 B、如果传播数据包括机密信息,建议采用MD5数据提交方式 C、GET执行效率和POST办法同样 D、Post传送数据量较小,不能不不大于1B 答案:A 7、在jQuery中,下面()写法是错误。 A、$(“div p”) B、$(“div.containner”) C、$(“table a”,content) D、$(#divID) 答案:D 8、点击页面按钮,使之打开一种新窗口,加载一种网页,如下JavaScript代码中可行是( AD ) A.