前端面试题目杂谈

一、HTML、CSS部分

要点：对web标准的理解、浏览器的差异性、布局、盒子模型、选择器优先级及使用、html5\css3、移动端技术

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

（1）、 声明位于文档中的最前面，处于  标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 
（2）、严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行。
（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
（4）、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

2.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

3.CSS的盒子模型？

4. link和@import 的区别是?

(1) link属于HTML标签，而@import是CSS提供的;

5.CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？

6.如何居中div,如何居中一个浮动元素?

7.浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？

8.html5\CSS3有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？

9.你怎么来实现页面设计图，你认为前端应该如何高质量完成工作? 一个满屏 品 字布局 如何设计?

10.常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？

11.position的值， relative和absolute分别是相对于谁进行定位的？

absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。
fixed （老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。
relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。
static 默认值。没有定位，元素出现在正常的流中
sticky 生成粘性定位的元素，容器的位置根据正常文档流计算得出

12.页面重构怎么操作？

13.语义化的理解？

14.HTML5的离线储存？

15.为什么要初始化CSS样式。

16.(写)描述一段语义的html代码吧。

17.移动端性能优化

二、JavaScript部分

数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、异步装载回调、模板引擎、Nodejs等。

1.创建一个对象

2.谈谈This对象的理解。

3.事件、IE与火狐的事件机制有什么区别？ 如何阻止冒泡？

4.说说你对闭包的理解

5.如何解决跨域问题

JSONP：

CORS:

通过修改document.domain来跨子域

使用window.name来进行跨域

使用HTML5中新引进的window.postMessage方法来跨域传送数据

6.XML和JSON的区别？

(1).数据体积方面。
(2).数据交互方面。
(3).数据描述方面。
(4).传输速度方面。

7.谈谈你对webpack的看法

8.说说你对作用域链的理解

9.ES6的了解

10.请你谈谈Cookie的弊端

11.浏览器本地存储

12.web storage和cookie的区别

13.cookie 和session 的区别：

三、开放性部分

自我介绍、项目介绍、如何看待前端开发？、平时是如何学习前端开发的？、未来三到五年的规划是怎样的？你觉得前端工程师的价值体现在哪?