前端周刊第47期：Vue.js 后台模板 + React Con

本文共 2676 字，读完需 5 分钟，速读需 1 分钟。认真阅读每期推送的同学可能发现，前端周刊收录的文章很大比例是英文，早期甚至全是英文，后来接到很多同学反馈才适量增加了中文内容的比例。但是整体来讲，我期望能给大家一个刻意学习技术英语的机会，期望有心人能把握。另外，我上周翻译了<a href="https://zhuanlan.zhihu.com/p/25709238">《2016 年崛起的 JS 项目》</a>，同步发到了<a href="https://zhuanlan.zhihu.com/feweekly">知乎专栏</a>，建议打开这封邮件的同学都去阅读下，绝对会有所收获。

文章教程

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

本文首发知乎专栏，商业转载请联系作者获得授权，非商业转载请注明出处。如果对文中的内容有任何疑问，欢迎留言讨论。想知道我接下来会写些什么？欢迎订阅知乎专栏：《前端周刊：让你在前端领域跟上时代的脚步》。