浏览器每收到一段 html 的文本之后，就会把它序列化成一个个的 tokens，依次遍历这些 token，实例化成对应的 html 结点并插入到 DOM 树里面。我将在这一篇介绍第二步 Style 的过程，即 CSS 的处理。

老姚谈：JavaScript 中 prototype 的本质系列文章！此系列共有 5 篇文章，带你更深刻的了解 JavaScript 中的 prototype 的本质！希望对大家有用！

从毕业到现在也工作了一年多了，在这一年多里面，我感觉我是很幸运的，有和谐的团队氛围、哲学的 leader 和开放的环境。在这样的环境中，我的成长不仅仅局限于技术栈的积累，更重要的是收获了一个清晰的发展方向，让自己在前端的道路上看的更远，更清晰。这里主要分享下我在成长道路上一点收获和想法，主要讲述了一些前端领域需要注意的地方，希望可以带给新人一些启发，让他们在前端的道路上走的顺畅点。

推荐HammerSpoon，因为它的窗口管理功能足够强大。而且对开发者很友好，有控制台可以 Debug。语言采用 Lua，不难上手。另外，还有茫茫多的系统 API 可以随意调用。所以说，HammerSpoon 绝不仅仅是一个窗口管理软件

在上一篇《从 Chrome 源码看浏览器如何构建 DOM 树》介绍了 blink 如何创建一棵 DOM 树，在这一篇将介绍事件机制。 上一篇还有一个地方未提及，那就是在构建完 DOM 之后，浏览器将会触发 DOMContentLoaded 事件，这个事件是在处理 tokens 的时候遇到 EndOfFile 标志符时触发的

由于前端是不能直接操作本地文件的，要么通过用户点击选择文件或者拖拽的方式，要么使用 flash 等第三方的控件，但 flash 日渐衰落，所以使用 flash 还是不提倡的。同时 html5 崛起，提供了很多的 api 操控，可以在前端使用原生的 api 实现图片的处理，这样可以减少后端服务器的压力，同时对用户也是友好的。

撸码的时候听到不喜欢的音乐会不会想马上下一曲，但是又不想切换程序呢。自己利用 HammerSpoon 捯饬的一个实现音乐播放的全局键盘控制的工具。撸码听歌，全局控制。感兴趣的朋友可以先试用一下，提提意见和建议。

用过苹果的大家都知道，苹果公司做了一个虚拟按钮，让页面上的挂件可被拖拽并吸附到屏幕边框处，降低挂件对用户的干扰。该效果如果用 JavaScript 进行实现又该如何实现呢，接下来我将分享给大家。首先上一张效果图

由于项目上需要解析 xml，于是各种百度，然后自己总结了下各个主流浏览器解析 xml 的方法，只能是很浅显的知道他的用法，但是还没有深层次的研究。