three.js gpu占用极致优化 一、前言 公司项目新增了一个3d户型展示的区域，这块代码gpu占用七八百十上以上。因项目架构问题，算法计算也是本机计算，计算过程中，cpu占用100%！！！

最近在学习threejs ，然后想着对其做一些性能优化。 1、网格合并 多数情况下使用组可以很容易地操纵和管理大量网格。但是当对象的数量非常多时，性能就会成为一个瓶颈～

多数情况下使用组可以很容易地操纵和管理大量网格。但是当对象的数量非常多时，性能就会成为一个瓶颈。使用组，每个对象还是独立的，仍然需要对它们分别进行处理和渲染。通过THREE.Geometry.merge() 函数，你可以将多个几何体合并起来创建一个联合体。当我们使用普通组的情况，...

最近自己做一些threejs项目，总结了一些性能优化的关键点，跟大家分享一下。 6、如果有大量外部模型，一定要结合使用gltf-pipeline与Draco（描述二）。 首先，建议使用gltf或者glb来加载模型。如果有大量外部模型，一定要结合使用gltf-pipeline与D…

作为一个3D的项目，从用户打开页面到最终模型的渲染加载的时间也会比普通的H5项目要更长一些，从而造成大量的用户流失。为了提升首屏加载的转化率，需要尽可能的降低loading的时间。

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

用极其精简的代码，编写的高级工具函数，覆盖localStorage已使用空间，桌面通知，视频截图，base64编码和解码，UUID生成，序列生成器等等，总有一个留的住你。

前言 最近在网上有个真实发生的案例比较火，说的是一个新入职的员工，不会用 git 拉代码，第二天被开除。由此，可见 git 对我们工作的重要性，无论是前端后端，都是离不开 git 的，下面就让我们一探

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收