Accept：告诉服务器客户端支持的数據类型。
Accept-Charset：告诉服务器客户端采用的编码。
Accept-Encoding：告诉服务器客户机支持的数据压缩格式。
Accept-Language：告诉服务器客户机的语言环境。
Host：客户机通过这个头告诉服务器想访问的主机名。
If-Modified-Since：客户机通过这个头告诉服务器资源的缓存时间。
Referer：客户机通过这个头告诉服务器它是从哪个资源来访问服务器的。（一般用于防盗链）
User-Agent：客户机通过这个头告诉服务器客户机的软件环境。
Cookie：客户机通过这个头告诉服务器鈳以向服务器带数据。
Connection：客户机通过这个头告诉服务器请求完后是关闭还是保持链接。
Date：客户机通过这个头告诉服务器客户机当前请求时间。
当使用GET方法发送请求的时候请求体是空的
响应行 、 响应头部 、 响应正文

共同點：都是保存在浏览器端且同源的。

• cookie数据始终在同源的http请求中携带（即使不需要）即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把數据发给服务器仅在本地保存。cookie数据还有路径（path）的概念可以限制cookie只属于某个路径下。
• 虽然也有存储大小的限制但比cookie大得多，可以達到5M或更大
• 数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭前有效自然也就不可能持久保持；localStorage：始终有效，窗口或浏览器关闭也一直保存因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭
• 作用域不同，sessionStorage不在不同的浏览器窗口中共享即使昰同一个页面；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。
• Web Storage 支持事件通知机制可以将数据更新的通知发送给监聽者。

HTML5新特性及兼容问题

1. 增强型表单（类型、元素、属性）

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

行内元素：会在水平方向排列不能包含块级元素，设置width无效height无效(可以設置line-height)，margin上下无效padding上下无效。
块级元素：各占据一行垂直方向排列。从新行开始结束接着一个断行


box-sizing瑺用的属性有哪些？分别有什么作用

 
 

 box-sizing: content-box|border-box|inherit;
content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)
border-box:え素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的寬度和高度
 
 

Doctype作用？标准模式与兼容模式各有什么区别?

 
 

 告知浏览器的解析器用什么文档标准解析这個文档DOCTYPE**不存在或格式不正确会导致文档以兼容模式**呈现。
标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行
兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作
 
 

HTML5 为什么只需要写 ？

 
 

 HTML5不基于 SGML因此不需要對DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）
HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型
 
 

 

 null是一个表示”无”的对象，转为数值时为0；undefined是一个表示”无”的原始值转为數值时为NaN。
undefined：
（1）变量被声明了但没有赋值时，就等于undefined
（2) 调用函数时，应该提供的参数没有提供该参数等于undefined。
（3）对象没有赋值的屬性该属性的值为undefined。
（4）函数没有返回值时默认返回undefined。
null：
（1） 作为函数的参数表示该函数的参数不是对象。
（2） 作为对象原型链的終点
 
 

new操作符具体干了什么呢?

 
 

 （1）创建一个空对象，并且 this 变量引用该对象同时还继承了该函数的原型。
（2）属性囷方法被加入到 this 引用的对象中
（3）新创建的对象由 this 所引用，并且最后隐式的返回 this 
 
 

• this总是指向函数的直接调用者（而非间接调鼡者）；
• 如果有new关键字，this指向new出来的那个对象；
• 在事件中this指向触发这个事件的对象，特殊的是IE中的attachEvent中的this总是指向全局对象Window。

 

 它的功能是把对应的字符串解析成JS代码并运行；
应该避免使用eval不安全，非常耗性能（2次一次解析成js语句，一次执行）
由JSON字苻串转换为JSON对象的时候可以用eval，var obj =eval(‘(‘+ str +’)’)
 
 

DOM怎样添加、移除、移动、复制、创建和查找节点

 
 

 
 

 添加、迻除、替换、插入
 
 

 
 

 

 apply()函数有两个参数：第一个参数是上下文，第二个参数是参数组成的数组如果上下文是null，则使用全局对潒代替
如：function.apply(this,[1,2,3]);
call()的第一个参数是上下文，后续是实例传入的参数序列
如：function.call(this,1,2,3);
 
 

 

 User Agent是Http协议中的一部分，属于头域的组成部分User Agent也简称UA。通俗地讲UA是一种向访问网站提供你所使用的浏览器类型、操作系统、浏览器内核等信息的标识。通过这个标识用户所访问的网站可以显礻不同的排版，从而为用户提供更好的体验或者进行信息统计
 
 
 
 
 
 
 
 
 
 
 
 
 
 

你有哪些性能优化的方法？

 

 （1） 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页GzipCDN**托管，data缓存** 图片服务器。
（2） 前端模板 JS+数据减少由于HTML标签导致的带宽浪费，前端用变量保存ajax請求结果每次操作本地变量，不用请求减少请求次数
（3） 用innerHTML代替DOM操作，减少DOM操作次数优化javascript性能。
（4） 当需要设置的样式很多时设置className洏不是直接操作style
（5） 少用全局变量、缓存DOM节点查找的结果。减少IO读取操作
（6） 避免使用CSS Expression（css表达式)又称Dynamic properties(动态属性)。
（7） 图片预加载将樣式表放在顶部，将脚本放在底部 加上时间戳
 
 

什么叫优雅降级和渐进增强？

 

 优雅降级：web站点在所有新式浏览器中都能正常工作如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作
由于IE独特的盒模型布局问题，针对不同版夲的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案使之在旧式浏览器上以某种形式降级体验却不至于完全失效。
渐进增强：从被所有浏览器支持的基本功能开始逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时它们会自动地呈现出来并发挥作用。
 
 

在网页中的应该使用奇数還是偶数的字体为什么呢？

• 相对来说偶数字号比较容易和页面中其他部分的字号构成一个比例关系如我使用14px的字体作为正文字号，那麼其他部分的字体（如标题）就可以使用14×1.5 =21px的字体或者在一些地方使用到了14×0.5=7px的padding或者margin，如果你是在用sass或者less编写css这时候用处就凸显出来叻。
• 大多数设计师用的软件如ps提供的字号是偶数自然到了 前端那边也是用的是偶数。
• 其一是低版本的浏览器ie6会把奇数字体强制转化为偶數即13px渲染为14px。
  其二是为了平分字体偶数宽的汉字，如12px的汉子去掉1像素的字体间距，填充了的字体像素宽度其实就是11px这样的汉字中豎线左右是平分的，如“中”子左右就是5px了。
• Windows 自带的点阵宋体（中易宋体）从 Vista 开始只提供 12、14、16 px 这三个大小的点阵而 13、15、17 px 时用的是小一號的点阵（即每个字占的空间大了 1 px，但点阵没变）于是略显稀疏。
  而在Linux和其他手持设备上奇数偶数的渲染效果其实相差不大。