文档介绍：腾讯 web 前端开发工程师笔试题及答案 1、如何实现事件委托? 首先要知道什么是事件委托。考虑一个列表,在 li 的数量非常少的时候,为每一个 li 添加事件侦听当然不会存在太多性能方面的问题,但是当列表非常的长,长到上百上千甚至上万的时候(当然只是一个解释, 实际工作中很少遇到这么多 li 的情况),为每个 li 添加事件侦听就会对页面性能产生很大的影响。就像下面这段代码: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>js 性能优化</title> </head> <body> <ul id='list'> <li> 精通 css</li> <li> 精通 js</li> <li> 精通 html</li> ...... </ul> </body> </html> <script type="text/javascript"> (function(){ var a=('list'); var b=('li'); for(var i=0;i<;i++){ b[i].addEventListener('click',function(e){ var c= ; alert(); },false); } })(); </script> 首先, 我们来想下, 产生性能问题的根本原因是什么呢? li 元素( 目标对象) 所要进行的事件处理了。怎么可以解决这种囧况呢? 答案就是采用事件委托, 将在 li 对象上面要处理的事件委托给父元素或者祖先元素, 即为父元素绑定事件侦听, 看看下面的改进代码: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>js 性能优化</title> </head> <body> <ul id='list'> <li> 精通 css</li> <li> 精通 js</li> <li> 精通 html</li> ...... </ul> </body> </html> <script type="text/javascript"> (function(){ var a=('list'); ('click',function(e){ var b= ; alert(); },false); })(); </script> 虽然现在很多框架都已经实现了事件委托,但是作为一个开发人员,用框架的同时我们也应该知道他实现的原理是如何的,知其然,更要知其所以然 2、将 10 进制的数 302 转为二进制。十进制转二进制的原理是: 用2 辗转相除至结果为 1 将余数和最后的 1 从下向上倒序写就是结果例如 302 302/2 = 151 余0 151/2 = 75 余1 75/2 = 37 余1 37/2 = 18 余1 18/2 =9余0 9/2 =4余1 4/2 =2余0 2/2 =1余0 故二进制为 100101110 所以程序可以写