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

未分类

前端每周清单专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（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 旗下关注大前端技术的垂直社群。紧跟时代潮流，共享一线技术，欢迎关注。