前端面试题——Web应用从服务器主动推送Data到客户端

Web应用从服务器主动推送Data到客户端有哪些方式？

• Ajax轮询，即定期发送请求，获取数据。
• Commet，即基于HTTP长连接的服务器推送技术。
• XHR长轮询，即服务器端定期返回数据，客户端接收数据，并再次发送请求。
• WebSocket，即基于Socket协议实现数据的推送。
• SSE(Server-Send Event)，即允许网页获取来自服务器端的更新。

首先，我得知道轮询是什么？

• 轮询（Polling）是一种CPU决策如何提供周边设备服务的方式，又称“程控输入输出”（Programmed I/O）。轮询法的概念是：由CPU定时发出询问，依序询问每一个周边设备是否需要其服务，有即给予服务，服务结束后再问下一个周边，接着不断周而复始。
• 在web上来说就是客户端一直向服务端发起请求，服务端返回数据，不论返回什么都会再次向服务端发送请求。
• 这样的技术实现容易，但是效率很低。并且当访问量大时，服务器的压力是非常大的。

应用场景

• 在操作浏览器时，点击A页面的一个按钮，要弹出一个空白的B页面，我在A上进行特定操作时，B页面要跳转到A页面中选中的数据的URL所对应的位置。
• 那么弹出一个空页面前端使用
  window.open('/new_window/','_blank')
• B页面跳转：一个iframe标签，然后修改它的src属性。
• 操作A界面B页面监听——轮询

代码实现