摘要：所谓图片的懒加载，即只有当图片处于或者接近于当前视窗时才开始加载图片。该库的使用方法非常简单：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是指一种数据结构，它像数组一样，可以放置多个类型的数据，但是并不限制长度，甚至可以达到无限长。可以对该数据结构进行检索、修改、追加等种种操作。由于其长度不限这一特性，使得它与通常意义下的数据结构有明显的区别。... 阅读全文