快速的移动 Web 开发模式，是我们团队一直在探索的一项内容。今天给大家介绍一种高效的开发方式，在开始内容前，我们先了解与分析一下目前主流开发模式的现状（本文聚焦响应式 Web 开发，这里主要指页面重构的工作）。

移动 Web 开发是一块新的领域，给 Web 带来更多机会的同时，也带来了更多的挑战。为了让开发者在移动 Web 的道路上走得更加顺畅，开发更加高效，Spirit（勇气号）由此而生。

Spirit 官网：http://alloyteam.github.io/Spirit/

 背景

笔记本换成 macbook air 之后，发现 128g 的硬盘确实是有点捉襟见肘，加上终端设备越来越多，发觉在移动硬盘、平板、手机、kindle、智能机顶盒等之间共享和同步数据是件蛮恶心的事情。于是开始在想，如果在家里的内部网络构建一个数据中心，能够方便各终端共享和互联，那应该会很便捷。经过一番 google，发觉目前这块已经有蛮多讨论和实践，萌生了写一个系列，总结并结合自己折腾经历做一些备忘，一起讨论。

本系列文章总结了一些使用 git 的过程中积累的经验，分享给各位 geek 们~

git 中的引用

你可以把 git 想象成一个键值结构的数据存储池，你向其中插入数据，它给你返回一个 key，让你能够使用这个 key 再次获取你插入的数据。这个 key 就是每个 commit 中都有的 SHA-1 值。

前端的发展越来越快， 项目越来越大，越来越复杂，如何简单高效的组织开发流程就显得尤为重要。

所以 alloyteam 决定推出介绍现代化 webapp 的开发流程的一系列视频教程，今天就为大家呈上第一部【grunt 入门】。

原文：http://www.html5rocks.com/en/tutorials/tooling/synchronized-cross-device-testing/

作者：Addy Osmani

译者按：在突如其来的移动热潮下，web 开发者似乎回到了早期兼容或 hack 各种浏览器的暗黑时代。唯一不同的是，现在不是兼容浏览器而是兼容设备，这比起在同一台 PC 上兼容不同浏览器要痛苦得多，另外由于终端尺寸的差异，涉及的兼容性问题会显得更加复杂。因此，跨终端的同步化测试工具是急切需要的，这意味着工作效率的成倍提升！感谢 Addy 大神的文章，给出了这个领域的多个选择，希望对大家有所帮助，遇到问题可以微博交流（@碧青_Kwok）~最后，与往常一样，转载请注明出处: )

基本介绍

mocha 是一个 javascript 的测试框架，chai 是一个断言库，两者搭配使用更佳，所以合称 “抹茶”（其实 mocha 是咖啡）。“抹茶” 特点是： 简单，Hour 级学习成本，node 和浏览器都可运行，有趣。

关于吹水，充字数的内容我放到了 blog 最后，因为 “抹茶” 上手非常的简单，看完 blog 再阅览一下官网就可以实际动手敲代码了，不足一个小时就可以基本掌握他们了。

作为一名开发者，应该对编辑器之神 Vim 与神之编辑器 Emacs 有所耳闻吧。编辑器之战的具体细节有兴趣的童鞋可以 google 之。

Vim 最大的特点是打开速度快，功能强大，一旦掌握了其中的命令，编程过程双手就不需要离开键盘了。

用习惯了 Vim 的另一个好处是在 linux 下可以很轻松地用 vi 来处理文件，当然 emacs 也可以做默认编辑器，但是不是每台机器都有安装 Emacs。

今天主要给大家介绍 Vim 在前端领域的一些常用插件：

上集入口

那些兄妹

这些都可以做调试输出，区别是：

1. 样式不同
2. 我们可以通过调试器底部筛选出不同的输出项