当前位置:文档之家› web简答题

web简答题

web简答题
web简答题

1、请编写一个简单的测试https://www.doczj.com/doc/a516371897.html,环境能否正确运行的https://www.doczj.com/doc/a516371897.html,程序。该程序应如何进行部署?

①要求操作系统为Win2000 SP4以上,或WinXP,或Win2003

②安装IIS5.0或以上(在IE地址栏内输入http://localhost,有页面出现,说明IIS安装成功)。

③安装.NET FrameWork 2.0.

④建立一个test.aspx文件,内容如下:

<% @ Page Language=”C#” %>

<%

Response.Write(“我的第一个https://www.doczj.com/doc/a516371897.html,程序”);

%>

⑤将该文件复制到c:\intepub\wwwroot文件夹下(或将test.aspx文件所在文件夹配置成虚拟目录)

⑥在IE地址栏内输入http://localhost/test.aspx(或http://localhost/Test/Test.aspx 浏览器内出现下列文字,说明https://www.doczj.com/doc/a516371897.html, 安装成功。

我的第一个https://www.doczj.com/doc/a516371897.html,程序

2、CSS的选择器和样式表的类型。

样式表类型1、内联式样式表2、嵌入式样式表3、处部样式表4、输入样式表

CSS的选择器分为两大类:基本选择题和扩展选择器。

基本选择器:

1)标签选择器:选择器的名字代表html页面上的标签

2)类选择器:规定用圆点.来定义

3)ID选择器:规定用#来定义

4)通用选择器:用*定义,将匹配任何标签

扩展选择器:

1)组合选择器:定义的时候用逗号隔开

2)关联选择器(后代选择器): 定义的时候用空格隔开

3)伪类选择器(静态伪类:只能用于超链接,动态伪类:针对所有标签都适用)

3、JavaScript 的浏览器对象和功能。

窗口(windows)对象:实现对话框的控制;处理框架与框架之间的关系;是其他对象的顶级对象,通过对windows的子对象进行操作,可以实现更多的动态效果文档(document)对象:代表浏览器窗口中的文档,是窗口对象的子对象,可以访问html

文档中包含的任何html编辑并可以动态的改变html标记中的内容。

表单对象:它含有多种格式的对象储存信息,使用它可以在javascript脚本中编写程序进行文字输入,并可以动态改变文档的行为

导航器对象navigator:保存浏览器的名称、版本、插件和所支持MIME类型等信息。

4、请说明https://www.doczj.com/doc/a516371897.html,中提供的验证控件有哪些,简述每种验证控件的功能。RequiredFieldvalidator 检查必填字段中是否含有值。

RangeValidator 用于检查在字段中输入的值是否介于最大值与最小值之间。CompareValidator控件:用于检查用户输入的信息是否合法RegularExpressionValidator 控件用于检查字段值是否与给定的正则表达式相符。CustomValidator 控件用来为窗体创建自定义验证标准。

ValidationSummary 控件概括窗体中生成的所有错误

5 、简述Cookie对象和Session对象的区别

共同点:都能实现数据的保存并且都能够在网站的各网页之间传递数据。

区别:①Cookie对象主要用于简单的并且保存数据量较小的场合;Session对象可以用于复杂的并且保存大量数据的场合。②Cookie信息保存在客户端,存在着诸多不安全因素;而Session对象安全级别相对较高。

6 、net中读写数据库需要用到那些类?他们的作用?

1、DataSet 用来无连接的储存多个表的数据,并包含表与表之间的关联关系

2、DataTable 用来存储一个表的数据

3、DataCommand:执行语句命令

4、DataAdapter:完成数据源和本机内存中DataSet之间的交互。

7、SqlDataReader 用来顺序读取数据

7 、DHTML网页和动态网页的区别

①DHTML网页:是客户端的动态效果,Web页面是活动的,可以处理各种事件,例如鼠标移动时图片会有翻转效果等;

②动态网页:是客户端与服务器端的交互产生的动态效果。指根据访问者的请求,由服务器端脚本程序动态生成的Web页。

8 、JavaScript 的事件驱动机制

①通常鼠标或热键的动作我们称之为事件(Event);

②由鼠标或热键引发的一连串程序的动作,称之为事件驱动Event Driver)

③对事件进行处理程序或函数,我们称之为事件处理程序(Event Handler)

