腾讯web前端开发笔试题和答案.docx
- 文档编号:7145993
- 上传时间:2023-01-21
- 格式:DOCX
- 页数:8
- 大小:16.59KB
腾讯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
内容仅供参考
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 腾讯 web 前端 开发 笔试 答案