feat(3d): 优化3D场景性能并添加纹理缓存

refactor(DeviceModel): 使用相机Z坐标阈值减少背板渲染状态更新
refactor(LODManager): 基于距离变化率优化LOD切换逻辑
feat(TextureCache): 新增纹理缓存类用于U位标签纹理管理
refactor(RackModel): 使用纹理缓存重构U位标签生成逻辑

feat(backend): 添加端口兼容性检查功能
feat(cables): 实现端口类型和速率兼容性验证API

feat(frontend): 新增设备筛选组件FilterableDeviceSelect
refactor(PortPanel): 优化端口占用状态显示和交互
feat(CableWizardModal): 集成端口兼容性检查并优化UI

frontend/src/components/3d/DeviceModel.jsx

@@ -630,7 +630,7 @@ const DeviceModel = ({
   // 背板渲染控制状态
   const [backPanelLevel, setBackPanelLevel] = useState(0); // 0: 不渲染, 1: 简化, 2: 完整
   const { camera } = useThree();
-  const frameCount = useRef(0);
+  const prevCameraZRef = useRef(null);
 
   // 使用传入的 uHeight (默认为 0.04445m)
   const uHeight = propUHeight || 0.04445;
@@ -653,20 +653,22 @@ const DeviceModel = ({
   });
 
   // 背板渲染控制 - 根据相机位置动态调整
-  // 只在相机绕到背面时才渲染背板
+  // 仅在相机 Z 坐标变化超过阈值时触发，减少不必要的状态更新
   useFrame(() => {
-    // 每10帧检查一次，减少计算频率
-    frameCount.current++;
-    if (frameCount.current % 10 !== 0) return;
-
     if (!groupRef.current) return;
 
+    const cameraZ = camera.position.z;
+
+    // 仅当相机 Z 坐标变化超过阈值（0.1）时才检查
+    if (prevCameraZRef.current !== null && Math.abs(cameraZ - prevCameraZRef.current) < 0.1) {
+      return;
+    }
+    prevCameraZRef.current = cameraZ;
+
     // 获取相机相对设备的位置
     const deviceWorldPos = new THREE.Vector3();
     groupRef.current.getWorldPosition(deviceWorldPos);
 
-    const cameraZ = camera.position.z;
-
     // 简单逻辑：相机在正面（z > threshold）时不渲染背板
     // 相机在背面（z <= threshold）时渲染完整背板
     const shouldShowBackPanel = cameraZ <= BACK_PANEL_CONFIG.visibilityThreshold;