求职指南网 > 笔试试题 >

Web前端开发工程师笔试题

时间: 淑娟 笔试试题

考试之前还是不要偷懒了,Web前端开发工程师考试也不是很难,考的大多是基础知识,今天小编整理了Web前端开发工程师笔试题供大家参考,一起来看看吧!

Web前端开发工程师笔试题

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

web前端入门必学的16个知识点

1、HTML常用标签

语言是什么、Web前端开发语言、HTML超文本标记语言、网页主体结构、常用标签、超链接(a标签)、Img图片标签

2、盒子模型

初探Div盒子模型、css样式、简单css样式、盒子模型Border边框讲解、盒子模型外边距盒子模型内边距、盒子模型占位计算、ul无序列表、ol有序列表、dl定义列表、补充知识(css)

3、样式初始化及display+外边距合并

样式初始化、元素类型转换、内联元素对于以下属性特殊化、块级元素和内联元素的具体应用控制元素水平方向居中、盒子模型外边距合并原则

4、元素选择符+背景

HTML命名规范、行业命名规范、选择器初级、background背景样式

5、css样式(Font+Text)+特殊符号

font字体样式、text文本样式、特殊符号、css样式查询表

6、选择器高级及a伪类

css选择器、a伪类

7、选择器高级应用&样式优先级常用css3

选择器优先级、样式的多种形式、样式优先级排序、常用css3

8、浮动

浮动概况、浮动的一般情况、浮动的特殊情况、浮动对文字的影响float浮动后的特征和inlink-block特征对比、清除浮动、清除浮动的多种办法、min-width的运用

9、定位

position定位概况、static、相对定位relative、绝对定位absolute、固定定位、z-index层的位置关系

10、vertical-align img特征cursor opacity

img特征、vertical-align垂直对齐方式、cursor指针样式、opacity透明度

11、表单

form表单、form中的控件

12、表格

table表格结构、table样式重置、table的默认特征、table单元格合并、display:table的特征

13、frameset框架

iframe内联框架、frameset框架集、frame子框架、自适应框架实例

14、阿里图标+css高级应用

CSS继承指的是、css重用、组件化开发:网页中不同功能模块,写入不同的css文件、ico网站logo、阿里图标

15、ps工具常用技巧

安装PS、菜单栏介绍、工具栏工具名称及快捷键、蒙版,链接图层,图层分组、图层右键菜单、混合模式、菜单栏详细讲解

16、终结篇

网站上线(空间,域名)如何购买空间和域名,网站上传工具ftp使用,最终实现网站上线

前端开发工程师学习内容

1、语言技术,常见的比如js基础与核心和css3,后者是弱类型的语言,而js(javascript)相对来说难度更高。

2、框架技术,主要有4种,分别是:jQuery、AJAX、bootstrap、AngularJS。

3、通信协议技术,不仅有前面提到过的http协议技术,还有服务器端的开发技术。

4、客户端技术,常见的有5种,分别是:微信开发技术、HTML5、js、SDK开发、web APP开发。

5、辅助技能。学历是通常要求为本科以上,要求软件开发的相关专业,此外,文档规范的写作能力也十分关键。

前端开发工程师学习顺序

首先是第一阶段的学习,建议从html学起,其中最为重要的就是视图,要学会拆分视图来辅助学习。第二阶段建议学习CSS,相对于html来说,它的样式是可以复用的,换句话说,学好CSS会提高开发速度。第三阶段的学习就是js,js提供了很多客户端的特效和交互,从而让页面的开发更灵动。第四阶段就是jQuery的学习,它是一个免费且开源的js库。

可以说,前端开发工程师的专业性要求极高,而且需要掌握和学习的知识也非常多。

27037