腾讯HTML试题

1 请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性)

<head>

<script type="text/JavaScript">

document.onclick = function(e){

e=e||window.event;

var o= e.srcElement||e.target;

alert(o.tagName);

}

</script>

</head>

<body>

<p>蜘蛛</p>

<div>蜘蛛侠</div>

<a href="#">我的</a>

</body>

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

var info="腾讯拍拍网(www.paipai.com)是腾讯旗下知名电子商务网站。";

info +="拍拍网于2005年9月12日上线发布,";

info +="2006年3月13日宣布正式运营,";

info +="是目前国内第二大电子商务平台。";

info=info.split(",");

for(var i=0; i

{

alert(info[i]);

}

这题初看纯属折腾,因为后面要根据逗号分隔再alert每项,何不构造一个数组对象来存放文本内容,而要用个临时变量info才存放。

如var info=["腾讯拍拍网(www.paipai.com)是腾讯旗下知名电子商务网站。","拍拍网于2005年9月12日上线发布,","2006年3月13日宣布正式运营,","是目前国内第二大电子商务平台。"] 。可是后来想如果是优化的话这个题目就出的没意义了。

仔细观察info这个变量,发现它每次都要自加字符串,如果字符串很大的又很多的话会非常影响性能的。

对于js中的string类型,属于基本类型,因此一般情况下他们是存放在栈上的。如果字符串很大,info会每次变成一个很长的字符串,会很慢。

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

var temp=[];

temp.push("腾讯拍拍网(www.paipai.com)是腾讯旗下知名电子商务网站。");

//temp只是一个指向堆上数组的指针

temp.push("拍拍网于2005年9月12日上线发布,");

temp.push("2006年3月13日宣布正式运营,");

temp.push("是目前国内第二大电子商务平台。");

temp.join("");

alert(temp);

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

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

异步加载方式:

(1) defer,只支持IE

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

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

function loadScript(url, callback){

var script = document.createElement("script")

script.type = "text/javascript";

if (script.readyState){ //IE

script.onreadystatechange = function(){

if (script.readyState == "loaded" ||

script.readyState == "complete"){

script.onreadystatechange = null;

callback();

}

};

} else { //Others: Firefox, Safari, Chrome, and Opera

script.onload = function(){

callback();

};

}

script.src = url;

document.body.appendChild(script);

}

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

$("#obj").click(function(){});

$("#obj").change(function(){});

$("#obj").bind("click",function(){});

$("#obj").live("submit",function(){});

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

var n = document.createElement("script");

n.type = "text/javascript";

//以上省略部分代码

//ie支持script的readystatechange属性

if(ua.ie){

n.onreadystatechange = function(){

var rs = this.readyState;

if(‘loaded‘ === rs || ‘complete‘===rs){

n.onreadystatechange = null;

f(id,url); //回调函数

}

};

//省略部分代码

//safari 3.x supports the load event for script nodes(DOM2)

n.addEventListener(‘load‘,function(){

f(id,url);

});

//firefox and opera support onload(but not dom2 in ff) handlers for

//script nodes. opera, but no ff, support the onload event for link

//nodes.

}else{

n.onload = function(){

f(id,url);

};

}

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

1> 页面精简:去掉html页面不必要的空格、注释,尽量将script和css写在外部文件中。

可以借用第三方工具对页面进行加速。

2> 减少文件数量减少页面上引用的文件数量可以减少HTTP连接数许多JavaScript、CSS文件可以合并最好合并,人家财帮子都把自己的JavaScript.functions和Prototype.js合并到一个base.js文件里去了

3> 减少外部域名文件的引用

4> 优化页面元素加载顺序例如:首先加载页面最初显示的内容和与之相关的JavaScript和CSS,不需要的图片文件放到后面加载,或者引用延迟加载的js

5> 减少页面中inline和JavaScript的数量

6> 不要在table标签中嵌套table标签,不过现在基本上都用div+css了,HTML5也出来了。

7> 检查页面是否有js错误,或者空引用(检查页面有没有502错误),有没有js文件的重复加载

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

String.prototype.trim =function(){

return this.replace(/(^s*)|(s*$)/g,‘‘);

}

8 完成一个正则表达式,验证用户输入是否身份证号码。

var Expression=/d{17}[d|X]|d{15}/;

var objExp=new RegExp(Expression);

一道腾讯js面试题

题目如下:

f = function() {return true;};

g = function() {return false;};

(function() {

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

f = function f() {return false;};

function g() {return true;}

}

})();

alert(f()); // true or false ?

按网友的描述猜测,这应该是QQ招聘的题目,既考查了ECMAScript知识,又需要被面试者的应用实践,题目本身无标准答案,在不同浏览器下表现不同。

这是一道难度较大,并且出题角度比较刁钻的面试题。

正赶上最近在研究Javascript这部分的内容,便对该题目涉及的考察点进行了更深入的研究。以下给出简单分析。

考察点

对作用域链(scope chain)、执行环境(execution context)、变量对象(variable object)的理解

命名函数表达式,参见这里

以上知识点在不同浏览器(主要为:IE和Firefox)的实现差异

相等操作符的隐式类型转换规则

首先,代码简化为(1):

f = function() {return true;};

g = function() {return false;};

(function() {

alert(g());

function g() {return true;}

})();

