腾讯web前端开发笔试题和答案(笔试题目范文)

文档主题:关于“IT计算机”中“Web服务”的参考范文。

文档适用:

作为笔试、笔试题目写作的参考文献,解决实用文或应用

文怎么写,文章格式等相关问题。

说明:文档仅供学习交流,请勿商用。

腾讯web前端开发笔试题和答案

腾讯web前端开发笔试题和答案

1请实现,鼠标点击页面中的任意标签,alert该标签的名

称.(注意兼容性)

=function(e){

vare=(e||event);

varo=e["target"]||e["srcElement"];

alert(());

2请指出一下代码的性能问题,并经行优化。

=function(e){

vare=(e||event);

varo=e["target"]||e["srcElement"];

alert(());

这题初看纯属折腾,因为后面要根据逗号分隔再alert每项,何不

构造一个数组对象来存放文本内容,而要用个临时变量info才存放。

如varinfo=["腾讯拍拍网()是腾讯旗下知名电子商务网站。","

拍拍网于2005年9月12日上线发布,","2006年3月13日宣布正式

运营,","是目前国内第二大电子商务平台。"]。可是后来想如果是

优化的话这个题目就出的没意义了。

仔细观察info这个变量,发现它每次都要自加字符串,如果字符

串很大的又很多的话会非常影响性能的。

对于js中的string类型,属于基本类型,因此一般情况下他们是

存放在栈上的。如果字符串很大,info会每次变成一个很长的字符

串,会很慢。

如果用引用类型数组来存放则好很多,如:

=function(e){

vare=(e||event);

varo=e["target"]||e["srcElement"];

alert(());

最后一招(“”)搞定。对处理大字符串连接问题都可以采取这种思

路。

3请给出异步加载js方案,不少于两种。

异步加载方式:

(1)defer,只支持IE

(2)async:html5中script标签才有的属性

(3)创建script,插入到DOM中,加载完毕后callBack,见代

码:

=function(e){

vare=(e||event);

varo=e["target"]||e["srcElement"];

alert(());

4请写出jQuery绑定事件的方法,不少于两种。

=function(e){

vare=(e||event);

varo=e["target"]||e["srcElement"];

alert(());

5请设计一套方案,用于确保页面中JS加载完全。

=function(e){

vare=(e||event);

varo=e["target"]||e["srcElement"];

alert(());

6请优化某网页的加载速度。

7对string对象经行扩展,使其具有删除前后空格的方法。

1=function(e){

vare=(e||event);

varo=e["target"]||e["srcElement"];

alert(());

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() {return true;

g = function() {return false;

(function() {

if (g()) {

alert("能看到这个警告框,说明你的浏览器不是Firefox"

function g() {return true;

继续分解代码(4)

f = function() {return true;

g = function() {return false;

(function() {

f = function() {return false;

alert(f(

代码运行,无一例外的返回false,这正是我们想要的结果。

然后稍作改变(5)

f = function() {return true;

g = function() {return false;

(function() {

f = function f() {return false;

alert(f(

经过稍加修改后,这次掉链子的轮到IE 了,IE 竟然返回了true!!!

这是IE 的Bug,参见:

至于[]==![]的结果,请参考本人《Javascript 类型转换规则》一

文,回过头来你就会轻易得出结论。

最后大整合。

我们不仅知道结果,而且知道为啥是这结果了(6)

f = function() {return true;

g = function() {return false;

(function() {

if (g() && [] == ![]) {

f = function f() {return false;

function g() {return true;

alert(f(

没有问题的浏览器会返回:false

Firefox 不会执行到if 条件内部,返回:true

IE 会执行到if 条件内部(但把if 内部的f 作为局部变量处理

了),最后返回:true

为提高学习交流,本文整理了相关的实用范文有:《腾讯WEB 前端笔试题和面

试题答案》、《2015 腾讯web 前端笔试题》、《腾讯web 前端开发工程师笔试

题》、《腾讯web 前端开发笔试题》、《WEB 前端开发笔试题》、《Web 前端开发

笔试题目》、《Web 前端开发笔试题(Javascript 篇)》、《web 前端开发笔试题

目》,读者可以在平台上搜索。

“腾讯web 前端开发笔试题和答案”文档源于网络,本人编辑整理。本着保护

作者知识产权的原则,仅供学习交流,请勿商用。如有侵犯作者权益,请作者留言

或者发站内信息联系本人,我将尽快删除。谢谢您的阅读与下载!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享