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对象