Web前端开发工程师笔试题

今天小编在这给大家整理了Web前端开发工程师笔试题，本文共8篇，我们一起来阅读吧!本文原稿由网友“没头脑的candy”提供。

篇1：Web前端开发工程师笔试题

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.系统出错

篇2：Web前端开发工程师笔试题

1. ID为left的DIV标签，用CSS设置DIV的左边为红色实线，下面设置正确的是 (C )

A.style=”border-top: #ff0000 1 solid;”

B.style=”border-left: 1, #ff0000 ,solid;”

C.style=”border-left: 1 #ff0000 solid;”

D.style=”border-right: 1, #ff0000, dashed;”

2. html语言中，设置表格边框宽度的标签是?(A )

A.

B.

C.

D.

3. 的意思是?(A )

A. 图像相对于周围的文本左对齐

B. 图像相对于周围的文本右对齐

C. 图像相对于周围的文本底部对齐

D. 图像相对于周围的文本顶部对齐

14. 一个有 3 个框架的 Web 页实际上有几个独立 的HTML 文件?(C )

A. 2 B. 3

C. 4 D. 5

5. 下列标签可以不成对出现的是( B)

A.〈HTML〉〈/HTML〉

B.〈P〉 〈/P〉

C.〈TITLE〉〈/TITLE〉

D.〈BODY〉〈/BODY〉

6. 下列那个不是CSS选择符(A )

A.p

B..td

C.#box

D.shop

7. 在CSS的三种选择符种，哪个优先级最高?( C )

A.标签选择符

B.类选择符号

C.ID选择符

8. 引入样式表的方式有几种?

引入样式表的方式有两种：方式一通过link引入，如

Type=“text/css” href=“css.css”>方法二 通过import导入 如import css.css

9. 关于Document对象，下列叙述正确的是(AC )

a)Document对象表示浏览器中显示的HTML文档

b)Document对象的常用属性bgcolor用来设置文档的背景图片

c)Document对象的常用方法getElementById用于访问唯一的一个元素

d)Document对象的常用方法getElementByNames

10. 在javascript 中，以下哪个变量名是非法的(B )

a)Name

b)9name

c)Name_a

d)Name9

篇3：Web前端开发工程师笔试题

1. Javascript可以在以下什么地方执行?(B )

a)服务器端的IE浏览器

b)客户端的IE浏览器

c)在服务器端的tomcat容器里

d)在客户端的tomcat容器里

2. 在javascript中，( B )变量在函数外声明，并可从脚本的任意位置访问

a)局部

b)全局

c)typeOf

d)New

3. 关于javascript说法正确的是(B )。

a)它是面向对象的

b)它是基于对象的

c)它是面向过程的

d)以上说法都不正确

4. 以下哪条语句会产生运行错误(A )

A、var obj =

B、var obj =

C、var obj =

D、var obj = //

5. 在javascript中，下拉列表框的(B )方法可从列表中删除一个元素

a)Add( )

b)Remove( )

c)Focus( )

d)blur

6. 请选择结果为真的表达式(C )

a)null instanceof Object

b)null === undefined

c)null == undefined

d)NaN == NaN

7. 在不指定特殊属性的情况下，哪几种HTML标签可以手动输入文本(AB )

a)

b)

c)

d)

8. 在javascript中，String 对象的方法不包括(D )。

a)charAt

b)substring

c)toUpperCase

d)Length

9. 下拉菜单中，用户更改表单元素Select中的值时，就会调用(A )事件处理程序。( )

a)onChange

b)onFocus

c)onMouseOver

d)onClick

10. ( C )事件处理程序可用于在用户单击按钮时执行函数

a)onSubmit

b)onChange

c)onClick

d)onBlur

篇4：Web前端开发笔试题

1、什么是web标准?

WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

2、XHTML与HTML有什么区别?你觉得应该使用哪一个，并说出理由。

XHTML1.0和HTML4.01之间的主要差异是它遵守XML编码约定。

标签不能重叠,可以嵌套

标签与属性都要小写

标签都要有始有终,要么以

形式结束,要么以

形式结束

