濯尘啊

前言 最近由于列表需要渲染一万+数据，导致渲染起来很卡，本来是准备直接加一个分页，但是和产品batter了好久，始终不通过这个方案，所以就决定使用虚拟列表滚动进行展示...

特定的项目都有自己的性能优化瓶颈，首先需要使用速度分析工具 speed-measure-webpack-plugin，这个插件可以测量各个插件和loader所花费的时间。从而做到根据实际项目具体情况有方向性的去优化。 因为webpack也是单线程模式，打包时只能一个文件一个文件…

本文以抖音直播的保时捷礼物为背景，详细介绍了实际项目中是如何基于 WebAssembly 实现 draco 和 meshopt 两种压缩相关的 glTF 扩展的解码器的，并给出了相关收益的对比数据。

什么是 WebGPU WebGPU 是一套全新的 Web API 标准，旨在提供高性能 3D 图形和数据并行计算能力，暴露了一系列现代 GPU 能力。基于成熟的 Vulkan、Metal 等标准提供了

随着 3D 技术在 web 领域的应用，带来了用户体验质的飞跃。前端作为业务的主力军，3D 技术的进步也在不断塑造前端业务新形态～

原文发布于 2022年3月8日，传送门 https://surma.dev/things/webgpu 这篇东西非常长，不计代码字符也有1w字，能比较好理解 WebGPU 的计算管线中的各个概念，并使

本文将为大家简单介绍下，在过去的一段时间里高德高精地图业务团队，在WEB三维引擎技术方面的一些探索和实践，如何让复杂抽象的地理数据呈现在人们面前，满足其业务编辑和分析的诉求。

今天我们将讨论另一个新的话题，我们开始在WebGPU中绘制3D图形，首先我们从绘制一个立方体开始入手吧！

通过three.js我们可以在网站中实现比较不错的3D效果，但three.js仅仅只是一个渲染库，如果想要做碰撞检测的话，通常情况会加上物理系统。