④JavaScript对用户的反映响应,是采用以事件驱动的方式进行的。每当一事件发生时,JavaScript解释器就会自动查找相应页面元素中对应的事件属性,调用指定的事件处理函数。

9 、ASP. NET中常用的几种页面间传递参数的方法,并说出他们的优缺点。

①Viewstate:简单,但易丢失

②Session:这是最常用的方式。数据是特定于某个用户。

③Application对象:数据是共享的,任何用户都可以更改。

④Cookie:数据存储于客户端的硬盘,受客户端浏览器的限制。可能被伪造

数据库稳定,安全,但性能相对弱

⑤input ttype=“hidden”:简单,可能被伪造

⑥Response与Request对象:使用查询字符串。简单方便,但信息是明文的。

⑦Get 方法,url参数简单,显示于地址栏,长度有限

10 、https://www.doczj.com/doc/a516371897.html,操作数据库的几个主要步骤

①引入对应的命名空间;

②定义连接字符串;

③创建Connection对象

④打开与数据库的连接

⑤数据操作

⑥关闭与数据库的连接

11、窗体页的声明周期

①页面请求:页面生命周期开始之前。

②页面开始:页面生命周期开始之前。

③页面初始化:在该阶段,可以使用页面中的控件并且任何主题都将应用于页面。

④页面加载:在该阶段,将引发页面的Load事件。

⑤页面验证:在该阶段,将调用所有验证控件的Validate方法,以用于设置各个验证控件

和页面的IsValid属性。

⑥回传请求事件处理:如果当前请求是回传请求,则将调用所有事件处理程序。⑦页面呈现:

在页面呈现之前,页面和所有控件视图状态将被保存。

⑧页面卸载:在该阶段,将引发页面的Unload事件,对页面使用过的资源进行最后的清除

处理。

12、什么是服务器控件?能完成什么样的功能?

服务器控件是指在服务器上执行程序代码的组件。

服务器控件会提供特定的用户界面,以便客户端用户执行相应的操作,但这些操作行为只有

在服务器端才能完成。

功能:1、自动状态管理。

2、简单访问对象值,而无须使用 Request 对象。

3、能够对服务器端代码中的事件进行响应,以创建结构更好的应用程序。

4、为网页构建用户界面的公用方法。

5、根据浏览器的功能自动地自定义输出。

13 、WEB的工作原理

万维网:web文档存放在服务器(网站)上,万维网是由遍布世界各地的Web服务器组成. 网页:web服务器通过超链接网页构成一个庞大的资源集合。

网站:通过超链接将一些网页连接起来构成网站

URL:万维网资源众多,通过URL确定相应网页。

浏览器:万维网以Web浏览器/服务器方式工作。

服务器:Web服务响应来自Web浏览器的请求,并向用户提供Web页面的软件.

HTTP:浏览器与服务器如通过HTTP交换信息,请求与应答。

万维网工作原理

14、客户端验证和服务器验证的工作原理

客户端验证:在页面在发送到服务器之前,使用JavaScript脚本对输入到页面上的数据进行的有效性验证。当用户向服务器提交页面之后,提交的数据经客户端浏览器发送到服务器端,页面在发送到服务器之前,使用JavaScript脚本验证输入到页面上的数据,这一过程称之为客户端验证

服务器端验证:在服务器端验证用户提交数据的有效性,称之为服务器验证。当用户向服务器提交页面之后,服务器端将逐个调用验证控件来检查用户的输入信息。如果在任意一个输入控件中检测到验证错误,则该页面将自动设置为无效状态。

15 、https://www.doczj.com/doc/a516371897.html,中的有哪些内置对象?主要功能?

①内置对象:Response对象,Request对象,Session对象,Application对象,Cookie对象,ViewState对象,Server对象。

②功能:这些对象使用户更容易手记通过浏览器请求发送的信息,响应浏览器以及存储用户信息,以实现其他特定的状态管理和页面信息的传递。

①Response对象:该对象封装了服务器对客户端请求的响应,它用来操作HTTP相应的信息,输出指定的内容,并将结果返回给请求用户。

②Request对象:封装客户端浏览器向服务器发送的请求信息。

③Server对象:用于帮助程序判断当前服务器的各种状态。

④Cookie对象:能够让服务器把少量数据存储到客户端的硬盘中。

⑤Application对象:用来在服务器端保存信息。

⑥Session对象:主要用来为每个用户的会话存储信息。

