Web端服务器推送技术原理分析及dwr框架简单的使用，html5移动web开发

缺点：

a) 糟糕的用户体验

b) 对服务器的压力很大，并且造成带宽的极大浪费。

2.2 Ajax 轮询

Ajax隔一段时间（通常使用JavaScript的setTimeout函数）就去服务器查询是否有改变，从而进行增量式的更新。但是间隔多长时间去查询成了问题，因为性能和即时性造成了严重的反比关系。间隔太短，连续不断的请求会冲垮服务器，间隔太长，务器上的新数据就需要越多的时间才能到达客户机。

优点：

a) 不需要太多服务器端的配置。

b) 降低带宽的负荷（因为服务器返回的不是完整页面）。

缺点：

a) 对服务器的压力并不会有明显的减少。

b) 实时性差，有一定的延迟。

应用： 这是一项非常常见的技术，例如，大多数 webmail应用程序就是通过这种技术在电子邮件到达时显示电子邮件的。

2.3 Comet

Comet方式通俗的说就是一种长连接机制(long lived http)。同样是由Browser端主动发起请求，但是Server端以一种似乎非常慢的响应方式给出回答。这样在这个期间内，服务器端可以使用同一个connection把要更新的数据主动发送给Browser。因此请求可能等待较长的时间，期间没有任何数据返回，但是一旦有了新的数据，它将立即被发送到客户机。Comet又有很多种实现方式，但是总的来说对Server端的负载都会有增加.虽然对于单位操作来说，每次只需要建议一次connection,但是由于connection是保持较长时间的,对于 server端的资源的占用要有所增加。

优点： 实时性好（消息延时小）；性能好（能支持大量用户）

缺点： 长期占用连接，丧失了无状态高并发的特点。

应用： 股票系统、实时通讯。

2.4 Flash XML Socket

这种方案实现的基础是：一、Flash提供了 XMLSocket类。二、 JavaScript 和 Flash的紧密结合：在 JavaScript可以直接调用 Flash程序提供的接口。

缺点：

a) 因为XMLSocket没有HTTP隧道功能，XMLSocket类不能自动穿过防火墙；

b) 因为是使用套接口，需要设置一个通信端口，防火墙、代理服务器也可能对非HTTP通道端口进行限制；

应用： 网络聊天室，网络互动游戏。

2.5 Java Applet 套接口

在客户端使用 Java Applet，通过 java.net.Socket或java.net.DatagramSocket或java.net.MulticastSocket 建立与服务器端的套接口连接，从而实现“服务器推送 ”。

缺点： 需要客户端安装 JAVA虚拟机。

3 Comet 介绍

Comet 有时也称反向 Ajax或服务器端推技术（server-side push）。其思想很简单：将数据直接从服务器推到浏览器，而不必等到浏览器请求数据。听起来简单，但是如果熟悉Web 应用程序，尤其是HTTP协议，那么您就会知道，这绝不简单。实现Comet风格的 Web应用程序，同时保证在浏览器和服务器上的可伸缩性，这只是在最近几年才成为可能。目前一些主流网站都有类似的原理，例如：webQQ、开心网、校内等等，它们中消息动态都是采用类似的技术，只是具体实现方式不一样。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。