WEB前端面笔试题总结

1. 如何显示/隐藏一个DOM元素？

更改元素的css style，设为display: none。此外还可以将visibility设为hidden，透明度设为0，或长、宽设为0。

2. 一个定宽网页在浏览器（IE6，IE7，Firefox，IE5）中横向居中对齐的布局，

请写出主要的HTML标签及CSS。

1.

Strict//EN” ”https://www.wendangku.net/doc/0b14690022.html,/TR/xhtml1/DTD/xhtml1-strict.dtd”>

2.

https://www.wendangku.net/doc/0b14690022.html,/1999/xhtml” xml:lang=”zh-CN” lang=”zh-CN”>

3.

4.

5.

6.

11.

12.

13.

14.

15.

3. CSS中margin和padding的区别

margin是外边距，属于元素之外，相邻元素的margin可以融合。

padding是内边距，在元素之内，相邻元素的padding不可融合。

4. JavaScript中如何检测一个变量是一个String类型？请写出函数实现

function(obj) {

returntypeof(obj) == ”string”;

}

5. 网页中实现一个计算当年还剩多少时间的倒数计时程序，要求网页上实时动态

显示“××年还剩××天××时××分××秒”

这个看我论坛右上角的就知道了…

6. 如何控制网页在网络传输过程中的数据量

题目貌似有问题，应该是减少数据量吧。

最显著的方法是启用GZIP压缩。此外保持好的编码习惯，避免重复和css、

JavaScript代码，多余的HTML标签和属性。

7. 补充代码，是鼠标单击后Button1到Button2的后面

var parent =this.parentNode; parent.removeChild(this);

parent.appendChild(this);

8. Linux中，将a、b打包为back.tar，命令是（）

不知道＝。＝

9. Flash、Ajax各自的优缺点，在使用中如何取舍？

Flash的缺点是需要客户端安装Flash插件，比较大，且更改了默认的HTML页面行为；但可以方便地实现很多特效及动画，且具有较高权限。

Ajax的缺点是编程较为复杂，需要服务器端的支持，能实现的效果只能是DOM API 提供的，权限很低，较难跨域；但可以显著加快页面的载入速度和用户体验。

此外，二者都不能被搜索引擎索引（Google已支持Flash文本的索引），不利于SEO。

建议:重要和关键部分直接用HTML，交互部分可以使用Ajax，复杂的动画可采用Flash。

百度2010

1、JS主要数据类型？5分

答：主要的类型有number、string、object 以及Boolean 类型,其他两种类型为null 和undefined。

2、img的alt和title的异同？10分

答：title属性为设置该属性的元素提供建议性的信息。比如为链接添加描述性文字。

为不能显示图像、窗体或applets的用户代理（UA），alt属性用来指定替换文字。使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。

3、CSS的JS调用？如font-family, -moz-border-radius 10分

答：fontFamily、MozBorderRadius

4、CSS布局：两列，左边宽度自适应，右边宽度固定200px 15分

1.#box1{width:100%;height:600px;position:relative;}

2.#left1{margin-right:200px;border:1px solid red;height:100%;}

3.#right1{width:200px;height:100%;position:absolute;top:0px;right:0px;border:1px

solid blue;}

4.

5、js对象的深度克隆？20分

1.Object.prototype.deepClone=function(){

2. function cloneObj(){}

3. cloneObj.prototype=this;

4. var obj=new cloneObj();

5. for(var o in obj){

6. if(typeof(obj[o])=="object")obj[o]=obj[o].deepClone();

7. } return obj;

8.}

6、动态打印时间，格式为yyyy-MM-dd hh:mm:ss? 15分

1.function printTime(){

2. var timer1=new Date();

3. var timer=timer1.toLocaleString();

4. timer=timer.replace(/[年月]/g,"-");

5. timer=timer.replace(/日/,"");

6. time.innerHTML=timer;

7.}setInterval("printTime()",1000);

7、如何提高网页运行性能？20分

没写。

8、linux下删除当前目录下扩展名为c的文件（如a.c，b.c）5分

rm–r *.c

find. -name “*.doc” -type f -exec cp {} /tmp/doc \;找到当前目录（.）下扩展名为(doc)的文件并拷贝到指定目录【注意-type f 指普通文件，-exec ls-l{}列出文件，最后加上\】cp[options] source dest 复制

