FCC 成都社区·前端周刊 第 5 期

01. D3.js 5.0 发布

D3 一直是 JavaScript 数据可视化的不错选择。本次发布的 5.0 版本的更新包括：使用 Promise 代替回调函数，等高线图和密度图。

详情：https://github.com/d3/d3/blob/master/CHANGES.md#changes-in-d3-50

02. 用 Parcel 搭建 React App

号称开箱即用的后起之秀 Parcel，不到半年在Github 已经有 2w 多 star。本文教你用 Parcel 搭建 React App，作者认为它甚至比 create-react-app 更简单。

详情：https://itnext.io/react-with-parcel-99229106dac8

03. 使用 Node 调用 GraphQL API

Facebook 推出的接口查询语言 GraphQL，立志在简洁性和扩展性方面超越 REST，其已被应用在很多复杂的业务场景中。这是一篇讲解如何在 Node 中使用 GraphQL API 的文章。

详情：https://itnext.io/call-graphql-api-with-native-node-modules-5e4d088ca969

04. 用 JavaScript 写一个区块链

这篇文章讲解了如何使用 JavaScript 来创建一个简单的区块链，并演示它们的内部是如何工作的。全文包括三个部分：实现一个基本的区块链，实现POW(proof-of-work:工作量证明)，交易与挖矿奖励。

详情：https://zhuanlan.zhihu.com/p/34522746

05. 渲染引擎性能优化指南

这篇文章详细讲解了页面渲染的整个过程以及渲染的性能优化技巧。优化技巧包括：优化 JavaScript 与 DOM 交互，CSS 样式优化，页面布局优化，减少 repaint/reflow (重绘/回流)。

详情：https://blog.sessionstack.com/how-javascript-works-the-rendering-engine-and-tips-to-optimize-its-performance-7b95553baeda

06. React/Redux 10 Tips

这是来自具有 2 年 React/Redux 开发经验的 20 人团队的见解和技巧分享：使用 React 和 Redux 进行大规模开发的 10 个Tips。

详情：https://www.youtube.com/watch?v=NQta2urK3zk

07. Node v9.9.0 (Current) 发布

该版本更新包括：assert 模块调整，tty 模块新增函数 getColorDepth（判断终端是否支持颜色），弃用函数 Buffer 和 new Buffer 等。

原文： https://nodejs.org/en/blog/release/v9.9.0/

08. Chrome 66+ 允许异步剪贴板访问

Chrome 66 版本中新增了异步剪贴板API (navigator.clipboard 等)，通过检查应用的交互权限允许异步剪切板访问，仅支持 HTTPS 页面。

详情：https://developers.google.com/web/updates/2018/03/clipboardapi

9. CSS Gradient: 为你的网页制作渐变

CSS Gradient 是一个在线工具，通过在线调色可生成你所需的渐变 CSS 代码，同时提供多种多样的渐变色板和示例。

详情：https://cssgradient.io/

10. MEAN/MERN 技术栈开发课程

这是来自 MongoDB University 的免费课程，讲解了如何使用现代化的 MEAN/MERN 技术栈进行开发。

MEAN (MongoDB, Express, Angular2, Node.js)

MERN (MongoDB, Express, React, Node.js)

详情：https://www.mongodb.com/blog/post/the-modern-application-stack-part-1-introducing-the-mean-stack

11. Angular CLI 参考指南

这篇文章详细讲解了 Angular CLI 的使用，包括CLI 的安装，应用程序的创建，添加功能，自动化配置单元测试和端到端测试，应用程序的构建和部署等。

详情：https://www.sitepoint.com/ultimate-angular-cli-reference/

12. JS 动画库在 React 中的使用比较

这篇文章讨论了 GreenSock、Anime.js、Mo.js、Popmotion 和 Velocity 等动画库在 React 中的使用评分及体验。

详情：https://blog.logrocket.com/comparing-the-top-js-animation-libraries-for-use-in-react-apps-e3ba5ccad68d

每周一同步更新到GitHub, 欢迎star :)