web前端开发面试题(答案) .pdf

web前端开发⾯试题（答案）

1.xhtml和html有什么区别？

HTML是⼀种基本的WEB⽹页设计语⾔，XHTML是⼀个基于XML的置标语⾔

最主要的不同：

XHTML元素必须被正确地嵌套。

XHTML元素必须被关闭。

标签名必须⽤⼩写字母。

XHTML⽂档必须拥有根元素。

2.⾏内元素有哪些?块级元素有哪些?CSS的盒模型?

块级元素：divph1h2h3h4formul

⾏内元素:abbrispaninputselect

Css盒模型:内容，border,margin，padding

3.CSS引⼊的⽅式有哪些?link和@import的区别是?

内联内嵌外链导⼊

区别：同时加载

前者⽆兼容性，后者CSS2.1以下浏览器不⽀持

Link⽀持使⽤javascript改变样式，后者不可

4.你做的页⾯在哪些流览器测试过?这些浏览器的内核分别是什么?

IE:trident内核

Firefox：gecko内核

Safari：webkit内核

Opera：以前是presto内核，Opera现已改⽤GoogleChrome的Blink内核

Chrome：Blink(基于webkit，Google与OperaSoftware共同开发)

5.写出⼏种IE6BUG的解决⽅法

1.双边距BUGfloat引起的使⽤display

2.3像素问题使⽤float引起的使⽤dislpay:inline-3px

3.超链接hover点击后失效使⽤正确的书写顺序linkvisitedhoveractive

4.Iez-index问题给⽗级添加position:relative

5.Png透明使⽤js代码改

6.Min-height最⼩⾼度！Important解决’

7.select在ie6下遮盖使⽤iframe嵌套

8.为什么没有办法定义1px左右的宽度容器（IE6默认的⾏⾼造成的，使⽤over:hidden,zoom:0.08line-height:1px）

6.你如何对⽹站的⽂件和资源进⾏优化?期待的解决⽅案包括：

⽂件合并

⽂件最⼩化/⽂件压缩

使⽤CDN托管

缓存的使⽤

7.清除浮动的⼏种⽅式，各⾃的优缺点

1.使⽤空标签清除浮动clear:both（理论上能清楚任何标签，，，增加⽆意义的标签）

2.使⽤overflow:auto（空标签元素清除浮动⽽不得不增加⽆意代码的弊端,,使⽤zoom:1⽤于兼容IE）

3.是⽤afert伪元素清除浮动(⽤于⾮IE浏览器)

8.”==和”“===的不同”

前者会⾃动转换类型

后者不会

9.简述同步和异步的区别

同步是阻塞模式，异步是⾮阻塞模式。

同步就是指⼀个进程在执⾏某个请求的时候，若该请求需要⼀段时间才能返回信息，那么这个进程将会⼀直等待下去，直到收到返回信息才

继续执⾏下去；

异步是指进程不需要⼀直等下去，⽽是继续执⾏下⾯的操作，不管其他进程的状态。当有消息返回时系统会通知进程进⾏处理，这样可以提

⾼执⾏的效率。

10.px和em的区别

px和em都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算⽐较容易。em得值不是固定的，并且em会继承⽗级元素的字

体⼤⼩。

浏览器的默认字体⾼都是16px。所以未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px=0.625em

11.⼀次完整的HTTP事物是怎样的⼀个过程？

基本流程：

a.域名解析

b.发起TCP的3次握⼿

c.建⽴TCP连接后发起http请求

d.服务器端响应http请求，浏览器得到html代码

e.浏览器解析html代码，并请求html代码中的资源

f.浏览器对页⾯进⾏渲染呈现给⽤户

12.你所了解的web攻击技术

（1）XSS（Cross-SiteScripting，跨站脚本攻击）：指通过存在安全漏洞的Web⽹站注册⽤户的浏览器内运⾏⾮法的HTML标签或者

JavaScript进⾏的⼀种攻击。

（2）SQL注⼊攻击

（3）CSRF（Cross-SiteRequestForgeries，跨站点请求伪造）：指攻击者通过设置好的陷阱，强制对已完成的认证⽤户进⾏⾮预期的个

⼈信息或设定信息等某些状态更新。

13.html5有哪些新特性？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？

(1)绘画c