⑦ViewState对象:可以保存大量的数据,可以存储自定义对象。

16 、https://www.doczj.com/doc/a516371897.html,中常用的对象有哪些?分别描述一下

①Connection对象:用于建立与特定数据源的连接。

②Command对象:用于修改数据、返回数据、运行存储过程以及发送或者检索参数信息的数据库命令。

③DataReader对象:从数据源中读取只进而且只读的数据流,只能使用Command对象中的ExecuteReader方法来创建一个DataReader对象。

④DataAdapter对象:提供连接数据源和DataSet对象的桥梁,用于将数据源中的数据填充到DataSet中,并确保DataSet中数据的更改与数据源保持一致。

⑤DataSet对象:本质上是一个内存中的数据库。

最新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开发知识练习(HTML标签和JavaScript脚本)

网上客服培训考核 ---阶段二HTML标签和JavaScript脚本 试题类型:HTML标签和JavaScript脚本 考核类型:开卷

1. HTML(Hypertext Markup Language超文本标记语言)是一种用来制作超文本文 档的简单标记语言。利用各种标记(tags)来标识文档的结构以及标识超链(Hyperlink)的信息 2.HTML的标记总是封装在由 < 和 > 构成的一对尖括号之中。 除少数几个转义序列之外,HTML标记忽略大小写,即等价于<TITLE> 3. <html> 标记用于Html文档的最前边,用来标识Html文档的开始。而</html>标记 恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束。所有其它HTML标记和文档内容都包含在这对标记之间。 4.<head> 与 </head> 之间的头部信息通常含有 <title> 标记,用来确定HTML文件 的标题,即显示在浏览器左上角标题栏处的文字。 5. <head></head> 构成Html文档的开头部分,此标记对之间包含的是HTML文档 的头信息,如标题、说明内容等等,其中可包括<title>等标记对 6. 之间的内容是HTML文档的主体部分,在此标记对之间可包含、 、



等众多的标记它们所定义的文本、图像等将会在浏览器的框内显示出来,标记中还可以有很多属性,以下是主要的几种设置背景颜色bgcolor =”颜色码”,设置文本颜色 text = “颜色码”,设置链接颜色 link = “颜色码”,设置已使用的链接的颜色 vlink = “颜色码”,设置正在被击中的链接的颜色 alink = “颜色码”。 7. 之间的内容是HTML文档的标题,标题的显示位置不是浏览器的 文本区,而是在Web浏览器窗口最左上方的蓝色标题栏里。 8.标记对是用来创建一个段落(Paragraph),在此标记对之间加入的文 本将按照段落的格式显示在浏览器上。另外,标记还可以使用align属性,它用来说明对齐方式 9. 是典型的单标记,使用也很简单,它的功能是用来创建一个回车换行 10.
标志对用来排版大块Html段落,也用于格式化表,此标志对的用法与 标志对非常相似,同样有align对齐方式属性。 11.
 标记用于显示预格式化文本(Preformatted Text),在这对标记之 间的文本,与其他HTML文本的格式编辑方式不同 12.Html语言提供了一系列对文本中的标题进行操作的标记对: 

……
,一共有六对标题的标记对 13.用来使文本以粗体效果的形式输出; 14.用来使文本以斜体效果的形式输出; 15.用来使文本以带下划线的形式输出。 16.则用来输出加重语气文本(通常也是斜体加黑体)。 17. 是一对很有用的标记对,它可以对输出文本的字体大小、颜色进 行随意地改变,这些改变主要是通过对它的两个属性 size 和 color 的控制来实现的。 size属性用来改变字体的大小,取值范围从1到7;而color属性则用来改变文本的颜色 18. 是单标记,它通过src属性指定当前位置要插入的图像文件,标记还有alt、

web开发工程师面试题(含答案)

Web开发工程师试题 姓名:参与web项目个 一、选择题 1、提供Java存取数据库能力的包是() A.java.sql B.java.awt C.https://www.doczj.com/doc/a516371897.html,ng D.java.swing 答案:A 2、以下语句中,没有创建出字符串对象的是_______。 A. String str; C. String str= new String(); B. String str = “Hello”; D. new String(“Hello”); 答案:A 3、有关会话跟踪技术描述正确的是(多选) A. Cookie是Web服务器发送给客户端的一小段信息,客户端请求时,可以读取该信息发送到服务器端 B. 关闭浏览器意味着会话ID丢失,但所有与原会话关联的会话数据仍保留在服务器上,直至会话过期 C. 在禁用Cookie时可以使用URL重写技术跟踪会话 D. 隐藏表单域将字段添加到HTML表单并在客户端浏览器中显示 正确答案为:ABC

