前端周刊第61期：你离 CTC 有多远？

最近阿里云的美女工程师张秋怡被 Node.js 社区吸纳为 CTC（核心技术委员会）成员，只有对 Node.js 社区有足够大贡献的人，才会被吸纳为 CTC 成员，张秋怡作了哪些贡献？若是你想参与开源社区，她是个很好的参照。本周信息量最大的部分非 Fluent Conf 2017 莫属了，我只是给了个入口，爱学习的同窗本身去折腾吧。

技术动态

Webpack 3 发布正式版

虽然 Webpack 3 正式版发布两周了，可是是个很是值得收录的事件，本次发版彻底是提供社区投票所产生的功能需求，而且再也不像以前那样不一样版本之间不相互兼容。本次发版的旗舰特性是 Scope Hoisting，目的是为了提升打包后代码的运行效率，其余特性更包括 Magic Comments，能让打包后的代码更易阅读，若是还有其余你想要的特性，能够去它的投票页面看看。

Vue Conf 2017 国外版演讲精选

上周在波兰举行的 Vue Conf 2017 已经结束，与会人数超过 300 人，虽然声称是全球首届，可是实际上比国内的要晚一个月左右，这篇文章精选了本次大会中几个比较精彩的演讲，感兴趣的同窗能够看看，想提升英语的同窗，能够对照着中文看看尤雨溪的开题演讲。

Fluent Conf 2017 日程表

那个用各类动物作书籍封面的出版社也喜欢组织各类技术交流大会，Fluent Conf 算是 WEB 领域综合性的技术交流大会，我连续看了几年，每次都收获不小。这个日程表上有不少演讲的讲稿，若是想看视频本身去搜吧，大会共 4 天，前 2 天是各类 Workshop、短时间闭门培训，后 2 天演讲比较多。

React Native 月刊第 1 期

React Native 社区大玩家组织的月度会议纪要，诸如 Airbnb、Shouten、Wix 等公司都会通报他们遇到的问题、在解决的问题、工程经验，从中不难窥探出 React Native 大体的演化方向：模块化，也能看到这些大玩家在使用哪些工具更好的解决 React Native 应用的问题，好比打包工具、E2E 测试工具。

文章教程

注释良好的 CSS 代码应该长啥样？

社区中就代码可维护性的讨论 JS 比 CSS 多太多，实际上 CSS 也是写起来容易，维护起来难的语种，注释和文档良好的 CSS 代码可以保障代码一致性，大幅度提升代码可维护性，帮助团队造成编码时的“共同语言”，那么注释良好的 CSS 代码该包含哪些要素呢？理解这篇文章再加以实践，相信能提升很多。

为何我选 React 而不是 Vue

React 和 Vue 能够说是当下大热的前端框架，而笔者对 Vue 的第一印象是：它怎么既像 Angular 又像 React。本文做者用 React 和 Vue 作过几个项目以后，仍是更加倾向于使用 React，并给出了他的三大理由，技术选型没有最好的，只有最合适的，若是你是 Vue 的死忠粉，更应该看看这个。

React 组件解耦重构的技巧

有没有写过 render 函数巨大无比的 React 组件？为啥别人的 React 组件代码看起来那么优美？多是由于没意识到这样作的好处，也多是由于没有掌握方法论，这篇文章奉上 3 个当即可用的 React 组件解耦重构方法。

Express.js 中的 Session 是如何工做的？

几乎全部须要维护用户数据、会话状态的 WEB 应用都须要使用 Session，做为开发者不光要知道如何使用 Session 还要知道它是如何工做的。这篇文章介绍了 Session 是什么？如何存储 Session 数据？如何肯定 Session 的存储介质？常见的安全问题和对策。

边学开发边赚钱的最佳姿式

传统观念都会认为学技能是须要交学费的，有没有可能在学会技能的过程当中就开始赚到钱呢？答案是确定的，尤为是在这个时代，从事创造性劳动的都极有可能得到。这篇文章就介绍了如何在学习开发技能的同窗赚到钱的思路，虽然做者只赚了 $11，可是这是一个质的提高。

像产品同样优化你的交付流水线

靠谱工程师应该具备的三观：技术观、产品观、数据观，本文介绍了如何将 13 条产品设计原则应用到软件交互流水线优化上，取得的效果是平均天天节省 13 个工程师工时，至关于两人日的资源，能作出这样事情的人，贡献的价值天然是巨大的。总之，这是篇道与术并存的文章，若是你只是想优化本身的交付流水线或者学习通用的产品设计原则，都是很是值得阅读的。

开发工具

Pencil：类 Sketch 的开源图表软件

Pencil 项目的愿景是提供全部人均可以避免费试用的图表只作软件，彻底基于 Electron 开发，目前提供的功能还算强大，若是你是个喜欢平面设计的前端工程师，这个仓库是个很不错的参与开源社区的机会。

Detox：APP 端到端测试的利器

Detox 是高性能的 APP 端到端测试框架，可以在真实设备上运行测试，如真是用户般和 APP 交互，而且提供了自然的 React Native 支持，可以很好的与你的持续集成环节结合起来，而且能够很方便的与 Mocha、Ava 结合使用。

支持事务的 MongoDB 操做库

不支持事务是 MongoDB 和其余数据库引擎相比的劣势，而这个仓库基于 MongoDB的两阶段提交特性提供了相似于事务的操做，你能够经过他指定一系列操做，要么所有成功，要么所有失败回滚，不理解事务是啥的同窗能够去看看银行转帐的例子。

Vue 开发者工具火狐版

虽然如今身边几乎见不到使用火狐浏览器开发调试的同窗了，这个工具仍是值得发出来，是 Vue.js 原做者尤雨溪发布的。

精彩问答

MongoDB 如何给全部的文档增长随机数？

不须要编写复杂的脚本，由于 MongoDB 中能够执行 JS 代码，若是你恰巧也有相似的需求，此文可做为快速参考。

React Native 中如何禁用屏幕旋转？

准确的表述问题应该是：如何在 XCode 配置应用不响应屏幕旋转，适用于 Native 和 React Native，配置方法很简单，还附带赠送了 Android 中的配置方法。

One More Thing

本文做者王仕军，商业转载请联系做者得到受权，非商业转载请注明出处。若是你以为本文对你有帮助，请点赞！若是对文中的内容有任何疑问，欢迎留言讨论。想知道我接下来会写些什么？欢迎订阅个人掘金专栏或知乎专栏：《前端周刊：让你在前端领域跟上时代的脚步》。

Happy Hacking