騰訊web前端筆試題及我的答案

時間 2019-11-05

標籤騰訊 web 前端筆試我的答案欄目騰訊简体版

原文原文鏈接

簡答題

1.js中「5」+4=? javascript

答案：54css

2.js中void(0)=? html

答案：undefinedjava

3.js中NaN*4=? 面試

答案：NaN算法

4.js中null*4.5=? chrome

答案：0編程

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

答案：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>