当前位置: IT培训 > HTML5培训 > 前端开发 > HTML5面试题 > 腾讯web前端面试题及答案(二)
腾讯web前端面试题及答案(二) 时间:2017-12-04     来源:web前端面试题汇总

近发现一套前端面试的笔试题,个人觉的还是考察的蛮细的,涵盖了很多前端知识,于是摘录下来,以供大家空余时间学习一下,巩固一下自己的基础。

腾讯前端面试题

编程题

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

  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类型的属性和方法

  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的解释不同,我们为了兼容这些,可运用条件注释来各自定义,终达到兼容的目的。

比如:

  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)之间显示出不同的样式

  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>