聊一聊前端自动化测试
2016-03-07
阅读 26 分钟
25.9k以前不喜欢写测试，主要是觉得编写和维护测试用例非常的浪费时间。在真正写了一段时间的基础组件和基础工具后，才发现自动化测试有很多好处。测试最重要的自然是提升代码质量。代码有测试用例，虽不能说百分百无bug，但至少说明测试用例覆盖到的场景是没有问题的。有测试用例，发布前跑一下，可以杜绝各种疏忽而引起的功...
本命年一定要记得穿红裤衩：2015年总结
2016-02-23
阅读 8 分钟
4.9k年终总结结果到这个时间才写，其实也是无奈。本来计划过年写的，没想到Steam竟然开了个农历春节特惠，然后就被各种游戏打了，辣鸡平台，敛我钱财，颓我精神，耗我青春，害我单身
使用WebRTC搭建前端视频聊天室——数据通道篇
2014-10-21
阅读 5 分钟
33.3k在两个浏览器中，为聊天、游戏、或是文件传输等需求发送信息是十分复杂的。通常情况下，我们需要建立一台服务器来转发数据，当然规模比较大的情况下，会扩展成多个数据中心。这种情况下很容易出现很高的延迟，同时难以保证数据的私密性。
Gulp思维——Gulp高级技巧
2014-10-07
阅读 6 分钟
42.3k感受过gulp.js带来的兴奋过后，你需要的不仅仅是它的光鲜，而是切切实实的实例。这篇文章讨论了一些使用gulp.js时常踩的坑，以及一些更加高级和定制化的插件和流的使用技巧。
前端性能优化（Application Cache篇）
2014-05-02
阅读 5 分钟
11.8k之前在segmentfault上刷问题看到一个关于manifest的问题，很好奇就研究了一下application cache。Application Cache是HTML5的新特性，允许浏览器在本地存储页面所需要的资源，使得页面离线也可以访问。之前研究的目的是为了在博客中使用，将一些不需要改动的CSS、JavaScript、图片文件离线缓存，这样加载速度必然飞起，...
前端性能优化（JavaScript补充篇）
2014-05-02
阅读 5 分钟
6.6k管理浏览器中的JavaScript代码是一个棘手的问题，因为代码执行会阻塞浏览器，比如界面绘制。每次遇到<script>标签，浏览器都会停下来等待代码下载并执行，然偶再继续处理其他部分。我们可以通过如下几种方法来减少JavaScript文件对性能的影响
前端性能优化（JavaScript篇）
2014-05-02
阅读 6 分钟
16.1k这里每次循环开始前都需要判断i是否小于data.length，JavaScript并不会对data.length进行缓存，而是每次比较都会进行一次取值。如我们所知，JavaScript数组其实是一个对象，里面有个length属性，所以这里实际上就是取得对象的属性。如果直接使用变量的话就会少一次索引对象，如果数组的元素很多，效率提升还是很可观的。...
前端性能优化（DOM操作篇）
2014-05-02
阅读 3 分钟
13.4kJavaScript的DOM操作可以说是JavaScript最重要的功能，我们经常要根据用户的操作来动态的增加和删除元素，或是通过AJAX返回的数据动态生成元素。比如我们获得了一个很多元素的数组data[]，需要将其每个值生成一个li元素插入到一个id为container的ul元素中，最简单（最慢）的方式是：
浅谈V8引擎中的垃圾回收机制
2014-03-19
阅读 8 分钟
30.4kJavaScript使用垃圾回收机制来自动管理内存。垃圾回收是一把双刃剑，其好处是可以大幅简化程序的内存管理代码，降低程序员的负担，减少因长时间运转而带来的内存泄露问题。但使用了垃圾回收即意味着程序员将无法掌控内存。ECMAScript没有暴露任何垃圾回收器的接口。我们无法强迫其进行垃圾回收，更无法干预内存管理
使用WebRTC搭建前端视频聊天室——信令篇
2014-03-18
阅读 8 分钟
54.4k博客原文地址 建议看这篇之前先看一下使用WebRTC搭建前端视频聊天室——入门篇 如果需要搭建实例的话可以参照SkyRTC-demo：github地址 其中使用了两个库：SkyRTC(github地址)和SkyRTC-client(github地址) 这两个库和demo都是我写的，如果有bug或是错误欢迎指出，我会尽力更正 前面的话 这篇文章讲述了WebRTC中所涉及的信令...
使用WebRTC搭建前端视频聊天室——入门篇
2014-03-15
阅读 8 分钟
187.4k众所周知，浏览器本身不支持相互之间直接建立信道进行通信，都是通过服务器进行中转。比如现在有两个客户端，甲和乙，他们俩想要通信，首先需要甲和服务器、乙和服务器之间建立信道。甲给乙发送消息时，甲先将消息发送到服务器上，服务器对甲的消息进行中转，发送到乙处，反过来也是一样。这样甲与乙之间的一次消息要通...
JavaScript选择题解答（21-37）
2014-02-11
阅读 8 分钟
6.7k上半部：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...
JavaScript选择题解答（1-20）
2014-02-11
阅读 8 分钟
11.1k最近做了个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会传...
使用jQuery监听DOM元素大小变化
2014-02-10
阅读 4 分钟
14.4k今天写页面的时候突然有这么个需求，由于父元素（一个DIV）的height是由javascript计算出来的固定的值，而在其中增加了一个多说插件，在用户评论后，子元素（DIV）的height属性增加，导致子元素溢出。但是又不知道如何为多说的评论按钮增加回调函数，于是乎就想到了根据子元素的大小变化来重新计算父元素的height。