4、下列选项中不属于CSS 文本属性的是() A.font-size B.text-transform C.text-align D.line-height 答案:D 5、、如何去掉文本超级链接的下划线? A.a {text-decoration:no underline} B.a {underline:none} C.a {decoration: no underline} D.a {text-decoration:none} 答案:D 6、在Ajax技术中,关于HTTP 协议向服务器传送数据的方式描述正确的是()。 A、包括Post、Get方式 B、如果传输数据包含机密信息,建议采用MD5数据提交方式 C、GET执行效率和POST方法一样 D、Post传送的数据量较小,不能大于1B 答案:A 7、在jQuery中,下面()写法是错误的。 A、$(“div p”) B、$(“div.containner”) C、$(“table a”,content) D、$(#divID) 答案:D 8、点击页面的按钮,使之打开一个新窗口,加载一个网页,以下JavaScript代码中可行的是( AD ) A. <球队列表> <球队类型="足球队"> <队名>Madrid <队员> <姓名>Ronaldo <姓名>Casillas <姓名>Ramos <姓名>Modric <姓名>Benzema <球队类型="篮球队"> <队名>Lakers <队员> <姓名>Oneal <姓名>Bryant ------第2题答案------

第二章 【测一测】 1、如何将web应用发布到tomcat上localhost主机,请写出至少3种实现方式? 2、请问在chapter02应用的web.xml文件中进行哪些配置,可以将welcome.html页面配置成该应用的默认页面? ------第1题答案------ 1、直接将web应用部署到tomcat/webapps下 2、将web应用通过tomcat/conf/server.xml进行配置 3、创建一个xml文件,并配置web应用信息,将xml文件放置tomcat\conf\Catalina\localhost ------第2题答案------ 在web-app标签中进行如下配置即可: welcome.html 第三章 【测一测】 1、简述HTTP1.1协议的通信过程? 2、简述POST请求和GET请求有什么不同? ------第1题答案------ 1、客户端与服务器端建立TCP连接。

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;”

前端工程师面试题题及答案(全面综合)

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; i

c)getElementsByName() d)bgColor() 6. 、display属性值的常用取值不包括(C ) a)inline b)block c)hidden d)none 7. 以下有关pixelTop属性与top属性的说法正确的是。(D ) a)都是Location对象的属性 b)使用时返回值都是字符串 c)都是返回以像素为单位的数值 d)以上都不对 8. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗 口,下列选项正确的是__D__ a)open("x.html","HI","toolbas=1,scrollbars=1,status=1"); b)open("HI","scrollbars=1,location=1,status=1"); c)open("x.html","status=yes,menubar=1,location=1"); d)open("x.html","HI","toolbas=yes,menubar=1,location=1"); 9. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?( C) a)8+8 b)88 c)16 d)“8”+’8 10. 关于setTimeout(“check”,10)中说法正确的是( D)

最新web前端面试题及答案

