碼上歡樂
相關內容    簡體    繁體

騰訊web前端筆試題及個人答案

本文轉載自   查看原文   2015-07-22 17:30   1504 

每道題都有答案，大多數答案親測正確。

簡答題

1.js中“5”+4=?    

答案：54

 

2.js中void(0)=?    

答案：undefined

 

3.js中NaN*4=?    

答案：NaN

 

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中怎么獲取當前日期的月份        

答案：

[javascript]  view plain copy print ?
 
  1. <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瀏覽器?      

答案：

[javascript]  view plain copy print ?
 
  1. <span style="font-size:18px;">isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;//  
  2. 當isChrome=true時，為chrome瀏覽器</span>  

 

 

11.js中var b=”hello”;a=b; 怎么顯示出a的值(貌似這題最簡單了)   

 答案：

[javascript]  view plain copy print ?
 
  1. <span style="font-size:18px;">document.write(a);</span>  

 


12.根據以下xml請寫出對應的json

 

[plain]  view plain copy print ?
 
  1. <span style="font-size:18px;"><xml>  
  2. <list>  
  3. <item>  
  4. <id>12</id><name>張三</name>  
  5. </item>  
  6. <item><id>13</id><name>李四</name>  
  7. </item>  
  8. </list>  
  9. </xml></span>  

 

答案： 

[javascript]  view plain copy print ?
 
  1. <span style="font-size:18px;">var lists = [{"id":"12","name":"張三"},{"id":"13","name":"李四"}];</span>  

 

13.js中怎么把十進制數123轉化成二進制數?    

答案：

[javascript]  view plain copy print ?
 
  1. <span style="font-size:18px;">123.toString(2);</span>  

 


14.js中怎么才能按下回車鍵可以提交

[javascript]  view plain copy print ?
 
  1. <span style="font-size:18px;"><script type=”text/javascript”>  
  2.   
  3. document.onkeydown = function(event){  
  4. event = event?event:window.event;  
  5. if (event.keyCode == 13) {  
  6. alert(“hello world!”);  
  7. }  
  8. };  
  9. </script></span>  

 

編程題

1.js中var s=”tencent is sb”,編寫js使其變成tencent1 is2 sb3

 

[javascript]  view plain copy print ?
 
  1. <span style="font-size:18px;"><script type="text/javascript">  
  2.     var s = "tencent is perfect";  
  3.     var array = s.split(" ");  
  4.     s = "";  
  5.     for(var i=0; i < array.length; i ++){  
  6.         s += array[i] + (i+1) + " ";  
  7.     }  
  8.     document.write(s);  
  9. </script></span>  

 

 

2.編寫js的類，使其擁有public和private類型的屬性和方法

 

[javascript]  view plain copy print ?
 
  1. <span style="font-size:18px;"><script type="text/javascript">  
  2. function Person(_name,_age,_sex,_salary){  
  3.     //public  
  4.     this.name = _name;  
  5.     this.age = _age;  
  6.   
  7.     //privare  
  8.     var sex = _sex;  
  9.     var salary = _salary;  
  10.   
  11.     //public method  
  12.     this.getName = function(){  
  13.         return this.name;  
  14.     }  
  15.   
  16.     this.getAge = function(){  
  17.         return this.age;  
  18.     }  
  19.   
  20.     //private methd  
  21.     function getSex(){  
  22.         return sex;  
  23.     }  
  24.   
  25.     function getSalary(){  
  26.         return salary;  
  27.     }  
  28.   
  29.     this.display = function(){  
  30.         document.write(this.getName() + "---" + this.getAge() + "---" + getSex() + "----" + getSalary());  
  31.     }  
  32.   
  33. }  
  34.   
  35. var smirk = new Person("zy","21","f","5000");  
  36. smirk.display();  
  37. </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識別 * 可被IE6、IE7識別 _ 可被IE6識別 *+ 可被IE7識別
b. 應用條件注釋（只對IE有效）,因為IE各版本的瀏覽器對我們制作的WEB標准的頁面解釋不一樣，具體就是對CSS的解釋不同，我們為了兼容這些，可運用條件注釋來各自定義，最終達到兼容的目的。
比如：

[html]  view plain copy print ?
 
  1. <span style="font-size:18px;"><!– 默認先調用css.css樣式表 –>  
  2. <link rel="stylesheet" type="text/css" href="css.css" />  
  3. <!–[if IE 7]>  
  4. <!– 如果IE瀏覽器版是7,調用ie7.css樣式表 –>  
  5. <link rel="stylesheet" type="text/css" href="ie7.css" />  
  6. <![endif]–>  
  7. <!–[if lte IE 6]>  
  8. <!– 如果IE瀏覽器版本小於等於6,調用ie.css樣式表 –>  
  9. <link rel="stylesheet" type="text/css" href="ie.css" />  
  10. <![endif]–></span>  



2.在css中用一行css代碼實現在不同類型的瀏覽器(如IE6,IE7,IE8)之間顯示出不同的樣式

 

[css]  view plain copy print ?
 
  1. <span style="font-size:18px;">.mycolor{  
  2.     color:#FFF\9;/*IE6、7、8*/  
  3.     *color:#FF0;/* IE7、6 */  
  4.     _color:#F00;/* IE6 */  
  5. }</span>  

 

 

3.頁面上有左中右三列，左右兩列列寬固定，中間列自適應,要求紙上手寫代碼

[html]  view plain copy print ?
 
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    2. <html xmlns="http://www.w3.org/1999/xhtml">  
    3. <head>  
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    5. <title>三欄布局-浮動方法</title>  
    6. <style type="text/css">  
    7.     body,div,p{   
    8.         margin:0;   
    9.         padding:0;   
    10.     }  
    11.   
    12.     #wrap {   
    13.         padding:0 300px 0 200px;   
    14.         *overflow:hidden;    
    15.     }  
    16.   
    17.     #main {   
    18.         float:left; width:100%;   
    19.         height:600px;  
    20.         background:#fffaba;  
    21.     }  
    22.   
    23.     #left, #right {   
    24.         position:relative;   
    25.         height:600px;  
    26.         _display:inline;   
    27.     }  
    28.   
    29.     #left {   
    30.         width:200px;   
    31.         float:left;   
    32.         margin-left:-100%;   
    33.         right:200px;   
    34.         _right:-300px;   
    35.         background:#8fc41f;  
    36.     }  
    37.   
    38.     #right {   
    39.         width:300px;   
    40.         float:right;   
    41.         margin-right:-300px;   
    42.         background:#00b7ef;  
    43.     }  
    44. </style>  
    45. </head>  
    46. <body>  
    47. <span style="white-space:pre">    </span><div id="wrap">  
    48.         <div id="main">  
    49.             main  
    50.         </div>  
    51.         <div id="left">  
    52.             left  
    53.         </div>  
    54.         <div id="right">  
    55.             right  
    56.         </div>  
    57.     </div>  
    58. </body>  
    59. </html>  


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 騰訊2013筆試題—web前端筆試題 （老題練手） web前端筆試題（一） 2017騰訊Web前端實習生招聘筆試題總結 騰訊2012實習生筆試題+答案解析 騰訊2012實習生筆試題2+答案解析 一些前端開發的筆試題及答案（期待更好的答案） 前端經典筆試題（騰訊前端，三欄布局） 常見Web前端開發筆試題 WEB前端開發筆試題 聚美優品前端筆試題以及我的答案和理解
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM