以前不喜欢写测试，主要是觉得编写和维护测试用例非常的浪费时间。在真正写了一段时间的基础组件和基础工具后，才发现自动化测试有很多好处。测试最重要的自然是提升代码质量。代码有测试用例，虽不能说百分百无bug，但至少说明测试用例覆盖到的场景是没有问题的。有测试用例，发布前跑一下，可以杜绝各种疏忽而引起的功...

年终总结结果到这个时间才写，其实也是无奈。本来计划过年写的，没想到Steam竟然开了个农历春节特惠，然后就被各种游戏打了，辣鸡平台，敛我钱财，颓我精神，耗我青春，害我单身

最近在学习React.js，之前都是直接用最原生的方式去写React代码，发现组织起来特别麻烦，之前听人说用Webpack组织React组件得心应手，就花了点时间学习了一下，收获颇丰

在两个浏览器中，为聊天、游戏、或是文件传输等需求发送信息是十分复杂的。通常情况下，我们需要建立一台服务器来转发数据，当然规模比较大的情况下，会扩展成多个数据中心。这种情况下很容易出现很高的延迟，同时难以保证数据的私密性。

WebRTC给我们带来了浏览器中的视频、音频聊天体验。但个人认为，它最实用的特性莫过于DataChannel——在浏览器之间建立一个点对点的数据通道。在DataChannel之前，浏览器到浏览器的数据传递通常是这样一个流程：浏览器1发送数据给服务器，服务器处理，服务器再转发给浏览器2。这三个过程都会带来相应的消耗，占用服务器带...

感受过gulp.js带来的兴奋过后，你需要的不仅仅是它的光鲜，而是切切实实的实例。这篇文章讨论了一些使用gulp.js时常踩的坑，以及一些更加高级和定制化的插件和流的使用技巧。

gulp是一个将vinyl、vinyl-fs、orchestrator、命令行工具以及一系列用于帮助开发者构建优秀插件的指导方针等集于一身的小巧构建工具。尽管它功能很少，但它却完全打破了构建工具生态体系，并通过许多优秀的项目掀起了一股改革你的工作流程的浪潮。

之前在segmentfault上刷问题看到一个关于manifest的问题，很好奇就研究了一下application cache。Application Cache是HTML5的新特性，允许浏览器在本地存储页面所需要的资源，使得页面离线也可以访问。之前研究的目的是为了在博客中使用，将一些不需要改动的CSS、JavaScript、图片文件离线缓存，这样加载速度必然飞起，...

最近拜读了一下html5rocks上几位大神写的一篇关于CSS3动画性能优化的文章，学到了很多，在这里记录一下，其中的知识都是来源于这俩篇文章，我只是截取了其中比较关注的内容出来，原文地址High Performance Animations及Accelerated Rendering in Chrome

管理浏览器中的JavaScript代码是一个棘手的问题，因为代码执行会阻塞浏览器，比如界面绘制。每次遇到<script>标签，浏览器都会停下来等待代码下载并执行，然偶再继续处理其他部分。我们可以通过如下几种方法来减少JavaScript文件对性能的影响

这里每次循环开始前都需要判断i是否小于data.length，JavaScript并不会对data.length进行缓存，而是每次比较都会进行一次取值。如我们所知，JavaScript数组其实是一个对象，里面有个length属性，所以这里实际上就是取得对象的属性。如果直接使用变量的话就会少一次索引对象，如果数组的元素很多，效率提升还是很可观的。...

JavaScript的DOM操作可以说是JavaScript最重要的功能，我们经常要根据用户的操作来动态的增加和删除元素，或是通过AJAX返回的数据动态生成元素。比如我们获得了一个很多元素的数组data[]，需要将其每个值生成一个li元素插入到一个id为container的ul元素中，最简单（最慢）的方式是：

JavaScript使用垃圾回收机制来自动管理内存。垃圾回收是一把双刃剑，其好处是可以大幅简化程序的内存管理代码，降低程序员的负担，减少因长时间运转而带来的内存泄露问题。但使用了垃圾回收即意味着程序员将无法掌控内存。ECMAScript没有暴露任何垃圾回收器的接口。我们无法强迫其进行垃圾回收，更无法干预内存管理

