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

性能优化是一条无尽的路，咱们总是能够找到各种路径去晋升体验，不论是响应工夫还是按需加载，亦或是依据框架或者组件有针对性的优化都会是不错的办法。如果你在应用 Vue3，那么本期内容会通知你如何实现高性能的渲染函数；React 的开发者也能够在本期中找到 TS 和 React 的最佳实际；同样本期中你也会找到新一代 Web 性能体验的指标，学无止境，术有乾坤，让咱们开启本期的内容吧。

登高远眺

天高地迥，觉宇宙之无穷

前端框架

TypeScript + React 的最佳实际

应用 TypeScript 编写 React 利用的类型 Cheatsheets，也能够看做是 TypeScript + React 最佳实际。它介绍了咱们在应用 React 各种个性时最佳的 TypeScript 类型写法，帮忙你解答各种类型上的问题。看完这篇，妈妈再也不必放心我不会写 tsx 了。

Vue3 Compiler 优化细节，如何手写高性能渲染函数

Vue3 通过编译时和运行时相配合，让 diff 性能进一步失去晋升。文章具体介绍了 Compiler 会对模板剖析出哪些要害信息，运行时又是怎么利用这些信息对 diff 进行优化的。如果咱们不编写 template 而是间接编写渲染函数，作者也在文末介绍了咱们怎么样编写渲染函数可能让 diff 进入优化模式。文章整体内容十分硬核，须要破费肯定工夫的进行浏览，心愿读者能保持到到最初。这里权且援用文章中的最初一句："Don't stop learning..."，共勉。

根底技术

Core Web Vitals--聚焦新一代Web性能体验指标

对于如何掂量用户体验，Google提供了多个工具（Lighthouse等等），在Chrome83中新增了Core Web Vitals指标。次要关注用户体验的3个方面：加载、交互性和视觉稳定性。对应的指标为：LCP、FID、CLS。升高使用者门槛。

美国人如果把根域名服务器封了，中国将会从网络上隐没？

自从美国发表“清洁网络”口头后，很多懂点网络的人，第一反馈是，美国人会下手根域名服务器吗？这里先给出简要答复：不排除这种可能性，但并不是没有方法。一句话起因：尽管根不在咱们手里，但咱们有镜像。

图形编程

“亲亲抱抱举高高”？这款游戏满足你对VR的所有期待

虚拟现实的概念在近几年被提及的越来越频繁，但对于公众来说仿佛还是一款“科幻”产品。由 Valve 公司出品的《半衰期》VR 游戏，联合 VR 设施操作上更为多样的操控设施，进行了不同于以往鼠标键盘操控游戏的交互尝试，使得游戏中的角色动作更为靠近真实世界，也产生了更多的可能性。

人工智能

3D特效师能够上班了

还记得“抢钱大楼” SM 娱乐公司门口的电子屏海浪吗？一看就很贵。但 DeepMind 和斯坦福等一众科学家钻研出了一款图网络模拟器——GNS 框架，转变思路，由以后市场上广泛应用的通过物理法则进行 CG 计算，转向机器学习以实现物理模拟器的计划。这将大大降低 CG 特效的门槛，可能将深远地影响到这一市场。

桑田拾遗

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

京喜小程序跨端开发实战

京喜小程序的在跨端开发上的开发与优化实战文，具体讲述了 19 年双十一期间，京喜改版中面临的一系列问题，以及相干的思考。其中对于 Web、小程序、RN 三端具体提出了很多思路和实际集锦，很值得借鉴。

小程序体验评分满分优化

同样是京喜小程序，历经屡次改版和优化后，在 Audits 评分中曾经取得了满分。文中提到了多种优化的细节和办法，尝试了很多优化的可能，置信这些思路可能在其余的我的项目中，也可能失去利用，并大幅晋升性能和用户的体验。

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

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

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

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

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