ACAA前端Web技术工程师

ACAA前端工程师试题参考：

选择题部分:

HTML+CSS基础知识

1、在html中，样式表按照应用方式可以分为三种类型，其中不包括（d）。

a.内嵌样式表

b.行内样式表

c.外部样式表文件

d.类样式表

2、在制作HTML页面时，页面的布局技术主要是（d）。

a.框架布局

b.表格布局

c.DIV层布局

d.以上全部选项

3、如果在catalog.htm中包含如下代码，则该HTML文档IE浏览器中打开后，用户单击此链接将(c)。

<a href="#novel">小说</a>

a.使页面跳转到同一文件夹下名为“novel.html”的HTML文档

b.使页面跳转到同一文件夹下名为“小说.html”的HTML文档

c.使页面跳转到catalog.htm包含名为“novel”的锚记处

d.使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处

4、以下说法正确的是（ d ）。

a.<a>标签是页面链接标签，只能用来链接到其他页面

b.<a>标签是页面链接标签,只能用来链接到本页面的其他位置

c.<a>标签的src属性用于指定要链接的地址

d.标签的href属性用

Web 前端中高级工程师工作职责

工作职责

1. 负责移动端H5 开发、维护和优化工作。

2. 负责第三方平台小程序开发、维护和优化工作

职位要求

1. 三年以上前端开发经验。

2. 熟练使用HTML5/CSS3 开发响应式网页布局。

3. 精通JavaScript、Ajax 、DOM/BOM 等前端交互技术。

4. 掌握前端一种构建工具( Grunt/Gulp/Webpack)

5. 在项目开发中，熟练使用Vue或React框架，并结合开源UI快速构建Web应用。

6. 熟练掌握ES5/ES6语法，熟悉Node.js等服务端技术开发优先。

7. 熟悉Http 等工作原理。

8. 对Web前端的性能优化以及Web常见漏洞有一定的理解和相关实践

9. 善于技术总结，较强的自主学习能力，通过技术文档参考，能独立解决疑难技术点。

10. 主动性强，有敬业精神，勇于面对困难和接受挑战，有良好的团队协作能力和沟通能力。

初级Web前端工程师面试必看面试题（HTML+CSS+JavaScript）

作者：来源于网络 发布时间：07月20日

很多初级前端工程师去面试的时候可能不知道考官会问些什么，提前做好准备会为你的面试加分，极客学院整理出了一些必看的初级工程师面试考题，希望会大家有所帮助。

1.对WEB标准以及W3C的理解与认识？

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;

2.XHTML和HTML有什么区别？

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言

最主要的不同：

XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。

XHTML 文档必须拥有根元素。

3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

用于声明文档使用那种规范(HTML/XHTML)一般为 严格

MySQL、Java web、试卷预览 试卷编号:(829) 试题总分：150

? 单项选择题

1. 题干：以下有关JSTL的说法不正确的是（ ）。

分数：2分

知识点：了解什么是JSTL(11010001) 答案：D

选项：A:JSTL就是一个JSP标签库 B:核心标签库为日常任务提供通用支持 C:国际化标签库支持多语种的应用程序 D:函数标签库提供了许多用于XML处理的标准EL函数

2. 题干：以下（ ）标签用于格式化日期和时间并按照设定的格式给予输出。

分数：2分

知识点：掌握常用格式化/国际化标签及其使用方法(11010004) 答案：A

选项：A: B: C: D: 3. 题干：在HTML中超链接标记为（ ）。

分数：2分

知识点：了解超文本、HTML、XML及Web工作机制(01010002) 答案：A

选项：A:和 B: C:和 D:和 4. 题干：以下URL中语法不正确的是（ ）。

分数：2

单选题

1、湖区表单select域（对象为ob）的选择部分的文本（B）

A、 obj.options[obj.selectedIndex].Value B、 obj.text

C、 obj.options[obj.selectedIndex].text D、 obj.Value

2、请选择结果为真的表达式：（A） A、null instanceof Object B、null ===undefined C、NaN===NaN

D、null====undefined 3、下列的那一个表达式将返回假（D）

A、 ！（3<=1）

B、 （2<3）‖(3<2) C、”a”==”a”)&&(“c”!=”d”) D、（4>=4）&&(5

4、下列JavaScript的循环语句中（）是正确的？（B）

A、if（i<10;i++）

B、for（i=0；i<10;i++） C、for(i=0;i<10) D、for i=1 to 10 5、下列JS的语句中，哪一个是合法的（） A、document.Write（”john said,”Hi!””） B、document.Write（”john said,”Hi!”） C、document.Write（”john said,”Hi!” ’） D、document.Write（”john said,\\”Hi!””）

6、码中没有明确初始化，变量和参数的默认值是什么？（A、””

B、多个答案是正确的 C、null

D、undefined E、 0

7、改变文本行高的属性是哪个？（B）

A、 text-height B、 line-height C、 min-height D、 height

D）

8、面的例子中，元素在总宽度是多少？（B）

div.elem{

Windth：200px； Padding：10px；

1. 要动态改变层中内容可以使用的方法有（AB ） a)innerHTML b)innerText

