Web面试题整理

问：Doctype作用是什么? 严格模式与混杂模式如何区分？它们有何意义?

答：Doctype位于整个文档的最前面，用于告知浏览器解析器用什么文档类型来解析该文档；

严格模式：使得排版和JS运作以浏览器支持的最高标准运行

混杂模式：使得排版和JS运作以向后兼容的方式运行，防止比较老的站点无法工作的问题；

问：tcp三次握手，一句话概括

答：客户端发起请求连接服务端确认，服务端也发起连接客户端确认，每次握手的作用：第一次握手：服务端只可以确认 自己可以接受客户端发送的报文段；第二次握手：客户端可以确认 服务端收到了自己发送的报文段，并且可以确认 自己可以接受服务端发送的报文段；第三次握手：服务器可以确认客户端收到了自己发送的报文段。

问：cookie、sessionStorage、localStorage的区别

答：共同点：都是保存在浏览器端，并且是同源的

Cookie：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下,存储的大小很小只有4K左右。 （key：可以在浏览器和服务器端来回传递，存储容量小，只有大约4K左右）

sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持，localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。（key：本身就是一个回话过程，关闭浏览器后消失，session为一个回话，当页面不同即使是同一页面打开两次，也被视为同一次回话）

localStorage：localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。（key：同源窗口都会共享，并且不会失效，不管窗口或者浏览器关闭与否都会始终生效）

补充说明一下cookie的作用：

保存用户登录状态。例如将用户id存储于一个cookie内，这样当用户下次访问该页面时就不需要重新登录了，现在很多论坛和社区都提供这样的功能。 cookie还可以设置过期时间，当超过时间期限后，cookie就会自动消失。因此，系统往往可以提示用户保持登录状态的时间：常见选项有一个月、三个 月、一年等。

跟踪用户行为。例如一个天气预报网站，能够根据用户选择的地区显示当地的天气情况。如果每次都需要选择所在地是烦琐的，当利用了cookie后就会显得很人性化了，系统能够记住上一次访问的地区，当下次再打开该页面时，它就会自动显示上次用户所在地区的天气情况。因为一切都是在后 台完成，所以这样的页面就像为某个用户所定制的一样，使用起来非常方便定制页面。如果网站提供了换肤或更换布局的功能，那么可以使用cookie来记录用户的选项，例如：背景色、分辨率等。当用户下次访问时，仍然可以保存上一次访问的界面风格。

问：用一句话概括RESTFULL

答：用URL定位资源，用HTTP描述操作

问：怎么解决手机端网页点击延迟问题

答：

(1)粗暴型，禁用缩放

(2)利用FastClick，其原理是：

检测到touchend事件后，立刻出发模拟click事件，并且把浏览器300毫秒之后真正出发的事件给阻断掉

问：浏览器的内核分为几种？

Trident内核：IE最先开发或使用的，也称IE内核，360浏览器使用的也是IE内核；

Webkit内核：谷歌chrome浏览器最先开发或使用，也叫谷歌内核，枫树浏览器、太阳花使用的也是谷歌内核；

Gecko内核： Netscape6开始采用的内核，后来的Mozilla FireFox (火狐浏览器) 也采用了该内核，K-Meleon浏览器也是使用这种内核；

Presto内核：目前只有Opera浏览器采用该内核