经典面试笔试题总结

1、常见浏览器及其内核

Trident：IE、360安全浏览器

Webkit: safari\

Gecko: 火狐

Blink：Chrome Opera

Presto：以前的opera

2、说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下）

行内元素会在水平方向排列，不能包含块级元素，设置height、width无效

margin上下无效，padding上下无效

块级元素独自占一行，垂直方向排列。

兼容性：display:inline-block;*display:inline;*zoom:1

3 box-sizing常用属性及其作用

box-sizing: content-box;

box-sizing: border-box;

box-sizing: inherit;

content-box 宽度和高度应用到元素的内容框。在宽高之外绘制元素的padding和border

border-box 宽高的计算范围：内容+padding+border

4 Doctype的作用？标准／兼容模式的区别

告诉浏览器的解析器用什么标准解析当前文档，如果doctype不存在或者格式错误，

浏览器会以兼容模式解析它

标准模式：排版和JS运作模式都是以该浏览器支持的最高标准运行

兼容模式：页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作

5 html语意化

用正确的标签做正确的事情

语意化让页面的内容结构化，结构更清晰，便于浏览器，搜索引擎解析

有利于站点的SEO

方便开发人员的阅读，理解和维护

6 JS基本数据类型

string，number，boolean，undefined，null

7 this对象

this总是指向函数的直接调用者

如果有new关键字，this指向new出来的那个对象

在事件中，this指向触发这个事件的对象

例外：IE中的attachEvent 中的this总是指向window对象