zzz 周刊 - 第 1020 期 - 少女与战车

语言

• module: Allow runMain to be ESM by bmeck

近日，Node 官方正式添加了 ES6 模块支持，从此可以不用 Babel 了，不过目前只能在命令行下使用该功能，注意，ES6 模块必须 .mjs 作为后缀名

• Headless mode - Mozilla

Firefox 最近也引入了 Headless 模式，类似于 Chrome 的 Headless 模式，其允许开发者利用 Firefox 进行更加方便地自动化测试、动态网页抓取等操作；本文也介绍了如何利用 Selenium 控制 Firefox 进行自动化浏览器操作等内容

• Release 1.6.0: Config File, JSX

本周发布的 Prettier 1.6.0 版本引入了数个期待已久的特性，包括 .prettierrc，.prettierignore 项目配置文件、JSX 显示格式优化、允许 JSON 文件添加自定义注释等；除此之外，该版本还进一步优化了对于 JavaScript、TypeScript、CSS、GraphQL 等格式文件的支持，还提供了更多的命令行特性

• Announcing TypeScript 2.5

近日发布的 TypeScript 2.5 版本中引入了许多新的特性，并且能够更好地与 VSCode 协同开发。该版本中提供了函数与方法抽取重构、快速类型修复、JavaScript 文件中的 JSDoc 类型断言支持、可选的 catch 语句等特性，同时还进一步优化了性能与使用体验

• Announcing Yarn 1.0

包管理工具 yarn 发布 1.0 版了，增加了 Yarn Workspaces，Auto-merging of lockfiles，Selective version resolutions 等特性，向超越 npm 迈出了重大一步

工具

• mikeal/r2: HTTP client. Spiritual successor to request.

r2 是 request 的作者基于多年的现代开发实践总结出的轻量级、高可用 HTTP 客户端；r2 基于浏览器端的 fetch 实现，使用了 node-fetch 提供了 Node.js 环境下的支持

• alibaba/dawn: Dawn is a lightweight task management and build tool for front-end and nodejs.

Dawn 取「黎明、破晓」之意，原为「阿里云·业务运营团队」内部的前端构建和工程化工具，现已完全开源。它通过 pipeline 和 middleware 将开发过程抽象为相对固定的阶段和有限的操作，简化并统一了开发人员的日常构建与开发相关的工作

• mbasso/asm-dom: A minimal WebAssembly virtual DOM to build C++ SPA (Single page applications)

asm-dom 是轻量级的基于 WebAssembly 的 Virtual DOM 框架，其允许开发者使用 C++ 来构建 Web 单页应用。开发者可以仅使用 C++ 来编写 Web 应用，然后通过 Emscripten 来将其转化为 WebAssembly；其能允许开发者直接使用现有的 C++ 标准库代码，从而保证代码复用与性能提升

• nitin42/react-imgpro: 📷 Image Processing Component for React

一款比较方便的 React 图片处理组件

• emeeks/semiotic: A data visualization framework combining React & D3

一个基于 React 和 D3 的数据可视化框架

• minirefresh/minirefresh: 优雅的H5下拉刷新。零依赖，高性能，多主题，易拓展。(A Graceful HTML5 Drop-Down-Refresh Plugin. )

优雅的 H5 下拉刷新。零依赖，高性能，多主题，易拓展

• Okazari/Rythm.js: A javascript library that makes your page dance.

一个有趣的 JS 库，让你的页面跳起舞来

• ApoorvSaxena/lozad.js: Highly performant, light ~0.5kb and configurable lazy loader in pure JS with no dependencies for images, iframes and more

一款高性能，轻量级，可配置，纯 JS 的懒加载库

• lassjs/lass: Lass scaffolds a modern package boilerplate for Node.js

Lass 是一款搭建现代 Node.js 软件包结构的脚手架工具

• ascoders/dob: Object observer with proxy, especially suitable for react

使用 Proxy 实现的类 mobx 工具

文章

• 数据模拟神器 easy-mock 正式开源

由大搜车无线团队出品的 easy-mock 在线数据模拟服务上线至今已经有几个月时间了，近期网站刚更新了焕然一新的 2.0 版本，同时，整个服务的代码在 github 开源，easy-mock

• ThinkJS 3 正式版发布！

ThinkJS 是一款拥抱未来的 Node.js Web 框架，致力于集成项目最佳实践，规范项目让企业级团队开发变得更加简单，更加高效，thinkjs

