蒲公英 · JELLY 技术周刊 Vol.16

近期，谷歌有史以来的第一次线上谷歌 Web 开发者大会，Web Vitals、PWA、DevTools 和 Lighthouse 6.0 等一系列个性或产品带来的全新体验，让人目迷五色。这次大会也以线上的模式分享了包含了性能优化、打包构建等十分多干货，定会让你播种颇丰。

登高远眺

天高地迥，觉宇宙之无穷

根底技术

谷歌公布首个线上 Web 开发者大会

谷歌在本月初实现首次线上 Web 开发者大会 (web.dev/live)，以线上视频的模式，分享对于优化外围 Web 指标的最佳实际，Cookie 隐衷和平安爱护、构建工具与打包优化、Chrome DevTools 改良等技术干货。

深入浅出古代 Web 编程

这是芬兰赫尔辛基大学公开的全栈课程资源，内容包含 React, Redux, Node.js, MongoDB, GraphQL 以及 TypeScript 等，教你利用 ReactJS 搭配 Node.js 开发 REST API，搭建属于本人的单页应用程序（SPA：Single Page Application）。

前端框架

在 React 内应用内联函数的性能损耗到底有多少？

始终有人教诲咱们：在 React 里用形如 onClick={() => { /* xxx */}} 函数内联的写法会升高性能，是不好的。但你想过具体有多大影响吗？Matthew Gerstman 想晓得影响的具体水平，所以他做了验证。后果发现，只管内联函数存在着性能损耗，但这种损耗近乎能够忽略不计。

图形编程

支付宝 App 3D 动画和小游戏背地的故事

3D 动画和游戏始终是前端畛域的难点，支付宝 App 从 2017 年春节推出 AR 红包开始，始终在 Web3D 畛域进行摸索和实际。本文中介绍了支付宝业务线从 17 年推出 AR 红包开始，在 Web3D 上的尝试。通过从 0 开发 R3 渲染引擎、下至由浏览器层面针对 Web3D 进行兼容等等致力，诞生了「星星球」等营销计划胜利的 Web3D 游戏。在此过程中，团队也在“技术落地，业务摸索，降低成本”方面做了不少尝试。文末剖析了 Web3D 的短板所在，并联合技术趋势揣测出将来的发展前景，值得思考。

华人团队打造 3D 手环, 让 VR 辞别手柄

最近, 康奈尔大学的华人传授率领国内本科生通过手环取得手指红外线成像联合深度神经网络, 以 3D 的模式对手指骨骼 20 多个关节进行了重建，该技术将在 VR、手语翻译、人机交互等方向有宽泛的利用。

当原生云游戏遇上互动直播

7 月 22 日的云鹭科技云游戏互动直播分享会上，云鹭科技 CEO 温向东在直播中为大家剖析了目前游戏开发者们遇到的窘境，并针对这些窘境提出了“入局云游戏”的解决办法。从轻量级游戏动手，并成立委员会，以对原生云游戏进行多方位的反对。

人工智能

可视化卷积神经网络解释器

CNN（卷积神经网络）是学习 AI 过程中必定会理解到的概念。但理解 CNN 的工作原理须要大量专业知识，小白应用的时候不得不把它当成一个黑箱解决。而佐治亚理工中国博士出品的可视化解释器，把 CNN 按步拆解并辅以图形解释通过点击 CNN 不同模块就能展现是怎么辨认图片和物品的。

桑田拾遗

桑田拾遗，积跬步以至千里

Taro H5 – 决战性能之巅

只有 Web 需要时，你会抉择 Taro H5 么？或者你有本人的答案，然而在很多场景下，Taro H5 曾经为很多开发者达成了十分多优化去应答，或者不完满，然而在社区很多开发者的奉献之下，Taro H5 在性能还有诸多方面，都曾经成为了一套完成度很高的计划，来听听 Taro H5 的第一作者 xiaoli 怎么说吧！

京东 PC 首页 – 电商门户的迭代之路

提起门户网站，算是个古早的话题，然而想要做好却仍旧有很多咱们须要思考的问题，电商门户更是其中十分重要的环节，各类优化和体验，都须要做到极致。那么对于京东来说，想要适应当下前端开发的环境，对自家门户首页的改版，须要留神那些呢？

「蒲公英」期刊，每周更新，咱们专一于开掘「根底技术 、 工程化 、 跨端框架技术 、 图形编程 、 服务端开发 、 桌面开发 、 人工智能 、 设计哲学 、 前端框架」等多个大方向的业界热点，并加以业余的解读；不仅如此，咱们还会推介精选凹凸技术文章，向大家出现团队内的钻研技术方向。

低头俯视，蒲公英的种子会生根发芽，如夏花灿烂；格物致知，咱们登高远眺、桑田拾遗，以求积硅步而至千里。

蒲公英 · JELLY 技术周刊奉献指南

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

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