9、flash as2.0和flash as3.0在面向对象方面的异同？10分

答：面向对象方面，2.0像javascript，3.0像java。

到了AS 2.0,面向对象被引入了，但它实质上是动态脚本语言，虽然已经有了类的概念和class关键字，但对象支持还是基于类似JavaScript的prototype机制——动态继承。

3.0同时支持静态类型，即基于类的继承方式；以及动态类型，即基于prototype的继

承方式。推荐用静态类型。

10、Flash、Ajax各自的优缺点，在使用中如何取舍？10分

1、Flashajax对比

Flash适合处理多媒体、矢量图形、访问机器；对CSS、处理文本上不足，不容易被搜索。

Ajax对CSS、文本支持很好，支持搜索；多媒体、矢量图形、机器访问不足。

共同点：与服务器的无刷新传递消息、用户离线和在线状态、操作DOM

2、项目中遇到什么问题？如何解决？

前端题目总结

HTML相关

1.标签的定义与用法。

2.块级元素和行内元素都有哪些？

3.你真的了解HTML吗？雅虎面试题把前面黄底那段拿去搜索下就知道了(曾在某浪公司面

试的时候被问到过，确实是很好的问题)。

CSS相关

1.介绍所知道的CSS hack技巧(如：_， *，+， \9，!important 之类)。

2.介绍CSS盒模型。

3.CSS层叠是什么？介绍一下。

4.都知道哪些CSS浏览器兼容性问题。

5.有时会被问到些刁钻点的题，比如position值都有哪些，CSS3都有哪些新内容...

JavaScript基础相关

1.HTTP协议的状态消息都有哪些？(如200、302对应的描述)

2.AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法?

3.同步和异步的区别?

4.简述JavaScript封装。

5.JavaScript继承有哪两种形式形式，进行描述。

6.什么是闭包？以下代码点击

会输出什么？为什么？能大概说明白的话继续问能想出几

种解决办法。

答案: 5 解释: 由于闭包i被保留在内存中,alert 显示的是i当前的值, 最后一次i++ 会导致i为5

产品0

产品1

产品2

产品3

产品4

7.在JS中this关键字的使用场合和用法(如在构造函数中、setTimeout中等)。

8.简述下cookie的操作，还有cookie的属性都知道哪些。

9.IE与FF的JS兼容性都知道哪些。

10.DOM操作 - 怎样添加、移除、移动、复制、创建和查找节点(这个问题真心是基础题，一

般不会问)。

jQuery相关

1.jQuery源码是否尝试去读过？说说基本的架构或者 jQuery.fn.init 中都做了哪些判断。

2.都知道哪些不好的jQuery书写方式。

3.Sizzle是否有读过？

其它相关的加分项：

1.都使用和了解过哪些编辑器？都使用和了解过哪些日常工具？

2.都知道有哪些浏览器内核？开发过的项目都兼容哪些浏览器？

3.国内外的JS牛人都知道哪些？

4.瀑布流布局或者流式布局是否有了解

5.正则表达式有系统学习过吗(看书或网上教程)？有的话就问问简单点的邮箱验证、URL验

证，或者问问贪婪匹配与懒惰匹配的理论知识。

6.Node.js是否有过尝试？到什么程度？说说个人理解的看法？

7.HTML5都有哪些新的JS API？

8.前端优化知识都知道哪些？

9.基础算法题（如快速排序，能否一两句说说重要的核心原理或者数组消重等）。

10.是否有接触过或者了解过重构。

其他一些总结

百度web前端笔试试卷上的题目：

1.判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总

长度为5-20

2.截取字符串abcdefg的efg

3.让一个input的背景颜色变成红色

4。给一个页面，写html css

5。div的高宽等于浏览器可见区域的高宽，浏览器滚动，div始终覆盖浏览器的整个可见区域

6。判断一个字符串中出现次数最多的字符，统计这个次数

7。IE与FF脚本兼容性问题

又重新问的是1，4，6，7，这次问出题者的意图，并且让给出7的更多答案，以及IE FF 不兼容的原因

