前端笔试题(三)
1.请指出下面代码运行的结果:
var name="xiao ming";
var object={
name:"xiao hong",
getNameFunc:function(){
return function(){ return this.name;}
}
};
alert(object.getNameFunc(){});
2.请用CSS定义<p>标签,要求实现以下效果:字体颜色在IE6下为黑色(#000000);IE7下为红色(#ff0000);而其它浏览器下为绿色(#00ff00)。
<!--[IE6]-->
3.请根据下面的HTML和CSS代码,画出布局示意图:
<div id="page">
<div class="mian"><div class="sub"></div></div>
<div class="nav"></div>
</div>
<style tyle="text/css">
#page{width:520px;}
.nav{width:200px;float:right}
.main{width:200px;float:left;padding-left:110px;}
.sub{width:100px;float:left;margin:10px 0 10px -100px;}
.main{border:1px solid #000;}
.nav,.sub{border:1px dashed #000;height:300px;}
.sub{height:280px;}
</style}
(宽度值不必精确到像素,示意即可。)
4.请把以下用于链接字符串到JavaScript代码修改为更高效的方式:
var htmlSrting=`<div class="container">`+`<ul id="news-list">`;
for(var i=0; i<NEWS.length; i++){
htmlString+=`<li><a href="'+NEWS[i].LINK+`">+NEWS[i].TITLE+`</a></li>';
};
htmlString+=`</ul></div>`;
5.尝试实现注释部分的JavaScript代码,可在其它任何地方添加更多代码(如不能实现说明以下不能实现的原因):
var Obj=function (msg){
this.msg=msg;
this.shout=function(){
alert(this.msg);
}
this.waitAndShout=function(){
//隔5秒钟后执行上面的shout方法
}
}
6.请编写一个JavaScript函数toRGB,它的作用是转换CSS中常用的颜色编码。
alert(toRGB("#0000ff")); //输出rgb(0,0,255)
alert(toRGB("invalid")); //输出invalid
alert(toRGB("#G00")); //输出#G00
7.请简述bootstrap响应式实现的原理;
8.请简述常见的浏览器名称和对应内核;
9.说说TCP传输的三次握手四次挥手策略;
10.vue-router有哪几种导航钩子?分别是什么?
11.Vue的双向数据绑定原理是什么?简述具体实现步骤。
12.一个200*200的div中不同分辨率屏幕上下左右居中,用css实现;
13.如何用原生js给一个按钮绑定两个onclick事件?
14.请描述一下cookies、sessionStorage和localStorage的区别;
15.用js实现一个方法,去掉一个数组的重复元素:
var arr=[1,"a","a","b","d","a","c",1,0];
16.用node.js实现一个简单的web server,该server返回一个纯文本的html页面;
17.数据库题:
Student(S#,Sname,Ssex) 学生表
SC(S#,C#,score) 成绩表
Teacher(T#,Tname) 教师表
1)查询姓“李”的老师的个数;
2)查询平均成绩大于60分的同学的学号和姓名;
3)删除姓张的同学的成绩及学生个人信息;
18.用正则表达式实现对字符串格式的json键值对替换:
("retcode":0,"retmsg":"OK","is_login":0)
输入retmsg,TEST将retmsg的值OK替换成TEST
19.判断一个字符串中闯关游戏次数最多的字符,统计这个次数:
var str="asdfssaaasasa83k8a8";