每个属性都要有属性值,并且属性值要在双引号中

别用name用id

3、请解释一下DOCTYPE的作用，有DOCTYPE和没有DOCTYPE有什么区别?

DOCTYPE声明是指HTML文档开头处的一行或两行代码，它描述使用哪个DTD。DTD(文档类型定义)是一组机器可读的规则，它们定义XML或HTML的特定版本中允许有什么，不允许有什么。在解析网页时，浏览器将使用这些规则检查页面的有效性并且采取相应的措施。浏览器通过分析页面的DOCTYPE声明来了解要使用哪个DTD，由此知道要使用HTML的哪个版本。

DOCTYPE当前有两种风格，严格(strict)和过渡(transitional)。过渡的目的是帮助开发人员从老版本迁移到新版本，仍然允许使用已经废弃的元素。严格版本禁止使用废弃的元素，从而把内容和表现分隔开。

篇5：Web前端开发笔试题

1、严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。

当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式。在标准模式中，浏览器根据规范呈现页面;在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。

浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。对于HTML4.01文档，包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。

根据DOCTYPE是否存在选择呈现模式，被称为DOCTYPE切换或DOCTYPE侦测。

DOCTYPE切换是浏览器用来区分遗留文档和符合标准的文档的手段。无论是否编写了有效的CSS，如果选择了错误的DOCTYPE，那么页面就将以混杂模式呈现，其行为就可能会有错误或不可预测。因此一定要在每个页面上包含形式完整的DOCTYPE声明，并且在使用HTML时选择严格的DTD。

2、各种CSS样式的简写。如padding，border，font等。

篇6：Web前端开发笔试题

1、img的alt与title有何异同?strong与em的异同?

使用title属性提供非本质的额外信息。大部分的可视化浏览器在鼠标悬浮在特定元素上时显示title文字为提示信息(tool tip)。使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户。替换文字是用来替代图像而不是提供额外说明文字的。

em 是句意强调，加与不加会引起语义变化。strong 是重要性强调，和局部还是全局无关，局部强调用strong也可以，strong强调的是重要性，不会改变句意。并且在浏览器中，em 默认用斜体表示，strong 用粗体表示。

2、清除浮动的方法，各有什么特点?

1)使用空标签

2)使用overflow属性

3)使用after伪对象

篇7：Web前端开发工程师笔试题 CSS+Javascript

Web前端开发工程师笔试题 CSS+Javascript

1. 在一个框架的属性面板中，不能设置下面哪一项。（  C ）

A．源文件 ;  B．边框颜色 ;

C．边框宽度

D．滚动条

2. CSS样式表根据所在网页的位置，可分为?(B )

A．行内样式表、内嵌样式表、混合样式表

B．行内样式表、内嵌样式表、外部样式表

C．外部样式表、内嵌样式表、导入样式表

D．外部样式表、混合样式表、导入样式表

3.对于

表示？(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．系统出错

11. ID为left的DIV标签，用CSS设置DIV的左边为红色实线，下面设置正确的是 (C )

A．style=”border-top: #ff0000 1 solid;”

B．style=”border-left: 1, #ff0000 ,solid;”

C．style=”border-left: 1 #ff0000 solid;”

D．style=”border-right: 1, #ff0000, dashed;”

12. html语言中，设置表格边框宽度的标签是？(A )

A.

B.

D.

13. 的意思是？(A )

A. 图像相对于周围的文本左对齐

B. 图像相对于周围的文本右对齐

C. 图像相对于周围的文本底部对齐

D. 图像相对于周围的文本顶部对齐

14. 一个有 3 个框架的 Web 页实际上有几个独立 的HTML 文件？（C ）

A. 2 B. 3

C. 4 D. 5

15. 下列标签可以不成对出现的是（ B）

A．〈HTML〉〈/HTML〉

B．〈P〉 〈/P〉

C．〈TITLE〉〈/TITLE〉

D．〈BODY〉〈/BODY〉

16. 下列那个不是CSS选择符(A )

A．p

B．.td

C．#box

D．shop

17. 在CSS的三种选择符种，哪个优先级最高？( C )

A．标签选择符

B．类选择符号

C．ID选择符

18. 引入样式表的方式有几种？

引入样式表的方式有两种：方式一通过link引入，如 Type=“text/css” href=“css.css”>方法二 通过import导入 如import css.css

19. 关于Document对象，下列叙述正确的'是（AC ）<选择两项>

a) Document对象表示浏览器中显示的HTML文档