博客原文地址 建议看这篇之前先看一下使用WebRTC搭建前端视频聊天室——入门篇 如果需要搭建实例的话可以参照SkyRTC-demo：github地址 其中使用了两个库：SkyRTC(github地址)和SkyRTC-client(github地址) 这两个库和demo都是我写的，如果有bug或是错误欢迎指出，我会尽力更正 前面的话 这篇文章讲述了WebRTC中所涉及的信令...

众所周知，浏览器本身不支持相互之间直接建立信道进行通信，都是通过服务器进行中转。比如现在有两个客户端，甲和乙，他们俩想要通信，首先需要甲和服务器、乙和服务器之间建立信道。甲给乙发送消息时，甲先将消息发送到服务器上，服务器对甲的消息进行中转，发送到乙处，反过来也是一样。这样甲与乙之间的一次消息要通...

上半部：JavaScript选择题解答（1-20） 个人博客文章地址 第二十一题 What is the result of this expression? (or multiple ones) {代码...} A: 111111111111111111111 B: 111111111111111110000 C: NaN D: Infinity 又是一道考查JavaScript数字的题，与第七题考察点相似。由于JavaScript实际上只有一种数字形式IEEE 75...

最近做了个heroku上的JavaScript的测试（题目地址），错了一大堆，感觉js的概念还有很多不是很清晰，这里记录一下 个人博客文章地址 第一题 What is the result of this expression? (or multiple ones) {代码...} A：["1", "2", "3"] B：[1, 2, 3] C：[0, 1, 2] D：other 解答：这里考的是map、parseInt的用法。map会传...

今天写页面的时候突然有这么个需求，由于父元素（一个DIV）的height是由javascript计算出来的固定的值，而在其中增加了一个多说插件，在用户评论后，子元素（DIV）的height属性增加，导致子元素溢出。但是又不知道如何为多说的评论按钮增加回调函数，于是乎就想到了根据子元素的大小变化来重新计算父元素的height。

之前曾经写过一个符合xmpp协议的Web IM，但使用的是JSJaC，后台用的也是与之配套的jabber client，发现nodejs的事件模式更适合作为Web IM的客户端。

系列文章传送门： 使用Jekyll在Github上搭建个人博客（环境搭建） 使用Jekyll在Github上搭建个人博客（博客编写） 使用Jekyll在Github上搭建个人博客（分页实现） 使用Jekyll在Github上搭建个人博客（文章分类索引） 预先准备 首先安装git bash和申请，这个文章很多，百度、Google上一抓一大把，就不重复赘述了 对已有项...

系列文章传送门： 使用Jekyll在Github上搭建个人博客（环境搭建） 使用Jekyll在Github上搭建个人博客（博客编写） 使用Jekyll在Github上搭建个人博客（分页实现） 今天又滚出去野了一天，打牌输了，好在输的不多，聊天聊到了以后的路子，不太好走啊... 使用Category分类 一般来说，一个个人博客的文章会分为很多种，比如...

系列文章传送门： 使用Jekyll在Github上搭建个人博客（环境搭建） 使用Jekyll在Github上搭建个人博客（博客编写） 之前已经介绍了如何搭建环境和如何创建整个博客项目，并编写了博文，这篇文章主要就是介绍分页功能如何通过jekyll实现。 前言 一个博客不可能只有几篇文章，如果所有文章全部放在一个页面中，在文章不多的...

系列文章传送门： 使用Jekyll在Github上搭建个人博客（环境搭建） 这篇文章主要介绍博客内容的编写及本地测试，内容主要来自Jekyll的文档、Liquid的文档 ##创建项目 到想要创建项目的文件夹下（如d:/），运行命令： {代码...} 这样就会创建一个新文件夹d:/blog，其结构如下： 1. 文件夹_layouts：用于存放模板的文件夹，...

之前曾经使用nodejs写了一个博客系统，但是偷偷用的公司服务器。无奈被发现了，o(╯□╰)o，被勒令下线了之后只能想其他方法写博客了。原本是想换个地方搭建，于是找百度的同学要了个BAE的nodejs权限，但是抢不到配额，呵呵呵...于是乎就想到了Github上使用静态页面搭建博客的方法