1.WEB标准以及W3C标准是什么? 标签闭合、标签小写、不乱嵌套、使用外链css和js、结构行为表现的分离。 1.1div中img怎么水平和垂直居中? Div{width:200px; height:200px;text-align:center; font-size:0; overflow: hidden;line-height:200px; _line-height:178px;/*兼容IE6*/ } Img{ vertical-align:middle;} 1.2 HTML中没有单位的属性是? z-index:1; zoom:1; font-weight:200; 1.3 form表单中input标签的readonly 和disabled属性有何区别? readonly=“readonly”是只读,不可以修改,disabled=“disabled”是禁用,整个文本框是显示灰色状态 form 中method是数据传递的方式,action是与后台数据库提交的 2.xhtml和html有什么区别 XHTML 元素必须被正确地嵌套,闭合,区分大小写,文档必须拥有根元素。 3.行内元素有哪些?块级元素有哪些? 行内元素: a b img em br i span input select 块级元素:div p h1-h6 form ul dl ol table 4.行内元素和块级元素有什么区别? 行内元素不可以设置宽高,不独占一行; 块级元素可以设置宽高,独占一行。 5.我想让行内元素跟上面的元素距离10px,加margin-top和padding-top可以吗?margin-top,padding-top无效 6.CSS的盒模型由什么组成? 内容(width,height),border ,margin,padding 6.1 简述div+css布局的优势? (1)符合w3c标准;(2)兼容性好;(3)有利于搜索引擎很友好;(4)样式的调整更加方便;(5)css简洁的代码,能使样式和结构分离; 7.说说display属性有哪些?可以做什么? display:block行内元素转换为块级元素 display:inline块级元素转换为行内元素 display:inline-block转为内联元素 display:box(css3新增的弹性布局属性) 8.CSS 选择符有哪些? 1.id选择器(# myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul < li) 6.后代选择器(li a)

web前端研发工程师笔试题选择题带答案

1. 要动态改变层中内容可以使用的方法有( AB ) a) i nn erHTML b) i nn erText c) 通过设置层的隐藏和显示来实现 d) 通过设置层的样式属性的 display 属性 2. 当按键盘 A 时,使用onKeyDown 事件打印event.keyCode 的结果是(A ) a) 65 b) 13 c) 97 d) 37 3.在javascript 里,下列选项中不属于数组方法的是( B ); a) sort() b) l e ngth() c)con cat() d) r everse( ) 4.下列哪一个选项可以用来检索被选定的选项的索引号 ?(B) a)disabled b) selectedl ndex c) opti on d) multiple 5.希望图片具有”提交”按钮同样的功能,该如何编写表单提交?(A ) 6. 使div 层和文本框处在冋一行的代码正确的是 (D ); a) b) c) d) 7. 下列选项中,描述正确的是(选择两项)。(AD ) a)options.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项 b)option.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项 c) n ew Optio n(,a?,'A?)中?a 表示列表选项的值,?A 用于在页面中显示 d) n ew Option(,a?,'A?)中?A 表示列表选项的值,?a 用于在页面中显示 8. 、 var emp = new Array(3); for(var i in emp) 以下答案中能与for 循环代码互换的是:(选择一项)。(D ) A for(var i =0; i

《前端 Web开发基础》课程标准

《前端 Web开发基础》课程标准 表1 课程基本信息 (一)课程性质与任务 课程性质:《Web开发基础》是软件工程专业培养课程体系中的一门专业必修课程,其包含了软件行业Web开发领域的关键技术基础知识(HTML,CSS及JavaScript等)。该课程的设置充分考虑了其在Web开发领域的关键性作用、目前市场广泛的应用需求和良好的就业前景,注重学生对理论基础知识、专业技能的理解、掌握。 课程任务:通过本课程的学习,使学生理解HTML、CSS及JavaScript等基本的理论知识;掌握应用上述理论知识,制作基本网页、设计网页布局、实现多样化及良好客户体验的页面效果等应用技能;培养学生的创新意识,设计特色网页。 (二)课程教学目标 通过本课程的学习,使学生掌握Web开发技术的基本理论知识,具备一定的应用开发技能,培养学生工程意识、创新能力和素质。 1. 知识目标 (1)了解本课程内容在Web开发领域的定位与作用; (2)了解HTML、CSS及JavaScript技术的发展脉络、趋势及应用前景; (3)掌握HTML中的基本元素、文字与段落元素、图像元素、列表元素、表格元素、超链接元素、多媒体元素、框架元素及表单元素的语法、属性和参数等基础知识; (4)掌握CSS中元素的语法、属性和参数等基础知识; (5)了解网页布局的几种方法,掌握使用CSS进行网页布局、样式设计的基础知识; (6)掌握JavaScript中的基本语法知识; (7)掌握JavaScript进行提交内容校验、生成网页特效等方法。 2. 能力目标

(1)具备使用HTML制作包含基本内容的网页的能力; (2)具备使用HTML及CSS等技术来设计网页布局的能力; (3)具备使用JavaScript技术来提高网页交互性、体验性的能力; (4)具备综合使用HTML、CSS与JavaScript的相关知识,来丰富、渲染网页的能力; (5)具备根据具体应用需求,创新性地设计网页的能力。 3. 素质目标 (1)培养学生具备克服困难解决问题的意志; (2)培养学生养成严谨认真的科学态度,耐心细致的工作作风; (3)培养学生具备良好的交流沟通素养和创新精神。 (三)参考学时 64 (理论:32\ 实验:32) (四)课程学分 4学分 (五)课程内容和要求(理论48学时,实验16学时) 本课程的主要内容有:HTML,主要包括网页基本组成元素,网页框架、超文本链接、表单、表格、层等。CSS,产要包括修改网页元素,主要包括修改文字颜色及背景、调整字符间距、单词间距、添加文字修饰、设置文本排列方式、设置段落缩进、调整行高、转换英文大小写、设置颜色、设置背景颜色、插入背景图片、设置背景图片位置、设计边框样式、调整边框宽度、设置边框颜色、设置边框属性等。JavaScript,包括JavaScript基本语法、基本数据类型、运算符、函数、JavaScript事件分析、图片和多媒体文件的使用、JavaScript 对象的应用、浏览器内部对象、内置对象和方法等。 本课程要求学生了解web编程技术的产生和发展过程,会使用HTML编写网页,会用CSS 对网页样式进行设计,会使用JavaScript实现一些客户端的数据验证及网页特效,达到一般企业用人标准。 表2 课程内容与学时安排表

javaWeb面试题(含答案)

1、jsp和servlet的区别、共同点、各自应用的围?? JSP是Servlet技术的扩展,本质上就是Servlet的简易方式。JSP编译后是“类servlet”。Servlet和JSP最主要的不同点在于,Servlet的应用逻辑是在Java文件中,并且完全从表示层中的HTML里分离开来。而JSP的情况是Java和HTML可以组合成一个扩展名为.jsp的文件。JSP侧重于视图,Servlet主要用于控制逻辑。在struts框架中,JSP位于MVC设计模式的视图层,而Servlet位于控制层. 2、cookie和session的作用、区别、应用围,session的工作原理??? Cookie:主要用在保存客户端,其值在客户端与服务端之间传送,不安全,存储的数据量有限。 Session:保存在服务端,每一个session在服务端有一个sessionID作一个标识。存储的数据量大,安全性高。占用服务端的存资源。 3、jstl是什么?优点有哪些?? JSTL(JSP Standard Tag Library ,JSP标准标签库)是一个不断完善的开放源代码的JSP标签库,由四个定制标记库(core、format、xml 和 sql)和一对通用标记库验证器(ScriptFreeTLV 和 PermittedTaglibsTLV)组成。优点有: 1、在应用程序服务器之间提供了一致的接口,最大程序地提高了WEB应用在各应用服务器之间的移植。 2、简化了JSP和WEB应用程序的开发。 3、以一种统一的方式减少了JSP中的scriptlet代码数量,可以达到没有任何scriptlet 代码的程序。在我们公司的项目中是不允许有任何的scriptlet代码出现在JSP中。 4、允许JSP设计工具与WEB应用程序开发的进一步集成。相信不久就会有支持JSTL的IDE 开发工具出现。 4、j2ee的优越性主要表现在哪些方面?MVC模式 a、 J2EE基于JAVA 技术,与平台无关 b、 J2EE拥有开放标准,许多大型公司实现了对该规支持的应用服务器。如BEA ,IBM,ORACLE

前端面试题含答案

前端面试题含答案 The latest revision on November 22, 2020

前端开发面试知识点大纲: HTML&CSS : 对Web 标准的理解、浏览器内核差异、兼容性、hack 、CSS 基本功:布 局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应 JavaScript : 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块 化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs 、 JSON 、ajax 等。 其他: HTTP 、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO 、UED 、架构、职业生涯 作为一名前端工程师,无论工作年头长短都应该必须掌握的知识点: 1、DOM 结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 产品部-前端面试题-答案 产品部 Beijing

2、DOM操作——如何添加、移除、移动、复制、创建和查找节点等。 3、事件——如何使用事件,以及IE和标准DOM事件模型之间存在的差 别。 4、XMLHttpRequest ——这是什么、怎样完整地执行一次GET请求、怎样检测 错误。 5、严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。 6、盒模型——外边距、内边距和边框之间的关系,及IE8以下版本的浏览器 中的盒模型 7、块级元素与行内元素——怎么用CSS控制它们、以及如何合理的使用它们 8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。 9、HTML与XHTML——二者有什么区别,你觉得应该使用哪一个并说出理由。 10、JSON ——作用、用途、设计结构。 HTML 一、Doctype作用严格模式与混杂模式如何区分它们有何意义 (1)、 声明位于文档中的最前面,处于 标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档。

WEB前端开发面试题集锦

1、列举你工作中遇到的IE6 BUG,谈谈解决方案。 3、如何用CSS分别单独定义IE6、7、8的width属性。 所有浏览器通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 4、CSS中哪些属性可以同父元素继承。 继承:(X)HTML元素可以从其父元素那里继承部分CSS属性,即使当前元素并没有定义该属性 Color;font-size; 5、你如何理解HTML结构的语意化。 1.去掉或样式丢失的时候能让页面呈现清晰的结构: html本身是没有表现的,我们看到例如

是粗体,字体大小2em,加粗;是加粗的,不要认为这是html 这些其实html默认的css样式在起作用,所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML 点,但是浏览器都有有默认样式,默认样式的目的也是为了更好的表达html的语义,可以说浏览器的默认样式和HTML结构是不可分割的。 2.屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页. 例如,如果你使用的含语义的标记,屏幕阅读器就会“逐个拼出”你的单词,而不是试着去对它完整发音. 3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页(通常是因为这些设备对CSS的支持较弱). 使用语义标记可以确保这些设备以一种有意义的方式来渲染网页.理想情况下,观看设备的任务是符合设备本身的条染网页. 语义标记为设备提供了所需的相关信息,就省去了你自己去考虑所有可能的显示情况(包括现有的或者将来新的设备一部手机可以选择使一段标记了标题的文字以粗体显示.而掌上电脑可能会以比较大的字体来显示.无论哪种方式一文本标记为标题,您就可以确信读取设备将根据其自身的条件来合适地显示页面. 4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重. 过去你可能还没有考虑搜索引擎的爬虫也是网站的“访客”,但现在它们他们实际上是极其宝贵的用户.没有他们的

javaweb基础知识整理

一、TOMCAT服务器的安装与配置 1.常见服务器: WebLogic(BEA)、webSphere(IBM)、Tomcat(Apache) 2.Tomcat 的下载与安装 下载地址:https://www.doczj.com/doc/a516371897.html,/ 安装目录不能包含中文和空格 JAVA_HOME环境变量指定Tomcat运行时所要用的jdk所在的位置,注意,配到目录就行了,不用指定到bin。 端口占用问题:netstat -ano命令查看端口占用信息 Catalina_Home环境变量:startup.bat启动哪个tomcat由此环境变量指定,如果不配置则启动当前tomcat,推荐不要配置此环境变量。 3.Tomcat的目录结构 bin--存放tomcat启动关闭所用的批处理文件 conf--tomcat的配置文件,最终要的是server.xml *实验:修改servlet.xml,更改tomcat运行所在的端口号,从8080改为80 lib--tomcat运行所需jar包 logs--tomcat运行时产生的日志文件 temp--tomcat运行时使用的临时目录,不需要我们关注 webapps--web应用所应存放的目录 work--tomcat工作目录,后面学jsp用到 4.虚拟主机 一个真实主机可以运行多个网站,对于浏览器来说访问这些网站感觉起来就像这些网站都运行在自己的独立主机中一样,所以,我们可以说这里的每一个网站都运行在一个虚拟主机上,一个网站就是一个虚拟主机。 4.1配置虚拟主机 在server.xml中标签下配置,其中name属性指定虚拟主机名,appBase指定虚拟主机所在的目录只在servlet.xml中配置Hosts,还不能使其他人通过虚拟主机名访问网站,还需要在DNS服务器上注册一把,我们可以使用hosts文件模拟这个过程。 默认虚拟主机:在配置多个虚拟主机的情况下,如果浏览器使用ip地址直接访问网站时,该使用哪个虚拟主机响应呢?可以在标签上设置defaultHost来指定。 5.web应用 web资源不能直接交给虚拟主机,需要按照功能组织用目录成一个web应用再交给虚拟主机管理。 5.1web应用的目录结构 web应用目录 | - html、css、js、jsp静态资源和JSP文件都可以直接放置在web应用的目录下,直接放在web应用下的内容,浏览器可以直接访问到 | - WEB-INF 可以没有,但是最好有,如果有则一定要保证他的目录结构是完整的。放置在WEB-INF目录下的所有资源浏览器没有办法直接进行访问。 | - classes动态web资源运行时的class文件要放在这个目录下。 | - lib 动态web资源运行时所依赖的jar包要放在这个目录下。 | - web.xml整个web应用的配置文件,配置主页/Servlet的映射/过滤器监听器的配置都需要依赖这个文件进行。 5.2web.xml文件的作用 某个web资源配置为web应用首页 将servlet程序映射到某个url地址上 为web应用配置监听器

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会等到页面被加载完再加载; (3)import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML 标签,无兼容问题。 总之,link要优于import。 8. 介绍一下你对浏览器核的理解?

java_web开发人员面试题及答案

java 面试题 一.选择题(每题1分) 1. jsp 有几个内置对象?()(单选) A 5个 B 6个C9个 D 8个 2.在JAVA中,如何跳出当前的多重嵌套循环?()(多选) A break Breturn C forward D finally 3. 四种会话跟踪技术,哪个范围最大?()(单选) A page B request C session Dapplication 4. java中有几种方法可以实现一个线程?()(单选) A 1种 B 2种 C 3种 D 4种 5. 同步有几种实现方法()(单选) A 4种 B 2种 C 3种 D 1种 6. xml有哪些解析技术?()(多选) ADOMBSAXCSTAXD JDOM 7. 下列说法正确的是()(多选) A 构造器Constructor可被继承 BString类不可以继承 C 判断两个对象值相同用“==” Dchar型变量中能存贮一个中文汉字 8.下面说法错误的是()(单选) A Vector是线程安全的 Bfloat f=3.4是正确的 C StringBuffer的长度是可变的 D StringBuffer的长度是不可变的 9. 下列关于集合的说法正确的是()(多选) AList 的具体实现包括 ArrayList 和 Vector BMap 集合类用于存储元素对(称作"键"和"值"),其中每个键映射到一个值 C Set的元素是有序的 DHashtable是线程安全的。 10. 下列关于线程说法正确的是()(多选) A调用sleep不会释放对象锁。 B调用wait方法导致本线程放弃对象锁 C当一个线程进入一个对象的一个synchronized方法后,其它线程不可进入此对象的其它方法 D notify():唤醒全部处于等待状态的线程。 11. 给定JSP程序源码如下,该JSP运行后输出的结果是()。(单选) <%int Count=1;%> Count:<%=++Count%> A Count:1BCount:2 C1:2 D Count: 12在J2EE中的一个JSP文件中,有表达式<%=2+3%>,它将输出()(单选)

前端面试题含答案

前端开发面试知识点大纲: HTML&CSS : 对Web 标准的理解、浏览器内核差异、兼容性、hack 、CSS 基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应 JavaScript : 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、 异步装载回调、模板引擎、Nodejs 、JSON 、ajax 等。 其他: HTTP 、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO 、UED 、架构、职业生涯 作为一名前端工程师,无论工作年头长短都应该必须掌握的知识点: 1、DOM 结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 2、DOM 操作 ——如何添加、移除、移动、复制、创建和查找节点等。 3、事件 —— 如何使用事件,以及IE 和标准DOM 事件模型之间存在的差别。 4、XMLHttpRequest —— 这是什么、怎样完整地执行一次GET 请求、怎样检测错误。 5、严格模式与混杂模式 —— 如何触发这两种模式,区分它们有何意义。 6、盒模型 —— 外边距、内边距和边框之间的关系,及IE8以下版本的浏览器中的盒模型 7、块级元素与行内元素 —— 怎么用CSS 控制它们、以及如何合理的使用它们 8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。 9、HTML 与XHTML ——二者有什么区别,你觉得应该使用哪一个并说出理由。 10、JSON —— 作用、用途、设计结构。 产品部-前端面试题-答案 产品部 Beijing

HTML 一、Doctype作用? 严格模式与混杂模式如何区分?它们有何意义? (1)、 声明位于文档中的最前面,处于 标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档。 (2)、严格模式的排版和JS 运作模式是以该浏览器支持的最高标准运行。 (3)、在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 (4)、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 二、行内元素有哪些?块级元素有哪些?空(void)元素有那些? (1)CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值为“inline”,是“行内”元素。 (2)行内元素有:a b span img input select strong(强调的语气)块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p (3)知名的空元素:


鲜为人知的是: 三、link 和@import 的区别是? (1)link属于XHTML标签,而@import是CSS提供的; (2)页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载; (3)import只在IE5以上才能识别,而link是XHTML标签,无兼容问题; (4)link方式的样式的权重高于@import的权重. 四、浏览器的内核分别是什么? * IE浏览器的内核Trident、Mozilla的Gecko、Chrome的Blink(WebKit的分支)、Opera内核原为Presto,现为Blink;

文本预览