腾讯前端题面试题(一)及答案

眼看暑假快要结束了,忙碌的面试准备马上要开始了,加油,gogofighting


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

关键点:target.tagName 组织冒泡事件:e.stopPropagation 或return false;


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

var info="腾讯拍拍网(www.paipai.com)是腾讯旗下知名电子商务网站。";  
     info +="拍拍网于2005年9月12日上线发布,";  
     info +="2006年3月13日宣布正式运营,";  
     info +="是目前国内第二大电子商务平台。";  
     info=info.split(",");  
     for(var i=0; i

个人观点: 字符串的累加,+=会先创建一个临时字符串,相加后再赋值给info,每个字符串都会使用一个小的内存片段,过多的内存片段会影响性能。 另外,建议将数组的长度缓存到临时变量里面


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

1.defer属性 只支持IE 2.async属性  HTML5 3.创建script节点


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

1.$dom.bind("click", function(){}); 2.$dom.click(function(){});


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

在回调里继续加载下一个js直到js加载完

function loadScript(url, callback){ 
  var script = document.createElement_x("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); 
} 

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

 1) 静态资源使用cdn加速

 2) 使用CSS精灵技术:所有Tenerife图片都是一张大图片,使用CSS控制坐标

 3) 合并并且压缩js/css

 4) 页面懒加载(类似于音悦台,淘宝)

 5) 使用giz压缩文本和图片

 7) 使用 Progressive JPEGs:在装入图像时,开始只显示一个模糊的图像,随着数据的装入,图像逐步变得清晰.

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


 String.prototype.trim=function(){
      return this.replace(/(^\s*)|(\s*$)/g, "");
   }


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

 /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/


你可能感兴趣的:(前端面试题)