腾讯web前端开发笔试题和答案.docx
《腾讯web前端开发笔试题和答案.docx》由会员分享，可在线阅读，更多相关《腾讯web前端开发笔试题和答案.docx（8页珍藏版）》请在冰豆网上搜索。
腾讯web前端开发笔试题和答案
腾讯web前端开发笔试题和答案
1请实现，鼠标点击页面中的任意标签，alert该标签的名称.（注意兼容性）
2请指出一下代码的性能问题，并经行优化。
这题初看纯属折腾，因为后面要根据逗号分隔再alert每项，何不构造一个数组对象来存放文本内容，而要用个临时变量info才存放。
如varinfo=["腾讯拍拍网（.paipai.）是腾讯旗下知名电子商务网站。
","拍拍网于xx年9月12日上线，","xx年3月13日宣布正式运营，","是目前国内第二大电子商务平台。
"]。
可是后来想如果是优化的话这个题目就出的没意义了。
仔细观察info这个变量，发现它每次都要自加字符串，如果字符串很大的又很多的话会非常影响性能的。
对于js中的string类型，属于基本类型，因此一般情况下他们是存放在栈上的。
如果字符串很大，info会每次变成一个很长的字符串，会很慢。
如果用引用类型数组来存放则好很多，如：
最后一招temp.join（“”）搞定。
对处理大字符串连接问题都可以采取这种思路。
3请给出异步加载js方案，不少于两种。
异步加载方式：
（1）defer，只支持IE
（2）async：
html5中script标签才有的属性
（3）创建script，插入到DOM中，加载完毕后callBack，见代码：
4请写出jQuery绑定事件的方法，不少于两种。
5请设计一套方案，用于确保页面中JS加载完全。
6请优化某网页的加载速度。
7对string对象经行扩展，使其具有删除前后空格的方法。
8完成一个正则表达式，验证用户输入是否*号码。
varExpression=/\d{17}[\d|X]|\d{15}/;
varobjExp=newRegExp（Expression）;
一道腾讯js面试题
题目如下：
f=function（）{returntrue;};
g=function（）{returnfalse;};
（function（）{
if（g（）&&[]==!
[]）{
f=functionf（）{returnfalse;};
functiong（）{returntrue;}
}
}）（）;
alert（f（））;//trueorfalse?
按网友的描述猜测，这应该是QQ招聘的题目，既考查了ECMAScript知识，又需要被面试者的应用实践，题目本身无标准答案，在不同浏览器下表现不同。
这是一道难度较大，并且出题角度比较刁钻的面试题。
正赶上最近在研究Javascript这部分的内容，便对该题目涉及的考察点进行了更深入的研究。
以下给出简单分析。
考察点
对作用域链（scopechain）、执行环境（executioncontext）、变量对象（variableobject）的理解
命名函数表达式，参见这里
以上知识点在不同浏览器（主要为：
IE和Firefox）的实现差异
相等操作符的隐式类型转换规则
首先，代码简化为
（1）：
f=function（）{returntrue;};
g=function（）{returnfalse;};
（function（）{
alert（g（））;
functiong（）{returntrue;}
}）（）;
上面的例子中，当控制器进入匿名函数的执行环境后，初始化活动对象，函数声明g被放到了执行环境的变量对象集合中，property为g，值为g函数对象，当执行g（），返回true。
将上面的代码稍加改变
（2）：
f=function（）{returntrue;};
g=function（）{returnfalse;};
（function（）{
alert（g（））;
if（true）{
functiong（）{returntrue;}
}
}）（）;
上面代码，结果应该与
（1）相同，但Firefox处理结果出现了不同返回false，暂且把这看作是Firefox的bug（虽然Firefox不认为这是个Bug）。
分析：
在Firefox中，出现在条件语句中的代码块不做活动对象初始化的处理（Firefox把它当作块作用域?
?
），即把上例的if（true）修改为if（false）结果是一样的。
到此为止，已经可以确定g（）执行后的值是true还是false了。
整合一下（3）：
f=function（）{returntrue;};
g=function（）{returnfalse;};
（function（）{
if（g（））{
alert（"能看到这个警告框，说明你的浏览器不是Firefox"）;
functiong（）{returntrue;}
}
}）（）;
继续分解代码（4）：
f=function（）{returntrue;};
g=function（）{returnfalse;};
（function（）{
f=function（）{returnfalse;};
}）（）;
alert（f（））;
代码运行，无一例外的返回false，这正是我们想要的结果。
然后稍作改变（5）：
f=function（）{returntrue;};
g=function（）{returnfalse;};
（function（）{
f=functionf（）{returnfalse;};
}）（）;
alert（f（））;
经过稍加修改后，这次掉链子的轮到IE了，IE竟然返回了true这是IE的Bug，参见：
s:
//.-cuckoo./main/wp-content//pic./xx/12/named-function-expressions-demystified.html#named-expr
s:
//.w3help/zh-/causes/SJ9001
至于[]==!
[]的结果，请参考本人《Javascript类型转换规则》一文，回过头来你就会轻易得出结论。
最后大整合。
我们不仅知道结果，而且知道为啥是这结果了（6）：
f=function（）{returntrue;};
g=function（）{returnfalse;};
（function（）{
if（g（）&&[]==!
[]）{
f=functionf（）{returnfalse;};
functiong（）{returntrue;}
}
}）（）;
alert（f（））;
没有问题的浏览器会返回：
false
Firefox不会执行到if条件内部，返回：
true
IE会执行到if条件内部（但把if内部的f作为局部变量处理了），最后返回：
true
内容仅供参考
升级会员 