蒲公英 · JELLY技术周刊 Vol.07: EcmaScript 2020 -- 所有你想要知道的都在这

「蒲公英」期刊，每周更新，我们专注于挖掘「 基础技术、 工程化、 跨端框架技术、 图形编程、 服务端开发、 桌面开发、 人工智能」等多个大方向的业界热点，并加以专业的解读；不仅如此，我们还精选凹凸技术文章，向大家呈现团队内的研究技术方向。
抬头仰望，蒲公英的种子会生根发芽，如夏花绚烂；格物致知，我们登高远眺、沧海拾遗，以求积硅步而至千里。

登高远眺

天高地迥，觉宇宙之无穷

基础技术

ES2020：所有你想要知道的都在这

「学不动啦！」如果 ES2015 你还没学会的话，TC39 委员会可不会停下他们的脚步，ES 2020 已经正式定稿了：其中 BigInt、Optional Chaining、Dynamic Import()、Nullish Coalescing Operator 等特性相信很多同学在日常开发中已经用上了。如果你对以上名词都很陌生的话，那要准备好看到一堆新符号一脸懵逼的表情包了。

Deno 1.0 在 5.13 日如期发布了！2 年前 Node 之父 Ryan Dahl 发表了一个演说《十件关于 NodeJS 让他感到遗憾的事》，演说的同时他介绍了 Deno，一个全新的、安全优先且抛弃 npm 的 JavaScript 运行时。如今，在吃瓜群众大呼“学不动了”之时，Deno “无情地” 发布了 1.0 版本。JELLY 技术周刊的上一篇文章已经大致介绍了 Deno 的重磅特性，而通过这篇官方文章，你将对 Deno 有更加深入的了解。

前端框架

Crank.js - 使用函数、Promise、Generator开发JSX项目

Brainkim 为我们带来了使用 JSX 进行开发的新思路，Crank.js。不同于寻常观点，Brainkim 认为，现代 JavaScript 已经包含了 Promise、async/await 等让异步代码写起来更像同步代码的能力，那么组件也应当支持这种模式。基于上面的观点，Crank.js 的一大特色便是 Async Component。目前这个项目已经在 Github 上开源。在上手之前，你也可以在知乎上参与对于这个框架的讨论。

图形编程

2D 插画实时生成动画 -- 中国程序媛出品

「猜画小歌」项目发起人，谷歌创意技术专家基于 TensorFlow.js 的 PoseNet 和 FaceMesh 模型，识别摄像头中的人脸与肢体，结合骨骼动画，将 2D 矢量图进行实时动画处理，实现输入静态 SVG、输出人体跟随动画的项目——Pose Animator。文中附有效果动图，结尾附带了项目源码地址与 demo 地址，快去试试吧！

人工智能

深度增强学习量化交易

一个使用 DQN 尝试对股票趋势进行预测的项目。阅读项目的 README 能够了解在具体场景下算法选择和落地流程是如何思考的，项目源码的注释也非常清晰值得一读。

工具推介

MDX：在 Markdown 中使用 JSX

MDX 是一种可以在普通 Markdown 文件中使用 JSX 语法的解决方案。在一个复杂的文档中，条件性地渲染或复用已有模块是一种常见的需求，而 MDX 可以直接使用 JSX 甚至定义 React / Vue 组件，很好地解决了复杂文档系统的需求。更棒的是，最终编译出来的文件是不含运行时代码的。

沧海拾遗

沧海拾遗，积跬步以至千里

大规格文件上传的体验优化

看完最新的技术热点，是不是肥肠激动呢？但是我们也千万不要忘记基础才是我们立足的根本，快来和我们一起回顾一下，那些年业务中的基础优化细节吧！超大规格文件一定是其中难以规避的一环，快来看看吧～【内附样例】

某超长文档の探索之路

来自凹凸实验室的工程️如是叫嚣到：“加量不加价~ 比字数谁都赢不了我!”，一定要做全办公室最嚣张的崽！！！作为凹凸实验室的核心之一，Littly 在各个领域都留下了非常多值得称道的传说，相信这一篇他在成长之初的文章，会给你不一样的视角体验。

欢迎关注凹凸实验室博客：aotu.io

或者关注凹凸实验室公众号（AOTULabs），不定时推送文章：