蒲公英 · JELLY技术周刊 Vol.16 谷歌首个线上 Web 开发者大会

蒲公英 · 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），不定时推送文章。