自己实现 Interview Zen

偶尔遇到了www.interviewzen.com这个网站，一开始我觉得太神奇了，而且太酷了，这真是面试的神器！随即我就开始思考它是怎么实现的。

我并没有第一时间查看它的源代码。在考虑了几个小时之后，我感觉它可能是通过记录里面的keypress事件得到输入的每个字符的时间，然后在服务器端生成一段ogg或者flv的视频，然后将这段视频返回给访问者。</p><p class="standard" dir="ltr"> </p> <p class="standard" dir="ltr">第二天我才查看了它的源代码，发现这个网站的作者走的更远。其实根本没有什么视频，没有什么播放器，完完全全都是html+css+js。惊讶吧。这么好玩的东西，怎么能不自己实现一个呢:P</p><p class="standard" dir="ltr"> </p> <p class="standard" dir="ltr">事实证明，实现其实并不困难。简单来说，就是用keypress和keydown事件记录所有textarea的所有修改，再用setInterval回放出来。至于语法高亮什么的，有现成的库可以用，都是小意思。在实现的过程中，我被浏览器的键盘事件<a href="http://unixpapa.com/js/key.html"><span style="text-decoration:underline;color:#1155cc">稍稍绊了一下</span></a>，不过还是很快就搞定了。</p><p class="standard" dir="ltr"> </p> <p class="standard" dir="ltr">代码请见：https://bitbucket.org/hellmage/interviewzenclone/</p> </div>