c)通过设置层的隐藏和显示来实现

d)通过设置层的样式属性的display属性

2. 在javascript里，下列选项中不属于数组方法的是（B）； a)sort() b)length() c)concat() d)reverse()

3 、 var emp = new Array(3); for(var i in emp)

以下答案中能与for循环代码互换的是: （选择一项）。(D ) A for(var i =0; i4 下列声明数组的语句中，错误的选项是（ C ）。 a)Var arry= new Array() b)Var arry=new Array(3) c)Var arry[]=new Array(3)(4) d)Var arry=new Array(?3?,?4?)

5. 下列哪一个选项不属于document对象的方法?（D ） a)focus()

b)getElementById() c)getElementsByName() d)bgColor()

6. 、 display属性值的常用取值不包括(C ) a)inl

1. 要动态改变层中内容可以使用的方法有（AB ） a)innerHTML b)innerText

c)通过设置层的隐藏和显示来实现

d)通过设置层的样式属性的display属性

2. 在javascript里，下列选项中不属于数组方法的是（B）； a)sort() b)length() c)concat() d)reverse()

3 、 var emp = new Array(3); for(var i in emp)

以下答案中能与for循环代码互换的是: （选择一项）。(D ) A for(var i =0; i4 下列声明数组的语句中，错误的选项是（ C ）。 a)Var arry= new Array() b)Var arry=new Array(3) c)Var arry[]=new Array(3)(4) d)Var arry=new Array(?3?,?4?)

5. 下列哪一个选项不属于document对象的方法?（D ） a)focus()

b)getElementById() c)getElementsByName() d)bgColor()

6. 、 display属性值的常用取值不包括(C ) a)inl

长春大学

20 15 —2016学年第二学期Web前端开发技术课程

实验报告

学院：计算机科学技术专业：软件工程

班级：软件14402

学号：041440210

姓名：王悦

任课教师：车娜

精选文档

实验五 HTML表单

一、实验目的

1.理解表单的构成，可以快速创建表单。

2.掌握表单相关标记，能够创建具有相应功能的表单控件。

3.掌握表单样式的控制，能够美化表单界面。

二、内容及要求

使用表单控件，并通过CSS控制表单样式制作一个学员档案，其效果如图6-1所示，满足以下要求：

1.学员档案上面的标题和下面的表单两部分构成。

2.标题部分通过标题标记定义。

3.表单部分通过相关的表单控件进行定义

图6-1 “学员档案”CSS样式效果

三、实验原理

表单：是网页上用于输入信息的区域，它的主要功能是收集用户信息，并将这些信息传递给后台服务器，实现网页与用户的沟通。表单由表单控件、提示信息和表单域构成。

创建表单：标记被用于创建一个表单，action、method、name 为表单标记

web实验报告

长 春 大 学

20 15 — 2016学年第

课程

实 验 报 告

学 院： 计算机科学技术

专 业： 软件工程

班 级： 软件15402

学 号：姓 名：

任课教师： 车 娜

web实验报告

实验三 CSS网页布局

一、实验目的

1.掌握CSS盒子模型的概念，能够灵活运用盒子模型布局页面；

2.掌握盒子模型相关属性，能够使用它们熟练地控制网页元素；

3.理解块元素与行内元素的区别，能够对它们进行转换。

二、内容及要求

运用盒子模型的相关属性实现网页弹出框效果，满足如下要求：

1.网页弹出框由上面的标题和下面的宣传内容两部分组成；

2.标题通过h2定义；

3.在段落文本中内容部分由h3和p标记进行定义；

4.应用<div>标记、<span>标记、边框属性、背景属性等设计页面结构效果。

三、实验原理

盒子模型：把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。

<div>标记：是一个区块容器标记，可以将网页分割为独立的、不同的部分，以实现网页的规划和布局。

边框属性：使用b

web实验报告

长 春 大 学

20 15 — 2016学年第

课程

实 验 报 告

学 院： 计算机科学技术

专 业： 软件工程

班 级： 软件15402

学 号：姓 名：

任课教师： 车 娜

web实验报告

实验三 CSS网页布局

一、实验目的

1.掌握CSS盒子模型的概念，能够灵活运用盒子模型布局页面；

2.掌握盒子模型相关属性，能够使用它们熟练地控制网页元素；

3.理解块元素与行内元素的区别，能够对它们进行转换。

二、内容及要求

运用盒子模型的相关属性实现网页弹出框效果，满足如下要求：

1.网页弹出框由上面的标题和下面的宣传内容两部分组成；

2.标题通过h2定义；

3.在段落文本中内容部分由h3和p标记进行定义；

4.应用<div>标记、<span>标记、边框属性、背景属性等设计页面结构效果。

三、实验原理

盒子模型：把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。

<div>标记：是一个区块容器标记，可以将网页分割为独立的、不同的部分，以实现网页的规划和布局。

边框属性：使用b