摘要：
clear属性的作用 指定某个元素的一侧不能出现浮动元素。它是通过为这个元素在上边距之外增加空间，从而使得这个元素的顶部和浮动元素的底部对齐。这里作用的仅仅是同一个bfc下的浮动元素。 This property can clear an element only from floated boxe... 阅读全文
摘要：
所谓图片的懒加载，即只有当图片处于或者接近于当前视窗时才开始加载图片。该库的使用方法非常简单：var layzr = new Layzr({ attr: 'data-layzr', // attr和retinaAttr必须至少有一个，用于指定对应的图片 retinaAttr: 'data-... 阅读全文
摘要：
今天我们看的是一个使用纯HTML+CSS+JS实现音乐播放器的例子，效果还是很赞的：codePen地址HTML部分首先我们要思考一下，一个播放器主要包含哪些元素。首先要有播放的进度信息，还有播放/暂停或者上一首下一首等必要的按钮，同时还要显示一些当前播放的音乐名称等信息。播放多首歌曲时，要显示播放列... 阅读全文
摘要：
简介我们都知道，websocket主要是通过在浏览器和服务端建立长连接，继而实现二者的相互数据通信。不同于HTTP的轮询，它不会有大量无效的HTTP消息交换，从而节省了花销。websocket其实就是双通道的TCP连接。很明显地，整个工作分为两个步骤，即创建连接和发送数据。那么连接是怎么建立的呢？其... 阅读全文
摘要：
简介stream.js是一个小型的js库，用于处理stream相关的操作。这里的stream是指一种数据结构，它像数组一样，可以放置多个类型的数据，但是并不限制长度，甚至可以达到无限长。可以对该数据结构进行检索、修改、追加等种种操作。由于其长度不限这一特性，使得它与通常意义下的数据结构有明显的区别。... 阅读全文
摘要：
Nodejs中的很多地方都用到了流，流是一个很常见的概念，一个http请求，控制台输入输出的形式都是流。流可以分为三种：可读流可写流既能读又能写其中第三种流又可以分为全双工流Duplex和转换流Transform，另外，所有的流都是EventEmitter的实例，也就是有发送事件和处理事件的能力。可... 阅读全文
摘要：
问题一：Timeout wating on RPC response, topic:"network"描述：启动实例一直等待，然后变为error。查看日志，是 timeout waiting on rpc response, topic "network", method: "validate_networks", info:"":排错思路：查看rabbitmq是否连接，rabbit日志是否报错。这里我使用了web控制台登录进行查看，没有问题。查看firewall设置是否正确, 这里满足文档中的设定，因此可以排除。 阅读全文
摘要：
简介Mongoose是MongoDB的对象模型工具。nodejs和mongodb结合的主要原因是有相同的数据存储格式JSON，在应用层使用具有非常好的连续性，无需太多的代码用来进行数据转换等工作。就像PHP和JAVA连接Mysql一样，nodejs连接mongodb也需要有驱动driver。mongodb的driver还是有一些的，其中最著名的就是native driver:https://github.com/mongodb/node-mongodb-native, 该项目由mongodb的创建公司10gen进行维护，它提供了一些基础的连接和数据操作的API。今天我们说的mongoose其实 阅读全文
摘要：
Promises模型Promises是一个异步编程模型，它通过一组API来规范化异步操作。Promises模型的基本概念可以总结为：Promises 作为结果或错误的占位符提供了一种在结果完成或错误发生时的通知方式对于Promises模型而言，已经提出了多个实现的草案：如Promises/A,Pro... 阅读全文
摘要：
CSS3中的动画包括两种：Transition(过渡)Animation(动画)这两种方法都可以让元素动起来，功能类似，但是稍有区别：Transition只定义某一个元素的开始状态和结束状态Animation除了开始和结束状态之外，还可以定义中间任意时间点关键帧的状态剩下的内容就是CSS3完成任意两个时间区间内进行补间动画，达到平滑过渡的效果。Transitiontransition的语法为：transition：transition-property, transition-duration, transition-timing-function, transition-delay翻译成中. 阅读全文