Server-Sent Events 教程

服务器向浏览器推送信息,除了 WebSocket,还有一种方法:Server-Sent Events(以下简称 SSE)。本文介绍它的用法。

一、SSE 的本质

严格地说,HTTP 协议无法做到服务器主动推送信息。但是,有一种变通方法,就是服务器向客户端声明,接下来要发送的是流信息(streaming)。

也就是说,发送的不是一次性的数据包,而是一个数据流,会连续不断地发送过来。这时,客户端不会关闭连接,会一直等着服务器发过来的新的数据流,视频播放就是这样的例子。本质上,这种通信就是以流信息的方式,完成一次用时很长的下载。

SSE 就是利用这种机制,使用流信息向浏览器推送信息。它基于 HTTP 协议,目前除了 IE/Edge,其他浏览器都支持。

二、SSE 的特点

SSE 与 WebSocket 作用相似,都是建立浏览器与服务器之间的通信渠道,然后服务器向浏览器推送信息。

总体来说,WebSocket 更强大和灵活。因为它是全双工通道,可以双向通信;SSE 是单向通道,只能服务器向浏览器发送,因为流信息本质上就是下载。如果浏览器向服务器发送信息,就变成了另一次 HTTP 请求。

但是,SSE 也有自己的优点。

SSE 使用 HTTP 协议,现有的服务器软件都支持。WebSocket 是一个独立协议。 SSE 属于轻量级,使用简单;WebSocket 协议相对复杂。 SSE 默认支持断线重连,WebSocket 需要自己实现。 SSE 一般只用来传送文本,二进制数据需要编码后传送,WebSocket 默认支持传送二进制数据。 SSE 支持自定义发送的消息类型。

因此,两者各有特点,适合不同的场合。

三、客户端 API 3.1 EventSource 对象

SSE 的客户端 API 部署在EventSource对象上。下面的代码可以检测浏览器是否支持 […]

WebSocket 教程

WebSocket 是一种网络通信协议,很多高级功能都需要它。

本文介绍 WebSocket 协议的使用方法。

一、为什么需要 WebSocket?

初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么好处?

答案很简单,因为 HTTP 协议有一个缺陷:通信只能由客户端发起。

举例来说,我们想了解今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。

这种单向请求的特点,注定了如果服务器有连续的状态变化,客户端要获知就非常麻烦。我们只能使用“轮询”:每隔一段时候,就发出一个询问,了解服务器有没有新的信息。最典型的场景就是聊天室。

轮询的效率低,非常浪费资源(因为必须不停连接,或者 HTTP 连接始终打开)。因此,工程师们一直在思考,有没有更好的方法。WebSocket 就是这样发明的。

二、简介

WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。

它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。

其他特点包括:

(1)建立在 TCP 协议之上,服务器端的实现比较容易。

(2)与 HTTP 协议有着良好的兼容性。默认端口也是80和443,并且握手阶段采用 HTTP 协议,因此握手时不容易屏蔽,能通过各种 HTTP 代理服务器。

(3)数据格式比较轻量,性能开销小,通信高效。

(4)可以发送文本,也可以发送二进制数据。

(5)没有同源限制,客户端可以与任意服务器通信。

(6)协议标识符是ws(如果加密,则为wss),服务器网址就是 URL。

ws://example.com:80/some/path

三、客户端的简单示例

WebSocket 的用法相当简单。

下面是一个网页脚本的例子(点击这里看运行结果),基本上一眼就能明白。

var ws = new […]

素食主义者

发信人: GGGGDDDDK (我叫囫囵,枣是我吞的), 信区: Joke标 题: 素食主义者发信站: 水木社区 (Wed May 10 09:22:09 2017), 站内

素素和菜菜都是素食主义者。有一天,素素和另两个人在荒岛上快饿死了,于是这三个人只好商量由两个人吃另一个人。素素因为是素食主义者,就成为了被吃的那个。菜菜得到这一情况后,意识到了做素食主义者的害处,开始经常吃肉,成为了一个大胖子。后来,菜菜和另两个人乘坐热气球,途中热气球的气不多了,需要扔下去一个人,菜菜因为最重,被扔下去了。

※ 来源:·水木社区 newsmth.net·[FROM: 122.139.1.109]

以鹅为单位,各种动物的战斗力排名。 (转载)

发信人: nighthawk (83。75% 「跑马溜溜的山上」), 信区: Joke标 题: 以鹅为单位,各种动物的战斗力排名。发信站: 水木社区 (Fri May 5 23:24:29 2017), 站内

【 以下文字转载自 NewExpress 讨论区 】发信人: riveryy (riveryy), 信区: NewExpress标 题: 以鹅为单位,各种动物的战斗力排名。发信站: 水木社区 (Fri May 5 23:08:15 2017), 站内

设成年公鹅战斗力为1鹅。如果2只鹅能和一只田园犬旗鼓相当或同归于尽,那么田园犬是2鹅。

以下就是楼主不负责任的随意排名:

蚂蚁:0.0001鹅蚊子:0.003鹅毛毛虫:0.003鹅蜗牛:0.005鹅中型蜘蛛:0.008鹅蚂蟥:0.01鹅蜜蜂:0.015鹅蜈蚣:0.02鹅麻雀:0.03鹅蝎子:0.05鹅老鼠:0.05鹅龙虾:0.1鹅牛蛙:0.12鹅大鲤鱼:0.15鹅较大的螃蟹:0.18鹅3岁以下儿童:0.2鹅小型无毒蛇:0.2鹅非洲牛蛙:0.22鹅鸭子:0.25鹅普通公鸡:0.3鹅皮皮虾:0.35鹅食人鱼:0.4鹅猴子:0.4鹅猫:0.45鹅斗鸡:0.7鹅10岁左右儿童:0.8鹅猫头鹰:1.0鹅羊:1.5鹅田园犬:2鹅家猪:3鹅成年男性:4鹅老鹰:6鹅藏獒:10鹅猎豹:10鹅马蜂群:15鹅鬣狗:20鹅狼:25鹅黄牛:30鹅鳄鱼:40鹅金钱豹:60鹅黑熊:80鹅熊猫:90鹅雌狮:70鹅雄狮:120鹅雄东北虎:150鹅棕熊:150鹅非洲野牛:180鹅河马:200鹅大白鲨:250鹅犀牛:300鹅亚洲雄象:400鹅非洲雄象:500鹅虎鲸:600鹅霸王龙:800鹅狮群(10只):1200鹅雷龙:1500鹅蓝鲸:4000鹅虎鲸群(10只):10000鹅

警察(持手枪):30鹅普通陆军士兵:200鹅坦克:5000鹅阿帕奇:12000鹅F16:50000鹅F22:30万鹅弹道导弹:500万鹅航母:1200万鹅核潜艇:1500万鹅航母战斗群:6000万鹅

.※ 修改:·riveryy 于 May 5 23:23:45 2017 修改本文·[FROM: 116.224.240.*]※ 来源:·水木社区 http://m.newsmth.net·[FROM: 116.224.240.*]

How to make flashcards online?

In this article I’ll tell you in detail how to use Flashcard.online editor to create your own flashcards.

Have a look at this video to see how the app works:

STEP 1. Prepare images

If you’re going to make flashcards without images, just go to the next step. If you’re planning to do cards with pictures, […]

Category

Archives