• dva 2.0 发布

蚂蚁的 React 应用解决方案 dva 2.0 正式发布，最主要的变化是提取了 dva-core，是仅封装了 redux 和 redux-saga 的纯数据流方案，这使得 dva 可以应用在除 react 之外的其他领域，同时也可满足同一领域的多种实现，dva

• 腾讯 Web UI 解决方案 QMUI Web —— 探索与沉淀

经过长时间的打磨迭代，QMUI Web 作为腾讯广研 QMUI 团队的一个开源项目，正式发布到 Tencent Github。QMUI Web 是一个 Web UI 的解决方案，从零开始，由编码规范，到组件和工具方法的制作，再到工作流的整合，不断在迭代，也不断在优化，走过了不少的路，QMUI Web

• Puppeteer 与 Chrome Headless —— 从入门到爬虫

Chrome 作为浏览器市场的领头羊，Chrome Headless 必将成为 web 应用 自动化测试 的行业标杆。所以我整合了这份如何利用 Chrome Headless 做 网页爬虫 的入门指南

• JavaScript Event Loop 机制详解与 Vue.js 中实践应用

本文依次介绍了函数调用栈、MacroTask 与 MicroTask 执行顺序、浅析 Vue.js 中 nextTick 实现等内容

• React全家桶：石墨文档大前端技术选型分享

石墨文档大前端团队关于 React 系统技术选型的分享

• Redux进阶系列1：React+Redux项目结构最佳实践，如何合理地设计State，如何设计action、reducer、selector

Redux 进阶系列文章

• JS遇上IOT

本文分享了用 JS 进行简单物联网开发的心得与体会

可视化

• 这里有十个常用可视化工具，由易到难看看哪款最适合你

十个常用可视化工具

• Data Visualization GUI Charts Graphs Diagrams Tables free resources for Sketch - Sketch App Sources - Page 1

很多可视化的 sketch 免费下载

设计

• 干货：一组让你看完不得不佩服的ICON UI设计作品，绝对收获满满

icon 设计

• UI图标&插画设计风格解构及源文件分享

UI图标&插画设计风格解构及源文件分享

• 你的App还在用汉堡包导航吗？来看看2018的5个新趋势

2018的5个 app 导航新趋势

• 在WEB/UI的交互设计中运用格式塔心理学理论

格式塔心理学在设计中的应用

• MIT Senseable City Lab

麻省理工大学 senseable 实验室

• PxCook 3.0 高效智能的设计研发工具。点击即可生成代码，支持 PS Sketch 画板。我们做的， diss 说的。

PxCook 3.0 高效智能的设计研发工具

• Git 与 Sketch 的神奇邂逅：Abstract

支持多人协作的 Sketch 版本控制工具：Abstract

• 腾讯设计师在路边摊的8个“暖心实践”

腾讯设计师在路边摊的8个“暖心实践”

社区

• Node.js创造者，Ryan Dahl专访

Node.js创造者，Ryan Dahl专访

• 如何评价 Webkit 推出的并发 JavaScript 提案？

如何评价 Webkit 推出的并发 JavaScript 提案？

资源

• React.parts – A catalog of React components

收集了各种 React 组件的大合集

• 从零学习 React 技术栈

从零学习 React 技术栈系列文章

• 2017年最新的 元素指南

最新 属性大全

• 前端每周清单半年盘点之 CSS 篇

前端每周清单半年盘点之 CSS 篇

• mr-mig/every-programmer-should-know: A collection of (mostly) technical things every software developer should know

每一个程序员应该了解的知识大全

其他

• WebVR Experiments

Google web VR 体验

• 我是如何为技术博客设计一个推荐系统（上）：基于统计与评分， （中）：基于 Google 搜索的半自动推荐

如何为技术博客设计一个推荐系统

• 你期待的！斯坦福李飞飞2017CS231n最新课程视频来啦

李飞飞主讲的 CS231n 课程作为深度学习和计算机视觉方面的重要基础课，一直备受推崇，今年4月，她的课程再次开课，并进行了调整和更新

• 机器学习简介 — 动手学深度学习 0.1 documentation

李沐大神从0学习深度学习免费课程，相比吴恩达的更加通俗易懂，关键是全程中文，且附练习代码，好评！！

感谢战车少女们友情赞助本期封面，图侵删：）