前端笔试题(三)

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";

猜你喜欢

转载自www.cnblogs.com/JoeyOnly/p/10840618.html