騰訊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，快速升職加薪，走上人生巔峯。