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

近期，谷歌有史以来的第一次线上谷歌 Web 开发者大会，Web Vitals、PWA、DevTools 和 Lighthouse 6.0 等一系列特性或产品带来的全新体验，让人眼花缭乱。此次大会也以线上的形式分享了包括了性能优化、打包构建等很是多干货，定会让你收获颇丰。前端

登高远眺

天高地迥，觉宇宙之无穷react

基础技术

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

谷歌在本月初完成首次线上 Web 开发者大会 (web.dev/live)，以线上视频的形式，分享关于优化核心 Web 指标的最佳实践，Cookie 隐私和安全保护、构建工具与打包优化、Chrome DevTools 改进等技术干货。web

深刻浅出现代 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不一样模块就能展现是怎么识别图片和物品的。网络

沧海拾遗

沧海拾遗，积跬步以致千里app

Taro H5 - 决战性能之巅

只有 Web 需求时，你会选择 Taro H5 么？或许你有本身的答案，可是在不少场景下， Taro H5 已经为不少开发者达成了很是多优化去应对，或许不完美，可是在社区不少开发者的贡献之下，Taro H5 在性能还有诸多方面，都已经成为了一套完成度很高的方案，来听听 Taro H5 的第一做者 xiaoli 怎么说吧！

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

提起门户网站，算是个古早的话题，可是想要作好却依旧有不少咱们须要考虑的问题，电商门户更是其中很是重要的环节，各种优化和体验，都须要作到极致。那么对于京东来讲，想要适应当下前端开发的环境，对自家门户首页的改版，须要注意那些呢？

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

抬头仰望，蒲公英的种子会生根发芽，如夏花绚烂；格物致知，咱们登高远眺、沧海拾遗，以求积硅步而至千里。

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

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

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