上面的例子中,当控制器进入匿名函数的执行环境后,初始化活动对象,函数声明g被放到了执行环境的变量对象集合中,property为g,值为g函数对象,当执行g(),返回true。

将上面的代码稍加改变(2):

f = function() {return true;};

g = function() {return false;};

(function() {

alert(g());

if (true) {

function g() {return true;}

}

})();

上面代码,结果应该与(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

最后大整合。

我们不仅知道结果,而且知道为啥是这结果了(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

时间: 2024-10-12 19:37:14

腾讯HTML试题的相关文章

腾讯笔试题:满二叉排序树,任给3个子节点,找他们最大的公共父节点

腾讯笔试题出现了和这个类似的题目,没做出来,现在来好好解决这个问题吧,先从基本的开始. 先吐槽一下:感觉算法设计什么的,真的超级难,也许是我头脑太笨,转不过弯来吧,呵呵. 题目是这样的:一棵满二叉排序树,有K层,节点的值依次为 1~2k-1.现在告诉你树的高度是4层,给定你3个节点,比如9,11, 13,那么最大的公共父节点是12. 现在想起来这题我已经想出来一半了呀,但是大概人在紧张的时候大脑会思维短路,跳不出原有的思维陷阱.想法是这样的: 1. 首先是从根节点开始,如果给的三个叶节点的值其中

腾讯面试题之求数组前小后大划分元素

时间:2014.04.29 地点:基地二楼 --------------------------------------------------------------------------------------- 一.题目 整型数组里找出符合要求的元素,满足前面的元素比该元素小,后面的元素比该元素大. 时间复杂度为:O(n) 原理:另外开辟两个数组,初始化为原数组值,一个用于存储到当前元素为止前面部分的最大值,另一个用于存储到当前元素为止,后面部分的最小值.最后用当前元素和最大值数组和最小

【C++】声明并实现一个万年历类【腾讯面试题】

一.万年历类中所包含函数,以及功能 /****************************************************************************************** Date.hpp: Copyright (c) Bit Software, Inc.(2013), All rights reserved. Purpose: 声明并实现一个万年历类[腾讯面试题] Author: xxx Created Time: 2015-4-26 *****

腾讯面试题(统计数字出现的次数问题)

时间:2014.04.28 地点:基地二楼 日志:知道自己没有尝试着去试图改变,晓得错了~~ ---------------------------------------------------------------- 一.题目: 给你10分钟时间,根据上排给出十个数,在其下排填出对应的十个数 要求下排每个数都是先前上排那十个数在下排出现的次数. 上排的十个数如下: [0,1,2,3,4,5,6,7,8,9] 举一个例子, 数值:0,1,2,3,4,5,6,7,8,9 分配:6,2,1,0,

TopK问题,腾讯面试题:有100W个战斗力,取前100名的算法。

腾讯面试题:有100W个战斗力,取前100名的算法. 经典topK问题,结论是:随机选择算法 + 快排思想,通过随机选择算法,找到第k大的数,再进行一次快排中的partition,就能得到TopK的结果. 有篇大神的帖子,写的非常好,借鉴下 http://www.sohu.com/a/255145095_178889 原文地址:https://www.cnblogs.com/workharder/p/11980411.html

腾讯面试题,10分钟排填数值(转)

2019转眼就结束了,很多小伙伴正在为明年的金三银四找工作而操劳,也有的小伙伴在准备着2020年的实习.而进入国企,事业单位.BAT.500强这都是很大部分人选择.而在求职或求实习的过程中,很多职场新人都希望看到职场老鸟的一些实际求职经历以及经验心得.我们一起来看一下下面这位求职者的分享. 据该职场人描述,自己接到腾讯的面试通知,在笔试的过程中,一道算法题做不出来.所以前来求助. 腾讯面试题: 给你10分钟时间,根据上排给出十个数,在其下排填出对应的十个数,要求下排每个数都是先前上排那十个数在下

多线程关于腾讯笔试题

今天在头条上看到一道据说是腾讯的笔试题,闲来无事,准备验证一下! 题目如下: 有一个变量int a=0:两个线程同时进行+1操作,每个线程加100次,不加锁,最后a的值是()? 根据我的理解答案不唯一,最大是两百,最小是2吧.直接上代码: class MyThread implements Runnable { static volatile long i = 0; public void run() { for (int m = 0; m < 100; m++) { i++; } } }; p

腾讯笔试题----格雷码的实现

昨天腾讯C++研发的一道笔试题,给定一个N,求这N位的格雷码,如果不知道格雷码的请自行问度娘.由于当时答题时间比较紧,所以没有考虑清楚到底该怎么做,只是有一个大体的思路,但是还是没有写上去(感觉自己解决问题的能力还是弱啊.....). 题目已经提示,使用递归求解,既然是递归,我当时想应该利用分治法求解,先设置一位,然后问题的规模就变成N-1,然后再求解,又联想到剑指offer的第12题(打印1到最大的n位数),所以感觉这种思路应该是可以求解的,但是还有一个问题有待解决--怎么满足格雷码的要求(每

C++腾讯笔试题

#include <iostream> using namespace std; //产生任意范围的随机数. int Grial(int i,int j ) { int x = 0; while (!(x>=i && x<j)) { x = rand() % j; } return x; } int main() { cout << Grial(4, 100) << endl; return 0; } #include <iostrea