web前端面试题及答案前端开发面试题及答案整理 .pdfVIP

web前端面试题及答案前端开发面试题及答案

整理

想要应聘前端开发的求职者，要做好完成面试题的准备。

下面是由WTT分享的前端开发面试题及答案，希望对你有用。

前端开发面试题及答案

1、对Web标准以及W3C的理解与认识?

2、____和有什么区别?

答：是一种基本的WEB网页设计语言，____是一个基于

____ML的置标语言最主要的不同：

____元素必须被正确地嵌套;

____元素必须被关闭;

标签名________________必须用小写字母;

____文档必须拥有根元素。

3、Doctype?严格模式与混杂模式-如何触发这两种模式，

区分它们有何意义?答：Doctype用于声明文档使用哪种规范

(/____)

第1页共9页

该标签可声明三种DTD类型，分别为严格版本、过度版本

以及基于框架的文档。

加入____ML声明可触发，解析方式更改为IE5.5拥有

IE5.5的bug。

4、行内元素有哪些?块级元素有哪些?CSS的盒模型?

答：行内元素：abbrispaninputselect

块级元素：divph1h2h3h4formul

CSS盒模型：内容，bordermarginpadding

5、CSS引入的方式有哪些?link和@import的区别是?

答：方式：内联内嵌外链导入

区别：同时加载

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

Link支持使用javascript改变样式，后者不可。

6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何

计算?内联和important哪个优先级高?

答：标签选择符、类选择符、id选择符

继承不如指定idclass标签选择

后者优先级高

7、前端页面有哪三层构成，分别是什么?作用是什么?

答：结构层表示层CSS行为层JS

第2页共9页

8、你做的页面在哪些浏览器测试过?这些浏览器的内核分

别是什么?答：Ie(Ie内核)

火狐(Gecko)

谷歌(webkit)

opear(Presto)

9、img标签上title与alt属性的区别是什么?

答：Alt当图片不显示时，用文字代表

Title为该属性提供信息。

10、描述CSSReset的作用和用途

答：Reset重置浏览器的CSS默认属性浏览器的品种不

同，样式不同，然后重

置，让他们统一。

11、状态码有那些?分别代表是什么意思?

100-199用于指定客户端应响应的某些动作。

20________-299用于表示请求成功。

300-399用于已经移动的文件并且常被包含在定位头信息

中指定新的地址信息。400-499用于指出客户端的错误。

400语义有误，当前请求无法被服务器理解。

401当前请求需要用户验证

403服务器已经理解请求，但是拒绝执行它。

500-599用于支持服务器错误。

第3页共9页

503ndash;服务不可用

13.解释csssprites，如何使用。

Css精灵把一堆小的图片整合到一张大的图片上，减轻

服务器对图片的请求数量

14.浏览器标准模式和怪异模式之间的区别是什么?

盒子模型渲染模式的不同

使用window.top.document.patMode可显示为什么模式

15.你如何对网站的文件和资进行优化?期待的解决方案包

括：

文件合并

文件最小化/文件压缩

使用CDN托管

缓存的使用