腾讯web前端开发工程师笔试题及答案.docx

腾讯web前端开发工程师笔试题及答案

第一篇：腾讯web前端开发工程师笔试题及答案腾讯web前端开发工程师笔试题及答案1、如何实现事件委托？首先要知道什么是事件委托。考虑一个列表，在li的数量非常少的时候，为每一个li添加事件侦听当然不会存在太多性能方面的问题，但是当列表非常的长，长到上百上千甚至上万的时候（当然只是一个解释，实际工作中很少遇到这么多li的情况），为每个li添加事件侦听就会对页面性能产生很大的影响。就像下面这段代码：js性能优化精通css精通js精通html......首先，我们来想下，产生性能问题的根本原因是什么呢？li元素（目标对象）所要进行的事件处理了。怎么可以解决这种囧况呢？答案就是采用事件委托，将在li对象上面要处理的事件委托给父元素或者祖先元素，即为父元素绑定事件侦听，看看下面的改进代码：js性能优化精通css精通js精通html......虽然现在很多框架都已经实现了事件委托，但是作为一个开发人员，用框架的同时我们也应该知道他实现的原理是如何的，知其然，更要知其所以然2、将10进制的数302转为二进制。十进制转二进制的原理是：用2辗转相除至结果为1将余数和最后的1从下向上倒序写就是结果例如302302/2=151余0151/2=75余175/2=37余137/2=18余118/2=9余09/2=4余14/2=2余02/2=1余0故二进制为100101110所以程序可以写成这样：vara=302;varstr="";while(a>1){str=a%2+str;a=parseInt(a/2);}str=a+str;3、js中运算符的优先级(此非原题，为原理题)运算符.[]()++--+>>>>>=instanceof==!====!==&描述字段访问、数组下标、函数调用以及表达式分组一元运算符、返回数据类型、对象创建、未定义值乘法、除法、取模加法、减法、字符串连接移位小于、小于等于、大于、大于等于、instanceof等于、不等于、严格相等、非严格相等按位与^|&&||?:=oP=,按位异或按位或逻辑与逻辑或条件赋值、运算赋值多重求值4、typeof(null)=______答案为object5、JS中给全部都是数字元素的数组排序的原生方法是，其中使用的是__泡__排序方法。例如：array.sort(function(a,b){returna-b;})详细说明访问网站：6、NaN*6=__7、JS中调用某个函数之前，如何取得该函数最多可以传递多少个参数？该函数被调用时，如果知道传了多少个参数过来？假设函数名为fun，那个fun.length就是它最多能接受的参数个数；在fun函数里面，arguments就是用数组装着调用时传过来的所有参数，因此arguments.length就是已经传递过来的参数个数；如：functionneedTwoPara(p1,p2){vara=arguments;varresult='我是个需要'+needTwoPara.length+'个参数的函数n'+'您输入的参数的个数为:'+a.length+'n'for(vari=0,len=a.length;iresult=result+'第'+(i+1)+'个参数为:'+a[i]+'n'}result+='以上是用arguments来获得参数n';result+='下面用变量来获得参数:n';result+='p1:'+p1+'n';result+='p2:'+p2+'n';alert(result);}alert(needTwoPara.length);needTwoPara('ooooo');运行结果为：2我是个需要2个参数的函数您输入的参数的个数为:1第1个参数为:ooooo以上是用arguments来获得参数下面用变量来获得参数:p1:ooooop2:undefined8、软件HttpWatch的作用？可以参考：http://baike.baidu.com/view/425789.htm9、JS如何得到HTTP的请求头信息和返回的头信息？Javascript中跟responseheader有关的就两个方法：getResponseHeader从响应信息中获取指定的http头语法strValue=oXMLHttpRequest.getResponseHeader(bstrHeader);getAllResponseHeaders获取响应的所有http头语法strValue=oXMLHttpRequest.getAllResponseHeaders();需要注意的是，通常，在IE下不能完整的获取header报头数据，只能取到如下header数据：X-Powered-By:X-UA-Compatible:Keep-Aliv