然后看了看简历，没有问简历上的项目，而是让自己随便谈谈

1对于web客户端技术未来趋势发展谈谈看法

javascript + ajax=RIA

Adobe Flash AS 3

Flex

Sliveright

2web开发团队人员应该如何分工协作

布局 CSS 脚本

比如脚本人员长期的积累可能铸造类型YUI这样的产品级脚本库（亮点）

3web开发曾经的团队有没有别人遇到问题，什么问题，向你请教

4如果要实习，什么时候可以

5自己在开发的过程中遇到什么问题，谈谈看法

6web开发脚本开发环境用什么、调试用什么

试过aptana，现在就用editplus

调试肯定用firebug，ie下看页面DOM用IEInspector

7如果有个新技术，现在需要掌握，你会怎么做

新技术的发现我一般是通过RSS工具，比如我用GoogleReader

每天有半个小时左右在看最新的资讯、技术走向

发现新技术，首先有个大概了解，如果有深入的必要

我一般会看他的官网，比如jquery，我会搜索到https://www.wendangku.net/doc/0b14690022.html,，然后看Docs、samples 如果要用到项目中，有困难的问题，我会svn得到最新的这个技术的源码，深入跟踪进去，看实现原理

一般现在涌现的技术都是opensource

提问时间

1百度web开发脚本是否有做类似YUI库的打算

2百度web开发工程师打算招多少人

百度电话二面回忆 web开发部–web开发工程师

首先是自我介绍

然后谈谈做的web项目

然后开始问技术问题

前端开发的优化问题

答:

产品发布时，js的压缩，即函数名替换、整个文件压缩成一行

css开发的时候注释写清楚，先有个base.css，然后根据不同页面需要再加css，发布的时候将css中的一个定义写成一行，目的是压缩文件大小

最终发布的时候甚至可以将css，js分别压缩成一个文件，甚至css、js通过技巧压缩到一个里边（亮点）

这样的目的是，减少用户访问web产品的http连接数

web前端产品的开发流程

答:首先根据产品的定位、用户群，确定配色，然后纸上设计整体布局，然后png或者psd 出效果图，切出需要的小图片，然后手写代码div+css构造出页面，然后根据功能写脚本参考126邮箱首页，将所有小图片放到一个图片中，通过css的background-position实现页面，还是为了优化，减少http连接数

规避javascript多人开发函数重名问题

答:首先是通过命名规范，比如根据不同的开发人员实现的功能，在函数名加前缀，虽然函数名看起来复杂，发布的时候还是可以替换，从而优化。

还有一种办法是，每个开发人员都把自己的函数封装到类中，然后调用的时候即使函数名相同，但是因为是要类.函数名来调用，所以也减少了重复的可能性。

javascript面向对象中继承实现

答：我是用prototype.js extend.js扩展

然后子类中parent.initialize()…

答的不好

正确答案：

// 1. 构造器

function Animal() {};

function Mammal() {};

function Canine() {};

function Dog() {};

// 2. 原型链表

Mammal.prototype = new Animal();

Canine.prototype = new Mammal();

Dog.prototype = new Canine();

prototype.js实现的基本原理

答：

将功能封装

比如Ajax.Request，还是有判断浏览器的代码；Position这样的实现页面元素位置的计算prototye太大，如果一个页面功能不需要这样的，自己实现，怎么做

答：首先页面、css、脚本分离之后，脚本中将整个模块功能写成一个类var Do={}

其中初始化函数init:function(){}，然后最后做Do.init()

其中init会对页面上form中需要交互的元素绑定事件，比如$(’input1′).onclick=function(){}

IE、FF下面脚本的区别

答：

1.IE有outerHTML，FF没有

2.页面元素id，IE可以直接取，FF必须document.getElementById()

3.Ajax里边FF是newXMLHttpRequest，而IE是

try new ActiveXObject(’Msxml2.XMLHTTP’)try new ActiveXObject(’Microsoft.XMLHTTP’) FF下面实现outerHTML

答：.parenet.firstChild .parent.innerHTML

这个没答好

正确答案：原理是，get：取到这个标签的tagname，然后属性循环构造成这个标签的属性set：把字符串用insertBefore插入到这个元素前面，然后removeChild这个元素

