每天看一片代码系列（二）：WebSocket-Node

【每天看一片代码系列（二）：WebSocket-Node】的更多相关文章

每天看一片代码系列（二）：WebSocket-Node

简介我们都知道,websocket主要是通过在浏览器和服务端建立长连接,继而实现二者的相互数据通信.不同于HTTP的轮询,它不会有大量无效的HTTP消息交换,从而节省了花销.websocket其实就是双通道的TCP连接. 很明显地,整个工作分为两个步骤,即创建连接和发送数据.那么连接是怎么建立的呢?其实只需要在浏览器和服务器端做一个握手的动作就可以了.而这个握手其实还是一个HTTP请求,只是接下来的工作就和HTTP没关系了. 这个HandShake的请求消息大致为: GET /chat HTT…

每天看一片代码系列（一）：stream.js

简介 stream.js是一个小型的js库,用于处理stream相关的操作.这里的stream是指一种数据结构,它像数组一样,可以放置多个类型的数据,但是并不限制长度,甚至可以达到无限长.可以对该数据结构进行检索.修改.追加等种种操作.由于其长度不限这一特性,使得它与通常意义下的数据结构有明显的区别. API stream提供的API包含三种. 第一种是创建类.包括: new Stream(head, functionReturingTail) 第二个参数是一个放回除第一个元素之外剩下的元素的方…

少侠学代码系列(二)->JS实现

少侠:小子,休息好了没,赶紧的帅气的我:好了好了,嚷什么少侠:(拔刀)嗯? 帅气的我:少侠,淡定淡定,我们来看秘籍吧,刚刚我们说了JS实现是由三个部分组成的核心(ECMAScript),文档对象模型(DOM),浏览器对象模型(BOM) 我们挨着看一下这三个的含义 ECMAScript:由ECMA-262定义的ECMAScript定义的ECMAScript和Web浏览器没有关系,实际上,这门语言并不包含输入输出定义,ECMA-262定义的只是这门语言的基础,而在此基础上可以构建出更完善的脚本…

每天看一片代码系列（四）：layzr.js，处理图片懒加载的库

所谓图片的懒加载,即只有当图片处于或者接近于当前视窗时才开始加载图片.该库的使用方法非常简单: var layzr = new Layzr({ attr: 'data-layzr', // attr和retinaAttr必须至少有一个,用于指定对应的图片 retinaAttr: 'data-layzr-retina', // 一般对应的图像比attr要高清 threshold: 0, // 距离视窗的距离为多少时开始加载 callback: null // 回调函数 }); 代码解析首先是包装…

每天看一片代码系列（三）：codepen上一个音乐播放器的实现

今天我们看的是一个使用纯HTML+CSS+JS实现音乐播放器的例子,效果还是很赞的: codePen地址 HTML部分首先我们要思考一下,一个播放器主要包含哪些元素.首先要有播放的进度信息,还有播放/暂停或者上一首下一首等必要的按钮,同时还要显示一些当前播放的音乐名称等信息.播放多首歌曲时,要显示播放列表...因此,从语义上可以构造出基本的HTML结构: // 背景区块,用于显示当前播放音乐的图片 <div class='background' id='background'></di…

RabbitMQ学习系列二-C#代码发送消息

RabbitMQ学习系列二:.net 环境下 C#代码使用 RabbitMQ 消息队列 http://www.80iter.com/blog/1437455520862503 上一篇已经讲了Rabbitmq如何在Windows平台安装,不懂请移步:RabbitMQ学习系列一:windows下安装RabbitMQ服务一.理论: .net环境下,C#代码调用RabbitMQ消息队列,本文用easynetq开源的.net Rabbitmq api来实现. EasyNetQ 是一个易于使用的Rabbi…

SonarQube系列二、分析dotnet core/C#代码

[前言] 本系列主要讲述sonarqube的安装部署以及如何集成jenkins自动化分析.netcore项目.目录如下: SonarQube系列一.Linux安装与部署 SonarQube系列二.分析dotnet core/C#代码 SonarQube系列三.如何集成jenkins实现分析自动化 [实现功能] 这篇文章将要介绍的主要内容如下: sonarqube分析.netcore项目下的C#代码 sonarqube生成单元测试报告(代码覆盖率) [SonarQube分析C#代码] 1.sona…