转转前端周刊第101期

转转前端周刊

本刊意在将整理业界精华文章给大家，期望大家一起打开视野

如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人

1、亿级流量高并发春晚互动前端技术揭秘

互动H5在用户参与抽奖、领券等活动时需要提供有趣且流畅的动画或玩法，并且需要即时反馈权益到账信息。又值春晚，服务器和资损舆情风险双高。本文为你揭开平台前端团队如何从多个方面进行应对

2、淘宝设计2023年度AI设计实践报告

通过报告把这一年团队的AI设计实践做一个总结。对于AI设计的能力也会持续探索，从单纯提升生产力转变到增强用户对设计的感受，继而转变为解决用户的实际问题将会是我们探索的方向。

3、WebGL高质量实时角色渲染

随着图形图像渲染技术的快速发展，如何在移动端呈现出高质量的数字人渲染效果，是实时渲染领域最主流的技术研究方向之一。对于B站移动端App而言，如果使用主流的实时渲染引擎如Unreal/Unity等，都会带来100-130M左右的安装包体积增量，进而增加应用安装和版本更新的成本。针对该问题，我们选择了更为灵活轻量的WebGL渲染方案，将包体增量大幅降低至1M以内，同时借助Web天然的开箱即用特性，加速了业务需求在移动端落地的整体节奏。经过对Web渲染能力的行业调研，我们最终从众多的Web3D渲染引擎中选择了Three.JS。Three.JS作为一款轻量级的JavaScript 3D渲染库，具备强大的图形能力和广泛的社区支持，在数字人渲染方向能够给予我们一定的基础能力支持。

4、心遇APP站内玩法H5体验优化实践

介绍了心遇 APP 站内玩法 H5 体验优化实践，包括离线包功能、接口图片预加载和榜单优化。通过拆包加载、数据状态管理和图片加载优化等措施，提升了玩法 H5 的性能和用户体验。这些优化手段有效解决了静态资源加载速度、数据同步和图片展示等方面的挑战。

5、Rust登陆华为鸿蒙操作系统之Native模块开发

到写文章时止，虽然华为技术团队既未将rustup工具链无缝集成入DevEco Studio IDE也未提供ArkTs + Rust的“一站式”混合编程体验，但Rust登陆ohos依旧势不可挡，因为相较于Rust带来的生产效率收益（参照c / cpp），搭建交叉编译环境的人工成本真的微不足道。甚至，求助于【操作系统镜像】或Docker技术，@Rustacean 还能避免这类重复性劳动的再次发生。