if(typeof(HTMLElement)!=”undefined”&& !window.opera)

{

HTMLElement.prototype.__defineGetter__(”outerHTML”,function()

{

var a=this.attributes, str=”<”+this.tagName, i=0;

for(;i

if(a[i].specified)

str+=”“+a[i].name+’=”‘+a[i].value+’”‘;

if(!this.canHaveChildren)

return str+”/>”;

return str+”>”+this.innerHTML+””;

});

HTMLElement.prototype.__defineSetter__(”outerHTML”,function(s)

{

var d = document.createElement(”DIV”); d.innerHTML= s;

for(var i=0;i

this.parentNode.insertBefore(d.childNodes[i],this);

this.parentNode.removeChild(this);

});

HTMLElement.prototype.__defineGetter__(”canHaveChildren”,function()

{

return!/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test (this.tagName.toLowerCase());

});

}

//–>

IE、FF下面CSS的解释区别

答：

1.png透明背景，FF下面没有问题，IE需要用滤镜通道

2.z-index在IE、FF下面的解释问题，

IE会认为第一个z-index=0

3.长字符串，word-wrap:break-all可以解决IE，但是FF需要overflow:hidden才行冯舒娅补充：

1、有些标签在ff中不能用，比如button

2、滤镜

3、鼠标cursor:hand cursor:pointer

4、div的高度自适应

5、对box模型解析不一样

6、ul、ol的padding和margin

IE都能识别*，标准浏览器（如FF）不能识别*；

IE6能识别*，但不能识别 !important；

IE7能识别*，也能识别 !important；

FF不能识别*，但能识别 !important；

例如style=”*width:10px;!importantwidth:20px;”

这样在IE6下宽度为10px,在IE7下宽度时20px

web前端技术的展望

答：javascript ajax；flashAS；Flex；Sliveright

附上网上的百度web开发工程师笔试问题集

1编写一个方法求一个字符串的字节长度

2编写一个方法去掉一个数组的重复元素

3说出3条以上ff和ie的脚本兼容问题

IE 有children，FF没有；IE有parentElement，FF没有；IE有innerText,outerText,outerHTML，FF 没有；FF有

HTMLElement,HTMLDivElement,XMLDocument,DocumentFragment,Node,Event,Element

等等，IE没有；IE有数据岛，FF没有；IE跟FF创建HttpRequest实例的方法不一样。。等等。。

4用脚本写去除字符串的前后空格

String.prototype.trim =function(mode)

{//前后去空格

if (mode==’left’) {

return ((this.charAt(0) == ”“&&this.length > 0) ? this.slice(1).trim(’left’) : this);

} else

if (mode == ’right’) {

return ((this.charAt(this.length -1) == ”“ && this.length > 0) ? this.slice(0, this.length

-1).trim(’right’) : this);

} else {

return this.trim(’left’).trim(’right’);

}

};

5算出字符串中出现次数最多的字符是什么，出现了多少次

//

var result = ''; //命名一个变量放置结果输入

while( str != '' ){ //循环迭代开始，并判断字符串是否为空

oldStr = str; //将原始的字符串变量赋值给新变量

getStr = str.substr(0,1); //用字符串的substr的方法得到第一个字符（首字母）

eval("str =str.replace(/"+getStr+"/g,'')"); //详细如补充

if( oldStr.length-str.length >maxLength )

{ //判断原始的字符串的长度减去替代后字符串长度是否大于之前出现的最大的字符串长度maxLength =oldStr.length-str.length; //两字符串长度相减得到最大的字符串长度

result = getStr + "=" +maxLength //返回最大的字符串结果（字母、出现次数）

}

}

alert(result) //弹出结果

//]]>

6写出3中使用this的典型应用

在HTML元素事件属性中inline方式使用this关键字：

7.最后一个问题是，如何制作一个combo选项，就是可以输入可以下拉菜单选择。

这个网上有很多成品，主要是通过绝对定位和相对定位结合的方式，改造原有的select 标签和input标签的方法。

Web前端开发笔试题集锦(已读)

Web前端开发笔试题集锦 HTML/CSS篇 1, 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); 2，截取字符串abcdefg的efg var str = "abcdefg"; if (/efg/.test(str)) { var efg = str.substr(str.indexOf("efg"), 3); alert(efg); } 3，判断一个字符串中出现次数最多的字符，统计这个次数 //将字符串的字符保存在一个hash table中，key是字符，value是这个字符出现的次数 var str = "abcdefgaddda"; var obj = {}; for (var i = 0, l = str.length; i < l; i++) { var key = str[i]; if (!obj[key]) { obj[key] = 1; } else { obj[key]++; } } /*遍历这个hash table，获取value最大的key和value*/ var max = -1; var max_key = ""; var key; for (key in obj) { if (max < obj[key]) { max = obj[key]; max_key = key; } } alert("max:"+max+" max_key:"+max_key); 4，IE与FF脚本兼容性问题 (1) window.event： 表示当前的事件对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象 (2) 获取事件源

最新web前端面试题(及答案)

1、常用那几种浏览器测试？有哪些内核(Layout Engine)? 答： (Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。 (Q2) 内核：Trident，Gecko，Presto，Webkit。 2、说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下）答： (Q1) 行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。 块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。 (Q2) 兼容性：display:inline-block;*display:inline;*zoom:1; 3、清除浮动有哪些方式？比较好的方式是哪一种？ 答： (Q1) （1）父级div定义height。 （2）结尾处加空div标签clear:both。 （3）父级div定义伪类:after和zoom。 （4）父级div定义overflow:hidden。 （5）父级div定义overflow:auto。 （6）父级div也浮动，需要定义宽度。 （7）父级div定义display:table。 （8）结尾处加br标签clear:both。 (Q2) 比较好的是第3种方式，好多网站都这么用。 4、box-sizing常用的属性有哪些？分别有什么作用？ 答： (Q1)box-sizing: content-box|border-box|inherit; (Q2)content-box:宽度和高度分别应用到元素的内容框。在宽度和高度 之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内 进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的 宽度和高度。 5、Doctype作用？标准模式与兼容模式各有什么区别? 答： (Q1) 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不 存在或格式不正确会导致文档以兼容模式呈现。 (Q2) 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防 止站点无法工作。 6、HTML5 为什么只需要写？

WEB前端面笔试题总结

1. 如何显示/隐藏一个DOM元素？ 更改元素的css style，设为display: none。此外还可以将visibility设为hidden，透明度设为0，或长、宽设为0。 2. 一个定宽网页在浏览器（IE6，IE7，Firefox，IE5）中横向居中对齐的布局， 请写出主要的HTML标签及CSS。 1. 2. 3. 4. 5. 6. 11. 12. 13.

14.

15. 3. CSS中margin和padding的区别 margin是外边距，属于元素之外，相邻元素的margin可以融合。 padding是内边距，在元素之内，相邻元素的padding不可融合。 4. JavaScript中如何检测一个变量是一个String类型？请写出函数实现 function(obj) { returntypeof(obj) == ”string”; } 5. 网页中实现一个计算当年还剩多少时间的倒数计时程序，要求网页上实时动态 显示“××年还剩××天××时××分××秒” 这个看我论坛右上角的就知道了… 6. 如何控制网页在网络传输过程中的数据量 题目貌似有问题，应该是减少数据量吧。 最显著的方法是启用GZIP压缩。此外保持好的编码习惯，避免重复和css、 JavaScript代码，多余的HTML标签和属性。 7. 补充代码，是鼠标单击后Button1到Button2的后面

var parent =this.parentNode; parent.removeChild(this); parent.appendChild(this); 8. Linux中，将a、b打包为back.tar，命令是（） 不知道＝。＝ 9. Flash、Ajax各自的优缺点，在使用中如何取舍？ Flash的缺点是需要客户端安装Flash插件，比较大，且更改了默认的HTML页面行为；但可以方便地实现很多特效及动画，且具有较高权限。 Ajax的缺点是编程较为复杂，需要服务器端的支持，能实现的效果只能是DOM API 提供的，权限很低，较难跨域；但可以显著加快页面的载入速度和用户体验。 此外，二者都不能被搜索引擎索引（Google已支持Flash文本的索引），不利于SEO。 建议:重要和关键部分直接用HTML，交互部分可以使用Ajax，复杂的动画可采用Flash。 百度2010 1、JS主要数据类型？5分

web前端开发面试题汇总模板

web前端开发面试题汇总 1天前653浏览2评论 前端面试题汇总 HTML&CSS 1. 常用那几种浏览器测试？有哪些内核(Layout Engine)? (Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。 (Q2) 内核：Trident，Gecko，Presto，Webkit。 2. 说下行内元素和块级元素的区别？行内块元素的兼容性使用？ （IE8 以下） 行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。 块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。 兼容性：display:inline-block;display:inline;zoom:1; 3. 清除浮动有哪些方式？比较好的方式是哪一种？ （1）父级div定义height。 （2）结尾处加空div标签clear:both。 （3）父级div定义伪类:after和zoom。 （4）父级div定义overflow:hidden。 （5）父级div定义overflow:auto。 （6）父级div也浮动，需要定义宽度。 （7）父级div定义display:table。

（8）结尾处加br标签clear:both。 总结：比较好的是第3种方式，简洁方便。 4. box-sizing常用的属性有哪些？分别有什么作用？ 常用的属性：box-sizing: content-box border-box inherit; 作用：content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 5. Doctype作用？标准模式与兼容模式各有什么区别? (Q1) 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (Q2) 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 6. HTML5 为什么只需要写< Doctype html>？ HTML5不基于SGML，因此不需要对DTD进行引用;但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。 7. 页面导入样式时，使用link和@import有什么区别？ （1）link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS; （2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面

web前端开发师笔试题

===================================WEB前端开发师笔试题====================================== 一、填空题（40分） 1、目前常用的WEB标准静态页面语言是__ ______。（4分）html 2、改变元素的外边距用________，改变元素的内填充用________。（6分）margin padding 3、在Table中，TR是________，TD是________。（6分）行列 4、如果给一行两列的表格（table）定义高度样式，在________标签中定义最合理，最能减少代码的臃肿。（5分式也有说tr 5、对ul li的样式设成无，应该是用什么属性________。（6分）list-styl-type：none； 6、在新窗口打开链接的方法是________。（4分）target=_bank 7、Color:#666666;可缩写为________。（2分）color：#666 8、合理的页面布局中常听过结构与表现分离，那么结构是________，表现是________。（9分）div css 二、选择题（20分） 1 1、列举常用的浏览器类型以及他们使用的内核还有对应的调试工具 常用的有IE(6,7,8,9,10,FF,chrome ) IE常用的调试工具有 IEWebDeveloper (IE9默认有安装) Firefox大家估计用的最多。firefox chrome(内核webkit) 自带的有google 开发的内置调试工具。 三者内核各不相同。 其它还有opera，遨游，世界之窗等； chrome内核跑的比较快，安全。Firefox做调试是最棒的。 4、html5和css3有什么新特性 html5强化了 Web 网页的表现性能，如:nav header section canvas等，语义化更强

Web前端开发工程师面试题

一、CSS (1) 二、HTML (3) 三、jquery (3) 四、综合 (4) 一、C SS 1.CSS样式表根据所在网页的位置，可分为?(B ) A．行内样式表、内嵌样式表、混合样式表 B．行内样式表、内嵌样式表、外部样式表 C．外部样式表、内嵌样式表、导入样式表 D．外部样式表、混合样式表、导入样式表 2.对于标签，其中*代表（C ） A. 注释的时候才用上 B. 没有这个标签 C. 通配符，意思是所有的标签 3.在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?(B ) 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.下面代码片段，说法正确的是:(B ) .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.用CSS设置DIV的左边为红色实线，下面设置正确的是(C ) A．style=”border-top: #ff0000 1 solid;”

Web前端技术试题

W e b前端技术试题 Company Document number：WTUT-WT88Y-W8BBGB-BWYTT-19998

[Web前端技术教学]《基于Web标准的网页设计与制作》试题及答案 一、单项选择:（每题分,共69分） 语言中,创建一个位于文档内部的锚点的语句是:( ) A. B. C. D. 答案:C 中的元素可分为块级(block)元素和行内(inline)元素,下列哪个元素是块级元素:( ) A. B. C. D. 答案:A 3.下列哪条html语句的写法符合XHTML规范:（） A.
B. C. D. 答案:B 4.在编辑网页时,按“Ctrl+Shift+空格键”插入的HTML源代码为:( )

A.   B.   C. &sbnp D. &sbnp; 答案:B 5.标记一般包含在_____标记中。( ) A. B. C. D.

答案:A 6.要在新窗口打开一个链接指向的网页需用到( ) A. href＝“_blank” B. Name=“_blank” C. target＝“_blank” D. href＝“#blank” 答案:C 7.特殊符号（版权符号）对应的源代码是:( ) A. Copy； B. ©； C. Copyright； D. ©right；答案:B 8.在网页中经常用的图像格式是:( ) A. gif, jpg和png B. gif, bmp和png C. bmp, jpg和png D. psd, gif和png 答案:A 9.关于JavaScript语言,下列说法中错误是:( )

Web前端开发工程师笔试题.doc

Web前端开发工程师笔试题 Web前端开发工程师笔试题篇1 1. 在一个框架的属性面板中，不能设置下面哪一项。( C ) A.源文件; B.边框颜色; C.边框宽度 D.滚动条 2. CSS样式表根据所在网页的位置，可分为?(B ) A.行内样式表、内嵌样式表、混合样式表 B.行内样式表、内嵌样式表、外部样式表 C.外部样式表、内嵌样式表、导入样式表 D.外部样式表、混合样式表、导入样式表 3.对于标签，其中*代表GET或( C ) A. SET B. PUT C. POST D. INPUT 4. HTML代码 表示?(D ) A. 创建表格 B. 创建一个滚动菜单 C. 设置每个表单项的内容

D. 创建一个下拉菜单 5. 在表单中包含性别选项，且默认状态为男被选中，下列正确的是( A ) A. 男 B. 男 C. 男 D. 男 6. 在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?(B ) A. A:link{TEXT-DECORATION: underline } B. A:hover {TEXT-DECORATION: none} C. A:active {TEXT-DECORATION: blink } D. A:visited {TEXT-DECORATION: overline } 7. 下面代码片段，说法正确的是:(B ) .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; 表示被修饰的元素的背景图像 8. 在Dreamweaver 中, 在设置各个框架属性时, 参数Scroll 是用来设置( B )属性的。 A. 是否进行颜色设置 B. 是否出现滚动条 C. 是否设置边框宽度 D. 是否使用默认边框宽度 9. 以下链接到电子邮件的正确格式是(B ) A. 邮箱 B. 邮箱 C. 邮箱 D. 邮箱 10. 若将Dreamweaver中2个横向相邻的单元格合并，则两单元格中文字会( A ) A.文字合并 B.左单元格文字丢失 C.右单元格文字丢失 D.系统出错

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

web前端开发工程师笔试题 1.html的含义是什么，其主体部分由什么标记构成？ Html是一种标准，一种规范，它通过标记符号来标记要显示在网页中的各个部分，被称为超文本标记语言。 标记和之间的内容构成了html的主体部分。网页中所有内容，包括文字，图片，连接都包含在此标记符内。 2.说明在网页设计xxDIV标签的作用 Div中文名被称为“层次”可以把文档分割成独立的，不同的部分。 它可以用作严格的组织工具，并且不适用任何格式与其他关联。 3.css指的是什么？在网页设计中为什么要用到css技术？ css是级联样式表，用来进行网页风格设计。使用样式表可以统一的控制html中各标志的显示属性。精确的确定元素的位置，扩充网页外观和特殊效果的显示能力。 4.css中id和class怎么定义，哪个定义的优先级别高？如果class定义一个html元素没边框，而id定义这个元素有边框，结果呢？

先听id的。 5.IE6下为什么不能第一1PX左右高度的容器？ IE6默认的行高造成的。 6.怎样才能让层显示在FLASH之上？ 给FLASH设置透明，param value=transparent。 7.怎样使一个层垂直剧中于浏览器中？ 8. firefox嵌套div标签的剧中问题假定有如下情况：

如果要实现b在a中剧中放置该如何实现？ 解决办法就是除了需要在a中设置text-align属性为center之后，还需要设置b的横向margin为auto。例如设置b的CSS样式为： margin:0 auto; 所以，设置如下就可以实现居中：