b) Document对象的常用属性bgcolor用来设置文档的背景图片

c) Document对象的常用方法getElementById用于访问唯一的一个元素

d) Document对象的常用方法getElementByNames（）

20. 在javascript 中，以下哪个变量名是非法的（B ）

a) Name

b) 9name

c) Name_a

d) Name9

21. Javascript可以在以下什么地方执行？(B )

a) 服务器端的IE浏览器

b) 客户端的IE浏览器

c) 在服务器端的tomcat容器里

d) 在客户端的tomcat容器里

22. 在javascript中，( B )变量在函数外声明，并可从脚本的任意位置访问

a) 局部

b) 全局

c) typeOf

d) New

23. 关于javascript说法正确的是（B ），

a) 它是面向对象的

b) 它是基于对象的

c) 它是面向过程的

d) 以上说法都不正确

24. 以下哪条语句会产生运行错误(A )

A、var obj =

B、var obj = []

C、var obj = {}

D、var obj = //

25. 在javascript中，下拉列表框的（B ）方法可从列表中删除一个元素

a) Add( )

b) Remove( )

c) Focus( )

d) blur（）

26. 请选择结果为真的表达式(C )

a) null instanceof Object

b) null === undefined

c) null == undefined

d) NaN == NaN

27. 在不指定特殊属性的情况下，哪几种HTML标签可以手动输入文本(AB )

a)

b)

c)

d)

28. 在javascript中，String 对象的方法不包括（D ）。

a) charAt()

b) substring()

c) toUpperCase()

d) Length

29. 下拉菜单中，用户更改表单元素Select中的值时，就会调用（A ）事件处理程序。( )

a) onChange

b) onFocus

c) onMouseOver

d) onClick

30. ( C )事件处理程序可用于在用户单击按钮时执行函数

a) onSubmit

b) onChange

c) onClick

d) onBlur

31. 下列选择中写法正确的有（ A）；

< javascript language=”javascript”>

< javascript SCRIPT =”javascript” >

篇8：阿里前端开发工程师笔试题

1、补充下面的函数，判断p为Array

function isArray(p){

return Object.prototype._____.apply(p)==='_____';

}

2、请写一个表格以及对应的CSS，使表格奇数行为白色背景，偶数行为灰色背景，鼠标移上去时为黄色背景。

3、实现一个程序，输入为一段英文文本，示例如下：

Alibaba Group Holding Limited is a Chinese e-commerce company that provides consumer-to-consumer, business-to-consumer and business-to-business sales services via web portals. It also provides electronic payment services, a shopping search engine and data-centric cloud computing services. The group began in 1999 when Jack Ma founded the website Alibaba.com, a business-to-business portal to connect Chinese manufacturers with overseas buyers. In 20xx, two of Alibaba’s portals handled 1.1 trillion yuan ($170 billion) in sales.

统计这段文本中单词的出现频率、分布区间，要求如下：

1. 仅统计英文单词，1999 $170 1.1 标点符号之类的不算做单词

2. 区间分 4个：少(出现1-5次)、中(出现6-10次)、高(出现 11-20)，极高(出现 >20 次) ，给出每个区间单词数目在总单词数中的百分比

3. 返回如下的 JSON 对象：

{

'occurrence': [/ 数据元素的第一个元素为单词，第二个位出现次数/

['alibaba', 10]

['consumer', 10]

['business', 8]

],

'distribution': {

'high': '30%',

'low': '20%',

'medium': '40%',

'veryHeigh': '10%',

}

中级web前端开发工程师的岗位职责

资深web前端开发工程师的基本职责基本职责

web前端工程师总结

web前端工程师的求职信

资深web前端开发工程师的工作职责表述

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

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档