腾讯前端题面试题(一)及答案
2014-07-29 22:42
197 查看
眼看暑假快要结束了,忙碌的面试准备马上要开始了,加油,gogofighting
1. 请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性)
关键点:target.tagName 组织冒泡事件:e.stopPropagation 或return false;
2.请指出一下代码的性能问题,并进行优化.
个人观点: 字符串的累加,+=会先创建一个临时字符串,相加后再赋值给info,每个字符串都会使用一个小的内存片段,过多的内存片段会影响性能。另外,建议将数组的长度缓存到临时变量里面
3.请给出异步加载js方案,不少于两种。
1.defer属性 只支持IE 2.async属性 HTML5 3.创建script节点
4.请写出绑定事件的方法,不少于两种。
1.$dom.bind("click", function(){}); 2.$dom.click(function(){});
5.请设计一套方案,用于确保页面中加载完全。
在回调里继续加载下一个js直到js加载完
6.请优化某网页的加载速度。
1) 静态资源使用cdn加速
2) 使用CSS精灵技术:所有Tenerife图片都是一张大图片,使用CSS控制坐标
3) 合并并且压缩js/css
4) 页面懒加载(类似于音悦台,淘宝)
5) 使用giz压缩文本和图片
7) 使用 Progressive JPEGs:在装入图像时,开始只显示一个模糊的图像,随着数据的装入,图像逐步变得清晰.
7.对string对象进行扩展,使其具有删除前后空格的方法。
8.完成一个正则表达式,验证用户输入是否***号码。
/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
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.length; i++) { alert(info[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)$)/
相关文章推荐
- 腾讯校园招聘前端实习生面试题及答案(1)
- 腾讯校园招聘前端实习生面试题及答案
- 转:链表相交有环 经典面试题(三)附答案 算法+数据结构+代码 微软Microsoft、谷歌Google、百度、腾讯
- 记录一些前端面试题(带答案)
- 前端面试题及答案(1)
- 腾讯后台开发面试题及答案
- Web前端面试题及答案--JavaScript
- 腾讯前端面试题集锦
- 经典面试题(一)附答案 算法+数据结构+代码 微软Microsoft、谷歌Google、百度、腾讯
- 也做了一下腾讯前端面试题
- 自己整理的部分腾讯web前端开发的笔试题目及答案
- 腾讯部分面试题答案
- 【笔试面试题】腾讯2013实习生面试算法题及参考答案
- 腾讯WEB前端开发三轮面试经历及面试题
- 前端面试题及答案整理(二)
- 史上最全前端面试题(含答案)
- 亲历腾讯WEB前端开发三轮面试经历及面试题
- 百度前端面试题汇总及答案
- 经典面试题(二)附答案 算法+数据结构+代码 微软Microsoft、谷歌Google、百度、腾讯
- 经典面试题(三)附答案 算法+数据结构+代码 微软Microsoft、谷歌Google、百度、腾讯