蒲公英·JELLY技术周报Vol.20性能优化是一条没有尽头的路，我们总能找到各种方法togo提升体验，无论是响应时间还是按需加载，或者基于框架或者组件的针对性优化都会是一个很好的方式。如果你使用的是Vue3，那么本期将告诉你如何完成高性能的渲染功能；React开发者也可以在本期找到TS和React的最佳实践；本期你还会发现新一代的Web性能体验索引，学无止境，艺术满满，让我们开始本期的内容吧。登高远眺天地万物，感觉宇宙无穷无尽。前端框架TypeScript+React的最佳实践使用TypeScript为React应用编写TypeCheatsheets也可以算是TypeScript+React的最佳实践。介绍了我们在使用React各种特性时最好的TypeScript类型编写，并帮助您回答各种类型的问题。看完这篇文章，妈妈再也不用担心我不会写tsx了。Vue3Compiler优化细节，如何手写高性能渲染函数Vue3可以通过编译时和运行时的配合，进一步提升diff性能。文章详细介绍了Compiler会为template分析哪些关键信息，以及runtime如何利用这些信息来优化diff。如果不写模板直接写渲染函数，作者在文末也介绍了如何写渲染函数让diff进入优化模式。文章整体内容非常硬核，需要一定的时间看完。希望读者能坚持到最后。在这里引用文章最后一句话：“Don'tstoplearning...”，互相勉励。基础技术CoreWebVitals——关注新一代Web性能体验指标对于如何衡量用户体验，Google提供了多种工具（Lighthouse等），并在Chrome83中加入了CoreWebVitals指标。主要关注用户体验的三个方面：加载、交互性和视觉稳定性。对应的指标有：LCP、FID、CLS。降低用户使用门槛。如果美国人封锁根域名服务器，中国会从互联网上消失吗？自从美国宣布“清洁网络”行动以来，很多了解互联网的人的第一反应就是，美国人会攻击根域名服务器吗？这里先简单回答一下：不排除这种可能，但也不是没有可能。一句话道理：虽然根不在我们手中，但我们有一面镜子。图形编程“亲吻、拥抱、高举”？这款游戏满足您对VR的所有期望。虚拟现实的概念近年来被越来越频繁地提及，但对于大众来说，它仍然像是一种“科幻”产品。Valve出品的《半衰期》VR游戏，结合更加多样化的VR设备操作控制装置，进行了有别于以往鼠标键盘控制游戏的交互尝试，让游戏中的人物动作更加贴近现实世界，同时也制作了更多的可能性。人工智能3D特效师可以下班了。还记得“抢钱楼”SM娱乐公司门口的电子屏幕波浪吗？一看就贵。然而，DeepMind、斯坦福等一批科学家开发了图网络模拟器——GNS框架，改变了思维方式，从目前市场上常用的通过物理定律的CG计算，到机器学习实现物理模拟器.这将大大降低CG特效的门槛，可能会对这个市场产生深远的影响。沧海拾遗，厚积薄发京西小程序跨端开发实战京西小程序开发与优化跨端开发实战文章，详细描述了京西19改版所面临的挑战双十一一系列的问题，以及相关的思考。其中针对Web、小程序、RN三端，详细提出了很多思路和实践合集，值得借鉴。小程序体验评分满分优化也是京西小程序。经过多次改版和优化，在Auditsscore上已经拿到了满分。文章提到了多种优化细节和方法，尝试了很多优化的可能性。相信这些想法也可以应用到其他项目中，大大提升性能和用户体验。《蒲公英》期刊，每周更新，我们重点挖掘“基础技术、工程、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能、设计哲学、前端框架”等主要方向行业热点及专业解读；不仅如此，我们还会推荐精选的O2-Convex技术文章，展示团队内部的研究技术方向。抬头望去，蒲公英的种子会生根发芽，绚丽如夏花；探事知，登高望远，沧海拾遗，以积硅行万里。蒲公英·JELLY科技周刊投稿指南欢迎关注傲兔实验室博客：aotu.io或关注傲兔实验室公众号（傲兔实验室），不定期推送文章。
