第一篇：腾讯web前端开发工程师笔试题及答案
腾讯web前端开发工程师笔试题及答案
1、如何实现事件委托？
首先要知道什么是事件委托。考虑一个列表，在li的数量非常少的时候，为每一个li添加事件侦听当然不会存在太多性能方面的问题，但是当列表非常的长，长到上百上千甚至上万的时候（当然只是一个解释，实际工作中很少遇到这么多li的情况），为每个li添加事件侦听就会对页面性能产生很大的影响。
就像下面这段代码：
- 精通css
- 精通js
- 精通html
......
首先，我们来想下，产生性能问题的根本原因是什么呢？li元素（目标对象）所要进行的事件处理了。怎么可以解决这种囧况呢？
答案就是采用事件委托，将在li对象上面要处理的事件委托给父元素或者祖先元素，即为父元素绑定事件侦听，看看下面的改进代码：
- 精通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所以程序可以写成这样：
var a=302;var str="";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){return a-b;})详细说明访问网站：
6、NaN * 6=__
7、JS中调用某个函数之前，如何取得该函数最多可以传递多少个参数？该函数被调用时，如果知道传了多少个参数过来？
假设函数名为fun，那个fun.length就是它最多能接受的参数个数； 在fun函数里面，arguments就是用数组装着调用时传过来的所有参数，因此arguments.length就是已经传递过来的参数个数； 如：
functionneedTwoPara(p1,p2){var a=arguments;
var result='我是个需要'+needTwoPara.length+'个参数的函数n'+'您输入的参数的个数为:'+a.length+'n'for(var i=0, len = a.length;i < len;i++){
result=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:ooooo p2:undefined8、软件HttpWatch的作用？
可以参考：http://baike.baidu.com/view/425789.htm9、JS如何得到HTTP的请求头信息和返回的头信息？
Javascript中跟response header有关的就两个方法： getResponseHeader 从响应信息中获取指定的http头 语法 strValue =
oXMLHttpRequest.getResponseHeader(bstrHeader);getAllResponseHeaders 获取响应的所有http头 语法 strValue =
oXMLHttpRequest.getAllResponseHeaders();
需要注意的是，通常，在IE下不能完整的获取header报头数据，只能取到如下header数据： X-Powered-By: X-UA-Compatible: Keep-Alive: Transfer-Encoding: Content-Type:
比如你要获取时间戳，在IE下必须做些特殊处理，需要在后端设置一下，关闭缓存：
1.header('Cache-Control: no-store');// 关闭缓存
第二篇：Web前端开发笔试题
Web前端开发笔试题
一．单选题
1.
A:红色B:蓝色 C:绿色
D:黄色 2.CSS样式表根据所在网页的位置，可分为?()
A．行内样式表、内嵌样式表、混合样式表 B．行内样式表、内嵌样式表、外部样式表 C．外部样式表、内嵌样式表、导入样式表 D．外部样式表、混合样式表、导入样式表
3..在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?()
A.A:link{TEXT-DECORATION: underline } B.A:hover {TEXT-DECORATION: none} C.A:active {TEXT-DECORATION: blink } D.A:visited {TEXT-DECORATION: overline } 4..下面代码片段，说法正确的是:().DIV1 { position:absolute;line-height:22px;height:58px;background-color: #FF0000;} A.Line-height:22px;修饰文本字体大小
B.position:absolute;表示绝对定位，被定位的元素位置固定 C.height:58px;表示被修饰的元素距离别的元素的距离
D.background-color: #FF0000;表示被修饰的元素的背景图像 5.下列标签可以不成对出现的是（）A．〈HTML〉 B．〈P〉 C．〈TITLE〉 D．〈BODY〉
第三篇：WEB前端开发工程师笔试试题（范文模版）
WEB前端开发工程师笔试试题
1.HTML的含义是什么?其主体部分由什么标记构成?
2.说明在网页设计中div标签的作用
3.CSS指的是什么?在网页制作中为什么要使用CSS技术
4.css 中id和class如何定义,哪个定义的优先级别高?如class定义一个html元素没有边框,而id定义这个元素有边框,结果呢?
5.IE6下为什么无法定义1px左右高度的容器
6.怎么样才能让层显示在FLASH之上？
7.怎样使一个层垂直居中于浏览器中（代码实现）？
8.firefox嵌套div标签的居中问题，假定有如下情况：
如果要实现b在a中居中放置，该如何实现？
9.web标准网站有哪些优点？
10.怎样解决超链接访问过后hover样式就不出现的问题？
第四篇：WEB前端开发经验总结
ASP.NET前端开发经验总结
通过此次大作业的设计到完成，我负责的是web前端的开发，经过此次作业和结合W3C上的自学，我渐渐有了一些对前端开发的小小经验（仅为个人意见）。WEB标准是什么？
说是WEB标准，不过我这里主要是对HTML5 和 CSS3.0的一些经验总结。因为WEB含盖的内容实在是太多了，“WEB标准”是一系列标准的总称，包括HTML5.0、HTML4.0、XHTML1.1、CSS3.0、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以这里要跟大家指出来一下，WEB标准不是我们所说的DIV+CSS。刚刚上面提到了――DIV+CSS，这里要说明下，这样说其实是不正确的。DIV+CSS准确的说法（个人的理解）应该是：采用W3C推荐的WEB标准中的HTML5结合CSS3.0样式表制作页面的方法，DIV应该指的是HTML标签，而CSS显示是指的CSS样式表了。
采用WEB标准开发的好处
那么W3C为什么会推荐这样的页面制作方法呢？下面我们就简单的看看采用WEB标准开发（个人理解的）相对以前TABLE布局的优势有哪些？
1、节约运营成本
看看我们的WEB标准制作方法是如何做到的？
采用WEB标准制作，我们可以做到表现很形式的分离，我们用XHTML来表现（数据），用CSS来控制（页面元素呈现的）形式。写的好的页面，XHTML代码中基本上都是用户要看的数据，还其他修饰性的东西，全部由我们的CSS来控制。这样一来我们的（XHTML）页面的体积就大大减小了，这样你在带宽上的费用就会大家降低了，这个怎么降低的，你可以想象一下，YAHOO的首页小1K，100W个人一起访问，那么带宽节约了多少？而且可以更充分的利用带宽。
而我们的CSS控制了，所有的页面元素的样式，现在想改网站的整体风格，你只需要花几分钟修改一下一个CSS文件，就可以轻松搞定了。维护的成本也下来了，省了不少钱了吧？还有，你开这个页面的速度会快很多啊，一个让你等半分钟的页面，除非里面的信息对你很有用，不然我们大家基本都没有太多的时间去用来等待的。
2、对用户友好更友好，且有机会获得更多的用户 现在来说说用户友好。首先我想把我们的用户来分下类。第一类：普通用户（每个访问我们网站的人）； 第二类：搜索引擎；
采用WEB标准开发的页面，结构清晰，页面体积小，浏览器兼容性好。普通用户访问的时候，页面打开速度快，而且不管用户使用那种浏览器，都能够正常访问（显示）页面，且页面的结构清晰，要找的数据可以很方便的浏览到。
而对搜索引擎来说，一个好的采用WEB标准开发的页面，都是做过SEO优化的，它访问起来很友好，很容易理解你的页面中哪里是标题（H1~H6标签），哪里是段落（p标签），哪里是段落里要强调的内容（strong标签）等，它可以很容易的分析出来。而一个SEO好的站点，大家都知道，被搜索引擎收录的机会更多，这个也意味着您的网站会被更多的普通用户访问到，给你的站点带来更多的用户。
一个能帮我们省下大笔费用，提高工作效率。同时又能够提高页面浏览速度，对用户友好，甚至能够不花钱宣传，就能给你带来更多用户的技术。你说你会不会去使用它？这个也正式我们的W3C推荐使用WEB标准开放网站的原因啊。而这个技术也得到了我们广大用户的认可，所以现在需要学习WEB标准啊。合理的布局
前面我提到了一些知识点――“结构清晰、SEO优化、页面体积小、HTML代码中基本上都是用户要看的数据”。这些东西，都是我做了合理布局的结果。而且我个人觉得，我们采用WEB标准制作的一切都是从这个知识点开始的，所以我这里就先来说这个话题。
也许有人会问，怎样的一个页面，才算是合理的布局的呢？这个问题问题问得好，也是我们大家刚开始学用WEB标准的问得最多的问题之一，我也曾经常被这个问题所困扰，这里就说说我对合理布局的一些理解。
在开始讲合理布局的页面要达到的要素前，我们还是用个实例来讲解会更直观些。先来看看这个图片：
不错，这个是一个文章详细页，没有左右两栏布局，不过这里我重点要讲的是合理的布局。
这是此次实验中customer（前端的一项）部分的完整代码：
<%@ Page Language=“C#” AutoEventWireup=“true” CodeFile=“Customer.aspx.cs” Inherits=“Customer” %> <%@ Register Src=“Controllers/Bottom.ascx” TagName=“Bottom” TagPrefix=“uc4” %> <%@ Register Src=“Controllers/Top.ascx” TagName=“Top” TagPrefix=“uc1” %> <%@ Register Src=“Controllers/Left.ascx” TagName=“Left” TagPrefix=“uc2” %>
” name=“description”/> ” name=“keywords” />