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 :)