本文共 2676 字，读完需 5 分钟，速读需 1 分钟。认真阅读每期推送的同学可能发现，前端周刊收录的文章很大比例是英文，早期甚至全是英文，后来接到很多同学反馈才适量增加了中文内容的比例。但是整体来讲，我期望能给大家一个刻意学习技术英语的机会，期望有心人能把握。另外，我上周翻译了《2016 年崛起的 JS 项目》，同步发到了知乎专栏，建议打开这封邮件的同学都去阅读下，绝对会有所收获。
文章教程
Vue.js 组件编码规范中文版
早些时候，本周刊推送了 Vue.js 组件编码规范英文版，这篇是中文译本，英文不好的同学可以学习下，但是最终建议还是学好英文，可以先从翻译开始。
使用 TestCafe 对 Vue.js 应用进行 E2E 测试
TestCafe 是 2016 年出现并且已经有不少人采用的 E2E 测试工具，追求软件质量的团队和开发者都会想办法给项目增加测试，测试因粒度不同可分为：单元测试、接口测试、集成测试，而 TestCafe 是用来做集成测试的，即前端说熟知的 E2E 测试，这篇文章介绍了如何使用 TestCafe 对 Vue.js 应用进行 E2E 测试。
开发工具
goops：给仓库添加最佳 gitignore 规则的命令行工具
goops 能够给你当前的工作目录添加 .gitignore 文件的命令行工具，当然他实际上比这个更强大，goops 会分析你当前目录下的文件来决定忽略哪些文件，可以说具有一定程度的智能。
完成 E2E 测试的 5 个最佳 Node.js 工具
这篇文章里面列出了适合用来对项目进行 E2E 测试 5 个最佳工具，其中就包括本期周刊收录的另外一篇文章《 使用 TestCafe 对 Vue.js 进行 E2E 测试》里面的 TestCafe，如何让前端的迭代更快、更有自信？调研下这些工具，挑选最适合你的。
代码框架
Vue.js + Element UI 的管理后台模板
一个基于 Vue.js + Webpack + Vuex + Vue-Router + Element UI 的管理后台种子项目，相比饿了么官方开源的那个而言，可以说是专业版，对常见的管理后台功能做了增强，比如所见即所得编辑器、文件上传、主题支持等。
Epilogue + Express + Sequelize 快速搭建 API 服务
使用 Express + Sequelize 搭建后端服务是比较常见的技术组合，如果架构是前后端分离的，就需要服务端暴露出各种 API，而 API 遵循某种规范是最好的做法，最常见的就是 Restful 规范了，Epilogue 就是这样的插件，帮你快速把 Express + Sequelize 的服务变成 Restful 接口，支持各种各样的定制。
vue-moment：Vue.js 日期处理的 filter
moment.js 可以说是前端领域日期时间处理的标准库，在使用 Vue.js 开发应用的时候免不了要格式化日期，vue-moment 已经帮你把这个事情做了，直接引入，就可以在模板中输出变量的时候添加 moment 的过滤器。
找找灵感
Gulp 优秀插件、文章、教程大合集
这应该是除了 Gulp 官方的文档和教程之外最好的插件、文章、教程大合集，我比较好奇的是，为啥作者没有把这个仓库命名为 awesome-gulp，虽然 gulp 在前端社区里面的出现不算是早的，但是学会使用它绝对是值得的。
Awesome Element：饿了么组件库周边
又一张 Awesome List，围绕着饿了么大前端开源的 Element 组件库收集了不少的资料，不管是在使用、打算使用的同学都可以看看，从里面找找是否有可以用的轮子。
视频演讲
React Conf 2017 视频大合集
本周结束的 React Conf 2017 上有相当多的干货，目前视频都在 Youtube 上放了出来，本届 React Conf 的内容也非常精彩，包括：Facebook 内部的 React Native 之路、React 同构应用、Redux 和 MobX 对比、React 开发工具、GraphQL、React VR 等，英语好的同学自行翻墙去学习。
精彩问答
如何在 git-diff 中准确的展示改了哪个单词？
新版的 git 中提供了 --word-diff 的功能，对于写 Markdown 的同学非常有用，不同于传统的整行 diff 模式，他是按词语来进行 diff，让你更加清楚的看到道理改了哪个地方。当然，使用这个特性需要升级下 git 版本。
技术动态
Guetzli: 谷歌开源了效率更高的 JPEG 图片编码算法
Guetzli 是谷歌近期宣布开源的新的 JPEG 图片编码算法，在视觉无损的情况下，编码出来的图片体积能减少 20% ~ 30%，官方代码仓库、周边配套工具已经开始出现，想加快图片加载速度、节省带宽？赶紧用起来。
GitHub：更新开源项目许可证的展示
GitHub 更新了 License 界面，让你对 License 一目了然，如果项目是根据流行的开源许可证（如MIT，Apache或GPL）获得许可，您将看到许可证的简要说明，以及您可以和不能对项目执行的操作的概述。
职位招聘
如何通过饿了么 Node.js 面试？
这是饿了么官方整理的如何通过他们 Node.js 工程师面试的攻略，里面涵盖了用 Node.js 做服务端开发的几乎所有领域，能看的出来，整理这篇内容的人能力、视野都非常的强，即使你没在找工作，还有有很大的参考价值。
One More Thing
本文首发知乎专栏，商业转载请联系作者获得授权，非商业转载请注明出处。如果对文中的内容有任何疑问，欢迎留言讨论。想知道我接下来会写些什么？欢迎订阅知乎专栏：《前端周刊：让你在前端领域跟上时代的脚步》。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。