自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 问答 (2)
  • 收藏
  • 关注

原创 Web实时通信技术

本周在应用宝前端分享会上分享了Web实时通信技术,分享内容整理如下。一、传统Web数据更新传统的Web数据更新,必须要刷新网页才能显示更新的内容。这是浏览器采用的是B/S架构,而B/S架构是基于HTTP协议的。HTTP协议的工作模式就是客户端向服务器发送一个请求,服务器收到请求后返回响应。所以这种工作模式是基于请求显示数据的。这样的工作方式有其自身的好处,但是也会导致很多问题。在Web应用越来越火

2016-08-19 21:11:41 8621 2

原创 HTML5规范中的MessageEvent以及SSE

1.MessageEvent接口在HTML5规范中定义的新的通信方式,无论是WebSocket还是SSE,包括实现视频、音频通信的WebRTC,都是基于HTML5规范中定义的一个接口:MessageEvent。这是一个基于消息的事件。首先我们可以看一下在JavaScript中,传统的事件类型有哪些。传统的DOM事件的基类主要包括:(1)UIEvents:一般化的UI事件,其中鼠标事件和键盘事件都继

2016-08-14 21:23:53 7560 2

原创 WebSocket API HTML5规范翻译(部分)

1.介绍为了让Web应用能够和服务器进程之间保持双向通信,这里介绍WebSocket接口。注意:This interface does not allow for raw access to the underlying network. For example, this interface could not be used to implement an IRC client without

2016-08-14 19:55:20 2171 1

原创 Node中EventEmitter以及如何实现JavaScript中的订阅/发布模式

1.EventEmitterNode中很多模块都能够使用EventEmitter,有了EventEmitter才能方便的进行事件的监听。下面看一下Node.js中的EventEmitter如何使用。(1)基本使用EventEmitter是对事件触发和事件监听功能的封装,在node.js中的event模块中,event模块只有一个对象就是EventEmitter,下面是一个最基本的使用方法:var

2016-08-13 13:40:31 3636 1

原创 WebSocket协议深入理解

1.WebSocket和HTTP的关系WebSocket只有在建立握手连接的时候借用了HTTP协议的头,连接成功后的通信部分都是基于TCP的连接。总体来说,WebSocket协议是HTTP协议的升级版。2.研究WebSocket的思路服务器端自己实现WebSocket非常复杂。我们虽然不求能够完全自己实现,但是还是应该了解一下后端实现WebSocket的整体思路。WebSocket的实现主要分为两

2016-08-11 20:30:43 18606

原创 Web实时通讯技术简介

一、概述1.Web端即时通讯技术即时通讯技术简单的说就是实现这样一种功能:服务器端可以即时地将数据的更新或变化反应到客户端,例如消息即时推送等功能都是通过这种技术实现的。但是在Web中,由于浏览器的限制,实现即时通讯需要借助一些方法。这种限制出现的主要原因是,一般的Web通信都是浏览器先发送请求到服务器,服务器再进行响应完成数据的现实更新。2.实现Web端即时通讯的方法实现即时通讯

2016-08-08 09:54:04 7781 1

原创 页面重构css技巧总结篇(8.1-8.5)

1.如何让文字在容器内垂直居中?(1)方法:为容器添加line-height属性,使得line-height的值等于容器的height。(2)代码无标题文档 .container{ width: 300px; height: 500px; margin: 50px; background: blue; line-height: 500px; text

2016-08-07 17:02:22 2304

原创 WebSocket+node.js创建即时通信的Web聊天服务器

1.使用nodejs-websocketnodejs-websocket是基于node.js编写的一个后端实现websocket协议的库,连接:https://github.com/sitegui/nodejs-websocket。(1)安装在项目目录下通过npm安装:npm install nodejs-websocket(2)创建服务器//引入nodejs-websoc

2016-08-07 15:22:56 5558 2

原创 使用js中的exec()方法构造正则表达式验证

一、Javascript中的正则表达式在Javascript中,可以使用RegExp对象构造正则表达。我们需要新建一个实例化的RegExp()对象,可以传入两个参数:第一个参数是匹配的模式,第二个参数是一个可选项,可以传入三种参数。i表示不区分大小写,g表示全局匹配,即匹配所有的符合条件的字符串,m表示执行多次匹配。实例如下:var reg = new RegExp("Hello", "i

2016-08-01 09:42:49 3868

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除