腾讯web前端面试题及答案(二)
时间:2017-12-04 来源:web前端面试题汇总
近发现一套前端面试的笔试题,个人觉的还是考察的蛮细的,涵盖了很多前端知识,于是摘录下来,以供大家空余时间学习一下,巩固一下自己的基础。
编程题
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){
-
-
this.name = _name;
-
this.age = _age;
-
-
-
var sex = _sex;
-
var salary = _salary;
-
-
-
this.getName = function(){
-
return this.name;
-
}
-
-
this.getAge = function(){
-
return this.age;
-
}
-
-
-
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识别 * 可被IE6、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;
-
*color:#FF0;
-
_color:#F00;
-
}</span>