业界动态

Chrome再出招 呈现API将仅支持HTTPS

谷歌工程师宣布将在2018年第二季度发布的Chrome 67中禁止一切使用不安全来源的呈现API(Presentation API)。

TC39, ECMAScript, and the Future of JavaScript

从 T39 的工作流程，到 ECMAScript 现在的发展模式，以及未来即将引入的一些很酷的特性，作为开发人员，我们也要持续更新自己的知识体系。

前端技术

React 组件设计和分解思考

• 切割 render()
• 合理分隔子组件(组件职责单一化，复用性强)
• 模版化组件(个人十分推荐)
• 高阶玩法

2017年前端框架、类库、工具大比拼

本文讨论了目前最为流行的客户端JavaScript框架、类库和工具以及它们之间的基本差异，可以了解下它们各自的好处，选择适合自己项目的。

实用技巧

我是如何实现electron的在线升级热更新功能的？

利用简单的package.json文件版本比较和http请求，实现最简单的electron应用热更新。

刨根问底HTTP和WebSocket协议(二）

本片中作者对...

原文链接：Habits of a Happy Node Hacker 2017

从我们之前发布的 Happy Node Hackers 算起,已经差不多一年了。尽管时间很短，但却已发生了很多变化，一些强大的新工具已经发布了。 Node.js生态系统持续迭代，已出现了更新的最佳实践。

以下是2017年Node开发者的8个新习惯。它们专门针对应用开发者，而不是模块作者，因为他们有不同的目标和约束:

1.锁定你的依赖树

在如今的许多Node应用程序中，你的代码通常只是冰山一角。即便是一个非常小的应用，也可能有数千行的Javascript代码隐藏在node_modules里。如果在package.json中，你的应用指定了确切的依赖项，而这些库可能并不存在。因为随着时间推移，你每次install都可能获得不同的代码，从而导致一些不可预期的潜在bug。

在过去的一年中，Facebook 发布了一种新的包管理器Yarn。它可以让你使用庞大的npm库中的将近50万个模块，并生成一个锁文件(lockfile)来保存你的依赖树中每个模块的精确版本。这意味我们在每次发布应用时都将下载完全相同的代码。

不过，npm也发布一个带锁文件(lockfile)的新版本。确实，npm现在更快了。这意味着无论你选择哪种包管理器，你都将感受安装时的巨大改进，并且在生产中也会出现更少的错误。

使用Yarn时，安装它并运行在你的应用目录下。它将安装你的依赖项并生成一个yarn.lock文件，在编译你的应用时，它会告诉Heroku使用Yarn进行编译。

使用npm 5时，在本地运行npm install -g npm@latest命令进行升级，运行rm -rf node_modules && npm install命令重新安装你的应用依赖包。生成的package-lock.json文件会告诉Heroku 去使用npm 5来安装你的模块。

业界动态

ESLint v4.0.0 released

ESLint 主版本升级，4.0.0 中有几个突破性的变化，参考这份 迁移指南 来完成升级。

v8 release beta version

V8 JavaScript Engine release 6.0，see more in newest branch V8 version 6.0。

前端技术

How to use Webpack’s new “magic comment” feature with React Universal Component + SSR

如何开始使用在 webpack...

ELSE原创

移动端浏览器调试方法汇总 (by elevenBeans)

浏览器兼容性一直以来都是让 Web 前端开发人员头疼的问题。虽然移动端其内核趋于统一（webkit），兼容问题也不再像 PC 端那么严重。但在生产环境当中，考虑到第三方浏览器在内核上面的 “优化”，如（wechat、UC、QQ、360 等），兼容问题依旧是无法忽略。 本文汇总一下目前比较常见的 Web 移动端调试方法。

[中英]康威的游戏人生图文解说 – CONWAY’S GAME OF LIFE EXPLANATION (by sturloly)

Unlike the popular board game of life，Conway’s Game of Life is a simple simulation of living cells. – 本文相关于『作品展示』分类中的 《Chrome extension：Game of...

作者：@csswizardry

原文：Little Things I Like to Do with Git

随便说点：这篇文章主要从管理者的角度谈论了使用 git 的心得，使用大量篇幅介绍 git log 的一些方法和技巧。

同样地，发现很多人其实并没有深入全面地去了解过 git 的用法，作为一名开发人员，大多数时候只要会使用 git pull，git add，git commit，git push 似乎就足够，还有很大一部分人只使用特定的图形化工具。但事实上真的是这样吗，可能在遇到某个稍微高级一点的问题或者需求就手足无措。对于某个特定个体而言，很多场景我们未必会遇到，即使碰到也可以现场寻求搜索工具的帮助，这也是一种学习方式，无意否定这种方式，但最大的问题就是只见一叶而难以窥见森林。在这里推荐一个小工具 githug，通过一种比较轻松的游戏的方式来一探全貌。

在跟我的朋友 Tim 聊天的时候，谈到我有多喜欢 Git。作为经常使用的一个工具，它强大而优雅。在这里，介绍一下我个人使用得最多，同时也是最有用的一些小技巧。

管理者面板

无论你认为在工作中的游戏化（gamification）和竞争是好是坏，对于这个话题在不同的时间可能是完全不同的结论。但如果你对团队成员在项目中的提交数量感兴趣，使用 shortlog 就可以找到答案：

（请忽略我）

（我只是占位的）