腾讯web前端笔试题及我的答案

时间 2019-11-16

标签腾讯 web 前端笔试我的答案栏目腾讯繁體版

原文原文链接

每道题都有答案，大多数答案亲测正确。javascript

简答题css

1.js中“5”+4=?html

答案：54vue

2.js中void(0)=?java

答案：undefinednode

3.js中NaN*4=?webpack

答案：NaNweb

4.js中null*4.5=?面试

答案：0算法

5.js中alert(5*015===5.075)

答案：false，结果不同。

6.js中13>>2=? -13>>2=?

答案：3 ，-4 ，除以4，而后向下取整。

7.js中13|5=? 13&5=?

答案：按位或：13，按位与：5。

8.js中怎么获取当前日期的月份

答案：

<span style="font-size:18px;">var date = new Date();   var mouth = date.getMonth();</span>
复制代码

9.js中数组排序方法是?该方法实现了什么的排序算法？

答案：排序方法是sort()，实现了按字符排序的算法。例var arr = [1,2,55,12,88];arr.sort();//ASCII字符代码从小到大排，arr结果为[1,12,2,55,88];

10.js中怎么判断chrome浏览器?

答案：

<span style="font-size:18px;">isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;//
当isChrome=true时，为chrome浏览器</span>
复制代码

11.js中var b=”hello”;a=b; 怎么显示出a的值(貌似这题最简单了)

答案：

<span style="font-size:18px;">document.write(a);</span>
复制代码

12.根据如下xml请写出对应的json

<span style="font-size:18px;"><xml>
<list>
<item>
<id>12</id><name>张三</name>
</item>
<item><id>13</id><name>李四</name>
</item>
</list>
</xml></span>
复制代码

答案：

<span style="font-size:18px;">var lists = [{"id":"12","name":"张三"},{"id":"13","name":"李四"}];</span>
复制代码

13.js中怎么把十进制数123转化成二进制数?

答案：

<span style="font-size:18px;">123.toString(2);</span>
复制代码

14.js中怎么才能按下回车键能够提交

答案：

<span style="font-size:18px;"><script type=”text/javascript”>
 
document.onkeydown = function(event){
event = event?event:window.event;
if (event.keyCode == 13) {
alert(“hello world!”);
}
};
</script></span>
复制代码

编程题 1.js中var s=”tencent is sb”,编写js使其变成tencent1 is2 sb3

<span style="font-size:18px;"><script type="text/javascript">
	var s = "tencent is perfect";
	var array = s.split(" ");
	s = "";
	for(var i=0; i < array.length; i ++){
		s += array[i] + (i+1) + " ";
	}
	document.write(s);
</script></span>
复制代码

2.编写js的类，使其拥有public和private类型的属性和方法

<span style="font-size:18px;"><script type="text/javascript">
function Person(_name,_age,_sex,_salary){
	//public
	this.name = _name;
	this.age = _age;
 
	//privare
	var sex = _sex;
	var salary = _salary;
 
	//public method
	this.getName = function(){
		return this.name;
	}
 
	this.getAge = function(){
		return this.age;
	}
 
	//private methd
	function getSex(){
		return sex;
	}
 
	function getSalary(){
		return salary;
	}
 
	this.display = function(){
		document.write(this.getName() + "---" + this.getAge() + "---" + getSex() + "----" + getSalary());
	}
 
}
 
var smirk = new Person("zy","21","f","5000");
smirk.display();
</script></span>
复制代码

3.说出一些经常使用的网络优化工具答：优化大师，超级兔子 SEO（Search Engine Optimization）缩写而来，中文意译为“搜索引擎优化”。 SEO优化工具： 1.TrafficTravis——SEO分析工具 2.Backlinkwatch.com—反链检测 3.XENU Link Sleuth—死链检测 4.SEO Tool Bar (火狐插件) 5.SEO Quake (火狐插件)

面试官问的题 1.css的样式在不一样类型的浏览器之间的显示差别如何解决答：（我的理解）先判断为什么种浏览器，再为不一样浏览器加载不一样的css a. CSS中几种浏览器对不一样关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE六、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 b. 应用条件注释（只对IE有效）,由于IE各版本的浏览器对咱们制做的WEB标准的页面解释不同，具体就是对CSS的解释不一样，咱们为了兼容这些，可运用条件注释来各自定义，最终达到兼容的目的。好比：

<span style="font-size:18px;"><!– 默认先调用css.css样式表 –>
<link rel="stylesheet" type="text/css" href="css.css" />
<!–[if IE 7]>
<!– 若是IE浏览器版是7,调用ie7.css样式表 –>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]–>
<!–[if lte IE 6]>
<!– 若是IE浏览器版本小于等于6,调用ie.css样式表 –>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]–></span>
复制代码

2.在css中用一行css代码实如今不一样类型的浏览器(如IE6,IE7,IE8)之间显示出不一样的样式

<span style="font-size:18px;">.mycolor{
    color:#FFF\9;/*IE六、七、8*/
    *color:#FF0;/* IE七、6 */
    _color:#F00;/* IE6 */
}</span>
复制代码

3.页面上有左中右三列，左右两列列宽固定，中间列自适应,要求纸上手写代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三栏布局-浮动方法</title>
<style type="text/css">
	body,div,p{ 
		margin:0; 
		padding:0; 
	}
 
	#wrap { 
		padding:0 300px 0 200px; 
		*overflow:hidden;  
	}
 
	#main { 
		float:left; width:100%; 
		height:600px;
		background:#fffaba;
	}
 
	#left, #right { 
		position:relative; 
		height:600px;
		_display:inline; 
	}
 
	#left { 
		width:200px; 
		float:left; 
		margin-left:-100%; 
		right:200px; 
		_right:-300px; 
		background:#8fc41f;
	}
 
	#right { 
		width:300px; 
		float:right; 
		margin-right:-300px; 
		background:#00b7ef;
	}
</style>
</head>
<body>
<span style="white-space:pre">	</span><div id="wrap">
		<div id="main">
			main
		</div>
		<div id="left">
			left
		</div>
		<div id="right">
			right
		</div>
	</div>
</body>
</html>
复制代码

总结以上就是我要说的内容，但愿以上的内容能够帮助到正在默默艰辛的你们，但愿你们在日后的工做与面试中一切顺利。那如何学习才能快速入门并精通呢？当真正开始学习的时候不免不知道从哪入手，致使效率低下影响继续学习的信心。但最重要的是不知道哪些技术须要重点掌握，学习时频繁踩坑，最终浪费大量时间，因此有一套实用的视频课程用来跟着学习是很是有必要的。本次给你们推荐一个免费的学习群，里面归纳移动应用网站开发，css，html，webpack，vue node angular以及面试资源等。对web开发技术感兴趣的同窗，欢迎加入Q群：866109386，无论你是小白仍是大牛我都欢迎，还有大牛整理的一套高效率学习路线和教程与您免费分享，同时天天更新视频资料。最后，祝你们早日学有所成，拿到满意offer，快速升职加薪，走上人生巅峰。