前端面试题之前端基础篇之浏览器篇

WebSocket的实现和应用

什么是WebSocket？

websocket是html5中的协议，支持持久连续的通信。它和http协议一样，是属于应用层的数据通信协议，也是建立在TCP协议之上，用于客户端和服务器端的数据通信。websocket是一种长连接协议，只需要通过一次请求来初始化协议，然后所有的请求和响应都是通过这个TCP协议来进行通讯。websocket最大的特点就是服务器可以主动向客户端发送数据，客户端也可以主动向服务端发送数据，是真正的双向平等对话，是一种双向通信协议，而http协议的通信只能由客户端发起通信。当我们使用http协议进行对服务器连续动态变化信息的获知时，使用http协议就需要进行轮询，即每隔一段时间，就发送一个询问请求，这种轮询方法效率很低，websocket支持实时通讯，可以很好解决这种情况

cookie、sessionStorage、localStorage的异同点？

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

cookie：cookie在所有同源窗口中是共享的。cookie始终在同源的http请求中携带，即cookie在浏览器之间来回传递，而sessionStorage和localStorage不会自动把数据传给服务器，它们只在本地保存，cookie数据还有路径path概念，可以限制path属于某个路径下，存储的大小很小，只有4k左右。cookie只在设置的cookie过期时间之前一直有效，即使浏览器关闭或刷新

sessionStorage：仅在浏览器关闭前有效（刷新依然存在），不能长久保持，浏览器关闭之后清空数据

localStorage：localStorage始终有效，即使浏览器关闭或刷新也一直保存，可以用作持久数据，localStorage在所有同源窗口中都是共享的

cookie的作用

cookie的主要作用是为了保存用户的登录状态，例如将用户id存储于一个cookie内，这样下一次用户访问该页面时就不需要重新登录了。cookie还可以设置过期时间，当超过了过期时间后，cookie会自动消失