JAVA企业面试题精选 Web基础 1-10

来源：互联网发布：电力代维软件编辑：程序博客网时间：2024/05/16 05:59

第三部分

1.Web基础

1.1.请描述一个网页从开始请求到最终显示的完整过程

参考答案:

一个网页从请求到最终显示的完整过程一般可分为如下7个步骤:
1.在浏览器输入网址;
2.发送至DNS服务器并获得域名对应的WEB服务器的IP地址;
3.与WEB服务器建立TCP连接;
4.浏览器向WEB服务器的IP地址发送相应的HTTP请求;
5.WEB服务器响应请求并返回指定URL的数据,或错误信息,如果设定重定向,则重定向到URL地址.
6.浏览器下载数据后解析HTML源文件,解析的过程中实现对页面的排版,解析完成后在浏览器中显示基础页面.
7.分析页面中的超链接并显示在当前页面,重复以上过程直至无超链接需要发送,完成全部显示.

1.2.是否对HTML5和CSS3有关注?如果有请简述.

参考答案:

HTML5是用于取代1999年所指定的HTML4.01和XHTML1.0标准的HTML标注版本,现在仍处于发展阶段,但大部分浏览器已经支持某些HTML5技术.HTML5有两大特点:首先,强化了Web网页的表现性能.其次,追加了本地数据库等Web应用的功能.广义论及HTML5时,实际指的是包括HTML,CSS和JavaScript在内的一套技术的组合.HTML5有如下几种特征:
1.语义特性(Semantic):HTML5赋予网页更好的意义和结构.更加丰富的标签将随着RDFa,微数据,微格式等方面的支持,构建对程序,对用户都更有价值的数据驱动的Web.
2.本地存储特性(OFFLINE & STORAGE):基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能.Indexed DB(HTML5本地存储最重要的技术之一)和API说明文档.
3.设备兼容特性(DEVICE ACCESS):从地理位置的API文档公开以来,HTML5位网页应用开发者们提供给了更多功能上的优化选择,带来了更多体验功能的优势.HTML5提供了前所未有的数据与应用介入开放接口.使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与麦克风及摄像头相联.
4.连接特性(CONNECTIVITY):更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现.HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据”推送”到客户端的功能.
5.网页多媒体特性(MULTIMEDIA):支持网页端的Audio,Video等多媒体功能,与网站自带的APPS,摄像头,莹莹功能相得益彰.
6.三维,图形及特效特性(3D,Graphics & Effects):基于SVG,Canvas,WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果.
性能与集成特性(Class:Performance & Integration):没有用户会永远等待你的Loading–HTML5会通过XMLHttpRequest2等技术,帮助您的Web应用和网站在多样化的环境中更快速的工作.
CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的.以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来.这些模块包括:盒子模型,列表模块,超链接方式,语言模块,北京和边框,文字特效,多栏布局等.CSS3有如下几个特性:
1.CSS3圆角表格:圆角表哥,对应属性:border-radius.
2.以往对网页上的文字加特效只能用filter这个属性,这次CSS3中专门制定了一个加文字特效的属性,而且不止加阴影这中特效.对应属性:font-effect.
3.丰富了对链接下划线的样式,以往的下划线都是直线,这可不一样了,有波浪线,点线,虚线等等,更可对下划线的颜色和位置进行任意改变.(还有对应顶线和中横线的样式,效果与下划线类似)对应属性:text-underline-style,text-underline-color,text-underline-mode,text-underline-position.
4.在文字下点几个点或打个圈以示重点,CSS3也开始加入了这项功能,这应该在某些特定网页上很有用.对应属性:font-emphasize-style和font-emphasize-position.

1.3.简要描述标准HTML文档的结构

参考答案:

HTML文档的开始需要版本声明,剩下的页面内容需要包含在开始标记<html>和结束标记</html>之间.在<html>元素中,包含两个主要的部分,文件头部分(<head>元素)和主体部分(<body>元素).标准HTML文档的结构如下所示:

<!DOCTYPE html PUBlIC "-//W3C DTD XHTML 1.0 Transitional//EN"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">    <head>    </head>    <body>    </body></html>

1.4.简要描述行内元素和块级元素的区别

参考答案:

块级元素的前后都会自动换行,如同存在换行符一样.默认情况下,块级元素会独占一行.例如,<p>,<hn>,<div>都是块级元素.在显示这些元素中间的文本时,都将从新行中开始显示,其后的内容也将在新行中显示.
行内元素可以和其他行内元素位于同一行,在浏览器中显示时不会换行.例如,<a>,<span>等.
我们可以这样理解:如果元素是块级的,则总是在新行上显示,好比是书中的一个新段落;而元素如果是行内的,那么只能在当前行中显示,就像是段落中的一个单词.
因此,块级元素常用来构建网页上比较大的结构,用于包含其他块级元素,行内元素和文本;而行内元素一般只能包含其他行内元素和文本.

1.5.锚点的作用是什么?如何创建锚点?

参考答案:

锚点是文档中某行的一个记号,类似于书签,用于链接到文档中的某个位置.当定义了锚点后,我们可以创建直接跳至该锚点(比如页面中某个小节)的链接,这样使用者无需不停的滚动页面来寻找他们需要的信息了.
在使用<a>元素创建锚点时,需要使用name属性为其命名,代码如下所示:

<a name="anchorname1">锚点一</a>

然后就可以创建链接,直接跳转到锚点,代码如下所示:

<a href="#anchorname1">回到锚点一</a>

1.6.简要描述CSS中的定位机制

参考答案:

CSS中,除了默认的流定位方式以外,还有如下几种定位机制:浮动定位,相对定位,绝对定位和固定定位.
浮动定位是指将元素排除在普通流之外,并且将它防止在包含框的左边或者右边,但是依旧位于包含框之内.
相对定位将元素相对于它在普通流中的位置进行定位.
绝对定位是指将元素的内容从普通流中完全移除,并且可以使用偏移属性来固定该元素的位置.
固定定位是指将元素的内容固定在页面的某个位置.

1.7.display属性的作用是什么?

参考答案:

可以使用display属性定义建立布局时元素生成的显示框类型.
1.如果将display属性设置为block,可以让行内元素(比如<a>元素)表现得像块级元素一样;
2.如果将display属性设置为inline,可以让块级元素(比如<p>元素)表现得像内联元素一样;
3.可以通过把display属性设置为none,让生成的元素根本没有框.这样的话,该框及其所有内容就不再显示,不占用文档中的空间.

1.8.在HTML页面中定义以下表格:

公司名称上海屹通地址软件园4号楼205室

参考答案:

<body>    <table border="1" cellpadding="10" cellspacing="0">        <tr valign="middle" align="left">            <td width="150px">                公司名称            </td>            <td width="250px">                上海屹通            </td>        </tr>        <tr valign="middle" align="left">            <td width="150px">                地址            </td>            <td width="250px">                软件园4号楼205室            </td>        </tr>    </table></body>

1.9.绘制包含用户名,密码输入框,登录,重置按钮的登录框的HTML,并使用单击登录按钮后将相应数据提交到login.action

参考答案:

<form action="login.action">    用户名:<input type="text" name="user"><br/>    密码:<input type="password" name="pwd"><br/>    <input type="submit" value="登录"/>    <input type="reset" value="重置"/></form>

1.10.PNG和GIF各有什么特点?适用于哪些场合?

参考答案:

PNG特点:PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,并且还可存储多到16位的α通道数据.PNG使用从LZ77派生的无损数据压缩算法.一般应用于Java程序,网页,S60程序中,因其压缩比高,生成文件容量小.
GIF特点:GIF文件的数据,是一种基于LZW算法的连续色调的无损压缩格式.其压缩率一般在50%左右,它不属于任何应用程序.目前几乎所有相关软件都支持它,公共领域有大量的软件在使用GIF图像文件.GIF图像文件的数据是经过压缩的,而且是采用了可变长度等压缩算法.GIF格式的另一个特点是其在一个GIF文件中可以存多幅图像数据逐幅独处并显示到屏幕上,就可构成一种最简单的动画.GIF分为静态GIF和动画GIF两种,扩展名为.gif,是一种压缩位图格式,支持透明背景图像,适用于多种操作系统,”体型”很小,网上很多小动画都是GIF格式.

阅读全文

0 0