前端每周清单第 60 期：Node.js 10，npm 6 提速 17 倍，如何设计大型 JavaScript 项目？

看新闻很累？看技术新闻更累？试试下载 InfoQ 手机客户端，每天上下班路上听新闻，有趣还有料！

前端每周清单专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端每周清单。

新闻热点

国内国外，前端最新动态

Node.js 10 带着 npm 6 来了！:4 月 25 日，Node.js 发布最新版本 Node.js 10.0.0，同时，npm 6 也随之发布。据了解，今年 10 月，Node.js 10.x 将成为长期支持版本，该版本专注于稳定性、扩展支持以及为各类应用提供一个可靠稳定的平台，而 npm 6 比一年前的 npm 快 17 倍。

Storybook 3.4 ：Storybook 是一个定义、开发和测试 UI 组件的环境，可用于 React、React Native、Vue 和 Angular 等框架中，新发布的 Storybook 3.4 主要在以下几方面进行了改进：支持框架 Polymer、UI 升级、文档更新。

CKEditor 5 v10.0.0 :CKEditor 是一个功能强大的框架，它是有 JavaScript 编写的富文本网页编辑器，它可以填写文字、插入图片、视频、Excel 等富媒体信息，CKEditor 5 可自定义数据模型、按需删除或添加插件、架构模块化，详情请查看原文。

开发教程

步步为营，掌握基础技能

CSS Grid 初学者指南：CSS Grid（网格布局），它有一组相交的水平线和垂直线组成，即网格的行和列，在这些行或列上可以添加网格元素，让 Web 的布局和排版更精美。本文将教你如何设置网格数、显隐格子、格间距等，详情请阅读原文。

想学ES6+ ？这里有23 个免费课程：JavaScript 是世界上最流行的编程语言之一，不管是大型的Web 应用程序、复杂的服务器还是移动和物联网设备都会用到它，为了让开发者更好地了解ES6、ES7 和ES8 中的JavaScript，作者给大家推荐了23 个免费课程。

React 和 Redux 的测试技巧：测试在开发过程应该是快速而有效的，尤其是在重构应用程序以让它支持新功能时，但是在 JavaScript 等动态语言中很难实现快速而有效的测试是很难的，因为没有一个快速的方式来确保虚拟对象与真实对象同步，本文作者认为利用静态类型分析与测试结合可以解决这个问题。

建立GraphQL Mutations 模型：GraphQL Mutations 为服务器上的数据修改提供了一种灵活的方式，但也导致了一个问题：当你在构建一个新的GraphQL API 时，你应该遵循哪个设计原则？作者将告诉你如何解决这个问题。

工程实践

立足实践，提示实际水平

JS 和 CSS 动画及其优化性能：本文是 JavaScript 及其构建组件系列的第 13 篇文章。创建网页动画的两种主要方式是使用 JavaScript 和 CSS，本文作者将这两种方式进行对比，相信看完全文，你会知道如何选择适合自己的方式。

开发AngularJS 应用程序的新功能：在本文中，作者向大家介绍如何在AngularJS 1.5 中开发一个简单的应用程序，在AngularJS 1.5 之前，开发人员完全依赖指令在其应用程序中构建可重用组件。目前，AngularJS 1.5+ 用.component() 的方法来构建像React 和Angular 应用程序中那样独立而可重用的组件。

手动编写WebAssembly ：WebAssembly 是一种新的Web 语言，与JavaScript 不同，它 可能不是一种你直接使用的语言，而是C / C ++、Rust、C＃和TypeScript 等多编程语言目标文件格式。但作者认为，其实你可以直接手动编写WebAssembly，实现形式请看原文。

深度阅读

深度思考，升华开发智慧

你真的懂Node.js 吗？：Node.js 是JavaScript 运行时的环境，但你真的理解这句话的深层含义吗？读完本文，也许你对Node.js 有新的理解。

如何设计大型JavaScript 项目？：全文来自Google AMP 技术总监Malte Ubl 在JSCon 上的演讲，作者曾参与构建Google 内部大型的JavaScript 项目，在本文中他主要从团队、项目策划、技术三个方面讲述他的经验。

开源项目

乐于分享，共推前端发展

tui.calendar ：tui.calendar 是一个 JavaScript 的日历，可自定义主题，还含有多种视图类型，支持 Chrome、IE 9+、Edge、Safari、Firefox 多种浏览器，易于使用，拖动即可调整日程安排。

Swift for TensorFlow : Swift for TensorFlow 是开发机器学习模型的新方法，它能将 TensorFlow 的强大功能集成到 Swift 中去，而 Swift 又能将 Eager Execution 的灵活性和 Graphs 和 Sessions 的高性能结合到一起，目前，Swift for TensorFlow 已经开源供开发者使用。

Day.js ：Day.js 是一个轻量级的 JavaScript 时间日期处理库，它和和 Moment.js 的 API 和用法相同，支持链式操作、全浏览器兼容等，如果你曾经用过 Moment.js，那么你已经知道如何使用 Day.js。

css-blocks ：CSS Blocks 是一个可以根据用户需求，面向 CSS 组件的构建系统，可编译为高性能样式表。

前端招聘

【前端工程师一名 P6/P7】阿里集团客户体验事业群研发中心 RDC 产品技术团队，坐标南京九龙湖，希望你有一颗“工匠精神”的工程师初心，同时对前端技术怀着极大的热忱。精通主流前端技术（React，Redux，Webpack 等），同时具备 PC/ 无线端的开发能力，有复杂产品的开发经验，掌握常见性能优化的方法，以及衡量产品性能的方法。简历请发送至 zixiong.zzx@alibaba-inc.com，并在标题中注明“应聘前端”。

注：有前端、移动开发招聘需求的 HR 或 Leader 可在前端之巅公众号的后台留言，小编会将招聘信息发布在下一期的前端周报上，格式为【前端 / 移动开发工程师 X 名】XX 公司 XX 团队，工作内容、要求、坐标、简历投放邮箱或招聘方联系方式。

前端之巅

「前端之巅」是 InfoQ 旗下关注大前端技术的垂直社群。紧跟时代潮流，共享一线技术，欢迎关注。