3.4
前端每周清单第56 期: D3 5.0 ，深入React 事件系统，SketchCode 界面生成
作者：王下邀月熊 编辑：徐川
前端每周清单专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号
新闻热点
国内国外，前端最新动态
-
D3 5.0
: D3 5.0 作为大版本更新，引入了部分不向后兼容的特性更新。该版本开始使用Promise 来替代传统的异步回调以进行数据加载，Promise 能够大大简化异步代码的结构，特别是那些支持await 与async 的浏览器。此外，该版本还使用了Fetch API 替代传统的XMLHttpRequest 对象，即使用d3-fetch 替代d3-request 。更多更新特性介绍请查看原文。 -
Java 10 正式发布，带来了这些新特性: 北京时间3 月21 日，Oracle 官方宣布Java 10 正式发布。这是Java 大版本周期变化后的第一个正式发布版本。需要注意的是Java 9 和Java 10 都不是LTS 版本。和过去的Java 大版本升级不同，这两个只有半年左右的开发和维护期。而未来的Java 11 ，也就是18.9 LTS ，才是Java 8 之后第一个LTS 版本。Java 10 提供了愈百项新特性，譬如var 局部变量类型推断、统一的垃圾回收接口等。
开发教程
步步为营，掌握基础技能
-
使用
Flutter SDK 开发简单的加密货币信息应用: Flutter 是Google 最新开源的用于开发Android 与iOS 跨平台应用的开源工具集；其使用Dart 编程语言，并且能够直接编译为原生代码，因此其能够在代码复用性与性能之间达成平衡。本教程中，作者循序渐进地介绍如何使用Flutter 来构建展示当前不同加密货币价格的应用，并且针对初学者介绍了Flutter 架构与Dart 语法基础。 -
2018 React.js 全面指南: 本文最早写于2015 年，此篇则是基于最新的React 16.3 版本进行的更新，包含了最新版本中的各个特性。作者希望在本文中谈及React 的大部分核心方面，包括了：JSX, Virtual DOM, React.Component, state, Component LifeCycle, Events 等。更多相关内容参考 现代Web 开发–React 篇。 -
React Apollo 2.1 介绍: 近日，React Apollo 发布了2.1 版本，大幅提升了使用GraphQL 开发React 应用的体验。该版本提供了新的Render Prop API 以及更强力的TypeScript 支持，并且优化了说明文档。本文中，我们将会对如下新特性进行介绍：基于Query 的数据抓取，使用Mutation 更新数据，利用ApolloConsumer 简化本地状态等。更多相关内容参考 现代Web 开发–React 篇。
工程实践
立足实践，提示实际水平
-
Typescript 2.8 React 组件开发模式: TypeScript 是非常优秀的JavaScript 静态类型扩展，本文则在常见的React 开发模式的基础上，使用TypeScript 2.8 实现了常见的模式：Stateful, Stateless, Default Props, Render Callbacks, Component Injection, Generic Components, High Order Components, Controlled Components。更多相关内容参考 React DevOps Links。 -
React 应用中使用的不同动画库比较: 优雅的动画是Web 站点体验性的重要保障，现在已经有了很多介绍使用方式、使用案例、适用场景的文章。本文则是对于常见的动画库进行了横向对比，从而帮助开发者更好地针对自身的需求选择不同的动画库，包括了以下维度的考量：项目的维护情况如何，入手的难易程度如何，语法如何，性能如何等等。更多相关内容参考 Awesome Links。 -
CSS Grid 渐进式实践: 上个月我们重新设计了Thomasnet.com ，并且使用CSS Grid 作为主要的布局方式。本文即是CSS Grid 渐进式实践的分享: CSS Grid 语法速览以及技巧分享，CSS Grid 与Flexbox 对比，CSS Grid 基础以及浏览器的兼容性保障。更多相关内容参考 现代Web 开发–基础篇。
深度阅读
深度思考，升华开发智慧
-
React 与React Native 事件系统详解: 现在已经有了很多介绍React 事件系统的文章，不过鲜有介绍它们内部工作原理的。本文作者一直从事着React Native 开发，并在本文中分享了其阅读相关源代码后整理得到的理解。本文依次介绍了React 事件系统概览、事件接收与管理机制、EventPluginHub 等内容；更多相关内容参考 现代Web 开发–React 篇。 -
关于图片压缩的考量
: 在之前的讨论中，我们关注过如何使用Compressive Images 来压缩图片尺寸：即在降低图片清晰度的同时，将其设计稿的尺寸增大，这样经过浏览器自动压缩之后，其视觉效果相差无二。这种方式在测试用例中能够带来50% 的体积减少，不过这种方式也会带来更大的内存消耗。更多相关内容参考 现代Web 开发–基础篇。 -
SketchCode: 使用深度学习自动化前端开发: 本文作者构建了某个深度学习模型，能够从用户手绘的设计草稿中，生成可用的HTML 网站；作者希望能够尝试利用这种方式来简化现在的设计流程。本文依次介绍了SketchCode 的创意来源与设计理念，如果获取到有效的数据集，如何将图片处理为手绘模式，如何设计神经网络架构以及如何进行模型训练等内容。更多相关内容参考 人工智能与深度学习实战。
开源项目
乐于分享，共推前端发展
-
Driver.js
: Driver.js 是强大的，轻量级，使用原生JavaScript 引擎开发的页面用户关注点。Driver.js 并不仅仅是另一个指南性质的库，其的用户场景还是非常广泛的，能够用于任何需要为页面构建浮层的情况，譬如当用户需要与某些元素交互而隐藏其他元素的场景。 -
brain.js
: brain.js 是基于JavaScript 实现的轻量级神经网络(Neural Networks) 库，其提供了非常简明易用的接口，并且支持异步训练。目前官方提供了识别颜色常量、简单字母识别、利用RNN 编写简单的句子等示范，可以自己尝试一下。 -
dejavu
: dejavu 是新的ElasticSearch Web 管理界面，不同于Kibana 这样服务端渲染并且响应较差的库；dejavu 采样了完全的客户端渲染方式，这也赋予了其便捷部署的能力，从Github Pages ，Chrome 插件到Docker 镜像。dejavu 并且提供了JSON 与CSV 文件的导入导出功能，并能够自定义表格头，以增强其灵活性。
巅峰人生
- 雅虎研究院——如何从辉煌到失败？
: 雅虎是最早成功的互联网公司之一，也是最早意识到需要把基础研究，特别是机器学习以及人工智能研究，应用到实际产品中的公司。雅虎从很早就开始招聘和培养研究型人才，雅虎研究院就是在这个过程中应运而生的。今天我就来说一说雅虎研究院的历史，以及过去十多年间取得的成就，聊一聊如何通过引进高级人才，迅速构建起一支世界级的研发团队。当然，也会聊一聊研究院的衰落。高级研发机构对于企业而言往往是锦上添花的事情，在整个公司产品和视野都欠缺的情况下，也往往避免不了最后衰败的结局。
前端之巅
前端之巅是
