企业官网建设流程全解析

1. 三款模型同台做3D游戏，我为什么选这个题

最近圈子里讨论度最高的几件事，一个是 Step 5 Preview 的实测表现，一个是 DeepSeek V4 Pro 在代码任务上的稳定性，还有一个是 GLM5.3 在长上下文和工具调用上的进步。单独测某一个模型写个贪吃蛇、做个待办清单，说实话已经没什么参考价值了——这类任务早就被各家模型刷烂了。真正能拉开差距的，是那种需要同时处理空间坐标、渲染循环、物理碰撞、状态机、资源加载的复合型任务，而3D游戏恰好就是这么一个"照妖镜"。

我这次做的事情很直接：给三个模型同一份需求文档，让它们各自从零搭一个可运行的3D小游戏，然后我把三份产物都跑起来，逐项对比。需求不复杂但也不放水——一个第三人称视角的收集类小游戏，玩家控制角色在场景里移动，收集散落的物品，有计分、有计时、有简单的碰撞检测，场景里要有光照和阴影，镜头要跟随角色。技术栈我限定用浏览器端能直接跑的方案，避免环境差异干扰对比。

为什么这么设计？因为3D游戏开发天然会把模型的短板暴露出来。2D任务里，模型只要把逻辑写对就行；但3D任务里，坐标系是三维的、渲染是有帧循环的、相机和物体是分离的、光照和材质是相互影响的，任何一个环节理解偏差，产物要么跑不起来，要么跑起来是黑屏，要么角色穿墙。这些都不是靠"背代码模板"能糊弄过去的，必须真正理解空间关系和渲染管线。

这篇文章适合谁看？如果你正在纠结"这几个模型到底哪个适合做前端/游戏/图形类开发"，或者你自己想用AI辅助做一个3D小项目但不知道从哪下手，那这篇实测的过程和结论应该能帮你省不少试错时间。我会把每个模型的产物结构、踩到的坑、修复思路都摊开讲，不吹不黑，只讲我实际跑出来的结果。

提示：本文所有测试都在同一台机器、同一浏览器版本下完成，排除环境变量干扰。模型版本以我测试时的可用版本为准，后续版本可能有变化，结论仅供参考。

2. 测试任务的设计：为什么是"第三人称收集游戏"

2.1 需求文档的颗粒度控制

给AI写需求文档，颗粒度是个技术活。写太细，等于我自己把代码结构都设计好了，模型只是填空，测不出真实能力；写太粗，模型自由发挥，三个产物差异太大没法横向对比。我最后定的颗粒度是：说清楚"要什么体验"，不说"怎么实现"。

具体需求是这样的：一个3D场景，地面是平面，上面随机散布20个可收集的金色方块。玩家用一个胶囊体代表，WASD控制前后左右移动，鼠标控制视角旋转。角色走到方块附近自动收集，收集后方块消失，右上角计分加一。场景里有一个平行光模拟太阳，投射阴影。相机在角色身后上方，平滑跟随。收集完所有方块弹出"完成"提示，并显示总用时。

这份需求里，我刻意留了几个"坑点"：相机跟随的平滑处理（不是硬绑定，要有插值）、碰撞检测的触发范围（不是精确碰撞，是距离判定）、阴影的开启方式（涉及渲染器配置）。这几个点最能看出模型对3D开发的理解深度。

2.2 技术栈的限定逻辑

我限定用 Three.js 作为渲染库，原因有三。第一，它是浏览器端3D开发的事实标准，三个模型对它的训练数据都足够多，公平。第二，它把WebGL的复杂度封装得比较好，模型不需要处理底层着色器，能把精力放在场景逻辑上。第三，它的API设计比较直观，模型如果理解到位，写出来的代码可读性会很高；如果理解不到位，错误也会很典型。

构建工具我允许模型自己选，可以用CDN直接引入，也可以用Vite打包。这个自由度是为了观察模型的工程化意识——有的模型会直接甩一个HTML文件让你双击打开，有的会搭一个完整的项目结构。两种都能跑，但反映出的工程思维不一样。

2.3 评判标准的设定

我不只看"能不能跑"。跑起来只是及格线，我按四个维度打分：首次运行成功率（不做任何修改直接跑）、代码结构合理性（模块划分、命名、注释）、3D特性实现完整度（光照、阴影、相机、碰撞是否都到位）、可扩展性（想加个新功能好不好改）。这四个维度基本覆盖了一个3D项目从能用到好用的全过程。

3. Step 5 Preview 的产物：结构最完整，但有个隐蔽的坐标坑

3.1 项目结构和首次运行表现

Step 5 Preview 给我的第一印象是"工程感很强"。它没有甩一个单文件HTML，而是搭了一个标准的Vite项目结构：index.html、src/main.js、src/scene.js、src/player.js、src/collectibles.js，还配了package.json和vite.config.js。模块划分清晰，每个文件职责单一，scene.js管场景和光照，player.js管角色和输入，collectibles.js管收集物生成和判定。

我按它给的步骤npm install && npm run dev，一次就跑起来了。场景渲染正常，光照和阴影都在，角色能移动，方块能收集，计分正常。首次运行成功率这一项，Step 5 Preview 直接满分。

但跑起来之后我发现了问题：角色的移动方向和相机视角是脱节的。我按W，角色往世界坐标的Z轴负方向走，但我如果先把鼠标转到侧面，再按W，角色还是往原来的方向走，而不是往"我面朝的方向"走。这在第三人称游戏里是致命的——玩家的直觉是"W就是往前走"，而不是"W就是往北走"。

3.2 坐标转换的根因分析

这个问题的根因在于输入方向没有经过相机空间的转换。在第三人称游戏里，玩家的输入是相对于相机的：按W应该是"沿着相机朝向的前方移动"。正确做法是取出相机的朝向向量，投影到水平面，归一化，然后作为移动的基准方向。Step 5 Preview 的代码里，移动逻辑直接用了世界坐标的固定向量：

// Step 5 Preview 的原始写法（简化） const moveDirection = new THREE.Vector3(); if (keys.w) moveDirection.z -= 1; if (keys.s) moveDirection.z += 1; if (keys.a) moveDirection.x -= 1; if (keys.d) moveDirection.x += 1;

这段代码逻辑上没错，但它假设相机永远在角色正后方且朝向固定。一旦相机旋转，输入方向就和视觉方向对不上了。修复方法也不复杂，用相机的朝向向量来构造移动基准：

// 修复后的写法 const cameraForward = new THREE.Vector3(); camera.getWorldDirection(cameraForward); cameraForward.y = 0; cameraForward.normalize(); const cameraRight = new THREE.Vector3(); cameraRight.crossVectors(cameraForward, new THREE.Vector3(0, 1, 0)).normalize(); const moveDirection = new THREE.Vector3(); if (keys.w) moveDirection.add(cameraForward); if (keys.s) moveDirection.sub(cameraForward); if (keys.d) moveDirection.add(cameraRight); if (keys.a) moveDirection.sub(cameraRight); moveDirection.normalize();

改完之后，移动就跟手了。这个坑很典型——模型知道要处理输入，但没意识到输入是相对于相机的。这说明它对第三人称游戏的空间关系理解还停留在"能跑就行"的层面，没有真正站在玩家视角思考。

3.3 相机平滑跟随的实现质量

相机跟随这块，Step 5 Preview 做得不错。它用了插值（lerp）来实现平滑，而不是硬绑定。代码里能看到它每帧计算目标位置，然后用一个系数向目标位置逼近：

const targetPosition = player.position.clone().add(cameraOffset); camera.position.lerp(targetPosition, 0.1); camera.lookAt(player.position);

这个0.1的系数是经验值，太小会跟得慢有延迟感，太大就失去平滑意义。Step 5 Preview 选0.1，实测下来跟随手感比较自然，没有明显的拖影也没有生硬感。这一点说明它对"平滑"这个概念是有理解的，不是随便填个数。

3.4 阴影和光照的配置细节

光照部分，Step 5 Preview 配了一个DirectionalLight加一个AmbientLight，平行光开了castShadow，地面开了receiveShadow，方块开了castShadow。阴影贴图的尺寸设了2048，这个值在保证质量的同时不会太吃性能，是个合理的默认值。它还顺手配了shadow.camera的边界范围，避免了阴影边缘裁剪的问题——这个细节很多模型会漏，漏了之后阴影只在一小块区域显示，远处就没有了。

整体来看，Step 5 Preview 的产物是三个里工程完成度最高的，结构清晰、注释到位、首次运行无障碍。唯一的硬伤就是那个坐标转换的坑，但修复成本很低，改十几行代码就解决了。

4. DeepSeek V4 Pro 的产物：逻辑最扎实，但工程结构偏简陋

4.1 单文件方案的两面性

DeepSeek V4 Pro 走的是另一条路：一个单文件HTML，Three.js 用CDN引入，所有逻辑写在一个<script>标签里。这种方案的好处是零配置、双击即开，对新手极其友好；坏处是代码一长就难维护，而且没有模块化，想扩展功能得在几百行里找位置。

我数了一下，它的单文件大概四百多行，逻辑分块还算清楚，用注释隔开了"场景初始化""玩家控制""收集物""游戏循环"几个区域。虽然没有物理分文件，但阅读起来不费劲。这说明 DeepSeek V4 Pro 在"代码组织"上有意识，只是选择了更轻量的表达方式。

4.2 移动逻辑的正确处理

让我意外的是，DeepSeek V4 Pro 的移动逻辑直接就是对的。它没有踩 Step 5 Preview 那个坐标坑，而是从一开始就用相机朝向作为移动基准。代码里能看到它先取相机的前向和右向，再根据按键组合出移动向量：

// DeepSeek V4 Pro 的写法 const forward = new THREE.Vector3(); camera.getWorldDirection(forward); forward.y = 0; forward.normalize(); const right = new THREE.Vector3().crossVectors(forward, up).normalize(); const move = new THREE.Vector3(); if (keys['w']) move.add(forward); if (keys['s']) move.sub(forward); if (keys['a']) move.sub(right); if (keys['d']) move.add(right);

这段代码和我在3.2节给出的修复方案几乎一致。说明 DeepSeek V4 Pro 对第三人称游戏的空间关系理解是到位的，它知道输入必须经过相机空间转换。这一点上它比 Step 5 Preview 更靠谱。

4.3 碰撞检测的实现方式

收集判定这块，DeepSeek V4 Pro 用的是距离检测：每帧遍历所有方块，算角色和方块的距离，小于阈值就判定收集。这是最直接的做法，性能上对于20个方块完全够用。它把阈值设成了1.2，考虑到角色胶囊体半径和方块尺寸，这个值实测下来手感合适——不会隔老远就吸走，也不会贴着还收不到。

有个小细节值得说：它在收集后没有直接remove方块，而是先把方块标记为collected，然后在渲染循环里跳过已收集的方块。这样做的好处是避免了在遍历过程中修改数组导致的索引错乱。虽然Three.js的remove本身是安全的，但这个习惯说明它对"遍历时修改集合"这类经典陷阱有防范意识。

4.4 缺失的阴影配置

DeepSeek V4 Pro 的产物有一个明显短板：阴影没开全。它配了平行光，但忘了设castShadow，地面也没设receiveShadow。结果就是场景有光照但没有投影，方块和角色都是"飘"在地上的，缺乏立体感。这不是逻辑错误，是配置遗漏，补上三行代码就能解决：

directionalLight.castShadow = true; ground.receiveShadow = true; box.castShadow = true;

这个遗漏反映出一个问题：DeepSeek V4 Pro 在"逻辑正确性"上很强，但在"视觉完整性"上不够细致。它把游戏"能玩"这件事做对了，但"好看"这件事没顾上。对于3D项目来说，视觉表现是体验的一半，这个短板不能忽视。

4.5 代码可读性和注释质量

DeepSeek V4 Pro 的注释写得比较克制，关键逻辑处有说明，但不啰嗦。比如相机跟随那段，它注释了"使用lerp实现平滑跟随，系数0.08控制跟随速度"，把意图和参数含义都点到了。这种注释风格我个人比较喜欢——不解释显而易见的代码，只解释"为什么这么选"。

5. GLM5.3 的产物：功能最全，但有个运行时的性能隐患

5.1 功能覆盖度最高

GLM5.3 的产物是三个里功能最全的。除了基础需求，它还额外加了几个东西：角色移动时的朝向旋转（角色会面朝移动方向）、收集时的缩放动画（方块被收集时先放大再消失）、计时器的格式化显示（显示成"分:秒"而不是纯秒数）。这些都不是我要求的，是它自己加的。从产品思维角度看，这些补充让体验更完整。

项目结构上，GLM5.3 用的是"半模块化"——一个HTML文件加一个单独的game.js，逻辑量大的部分拆出去了，但没到Vite项目的程度。这个折中方案对于中小型3D项目其实挺实用，既不用配构建工具，又不会让单文件膨胀到难以维护。

5.2 性能隐患：每帧创建对象

跑起来之后，我打开性能面板看了一眼，发现帧率比另外两个低一些，而且GC（垃圾回收）活动频繁。排查下来，问题出在渲染循环里每帧都在创建新的Vector3对象：

// GLM5.3 的问题写法 function animate() { const direction = new THREE.Vector3(); // 每帧新建 const cameraPos = new THREE.Vector3(); // 每帧新建 // ... 使用这些对象 }

在60帧的循环里，每秒创建上百个临时对象，虽然现代JS引擎的GC能处理，但会造成周期性的卡顿。正确做法是把这些向量提到循环外面，复用同一个对象：

// 修复后 const direction = new THREE.Vector3(); const cameraPos = new THREE.Vector3(); function animate() { direction.set(0, 0, 0); // 复用，重置 // ... 使用 }

这个坑很典型——模型知道要用向量计算，但没意识到渲染循环是高频执行的，对象创建要克制。这是从"能跑"到"跑得稳"之间的差距，也是很多AI生成代码的通病。

5.3 角色朝向旋转的实现

角色朝向这块，GLM5.3 处理得不错。它用Math.atan2根据移动方向算出目标角度，然后用角度插值让角色平滑转向，而不是瞬间翻转。代码里能看到它对角度做了归一化处理，避免了从359度转到1度时"绕远路"的问题。这个细节说明它对角度运算的边界情况有考虑。

const targetAngle = Math.atan2(moveDirection.x, moveDirection.z); // 角度插值，处理跨0度的情况 let angleDiff = targetAngle - currentAngle; while (angleDiff > Math.PI) angleDiff -= Math.PI * 2; while (angleDiff < -Math.PI) angleDiff += Math.PI * 2; currentAngle += angleDiff * 0.15;

这段代码是三个产物里唯一正确处理了角度环绕问题的。Step 5 Preview 和 DeepSeek V4 Pro 都没做角色转向，所以没暴露这个问题，但如果要加，GLM5.3 的写法可以直接抄。

5.4 收集动画的取舍

收集动画这块，GLM5.3 用了一个简单的缩放+透明度渐变。实现上它没有引入动画库，而是手动在渲染循环里根据时间戳算缩放系数。这个做法轻量，但有个小问题：动画期间方块还在参与碰撞检测，理论上玩家可能在动画播放时重复触发收集。虽然它用了一个isCollecting标志位来防重，但标志位的清理时机和动画结束时机是分开的，极端情况下可能不同步。

更稳妥的做法是把方块从可收集列表里移除，动画单独用一个列表管理。不过对于这个规模的项目，GLM5.3 的处理已经够用了，属于"知道有风险但影响可控"的取舍。

6. 三个产物的横向对比：一张表看清差异

6.1 核心维度对比

6.2 各自的能力画像

从这张表能看出三个模型的能力侧重明显不同。Step 5 Preview 是"工程派"，它擅长搭结构、配环境、写规范代码，产物最接近一个真实项目的雏形，但在具体的游戏逻辑细节上会犯一些"想当然"的错误。DeepSeek V4 Pro 是"逻辑派"，它对空间关系、算法正确性的把握最准，核心逻辑几乎不用改，但工程化和视觉细节上偏保守，属于"能跑就行"的风格。GLM5.3 是"产品派"，它最懂"用户想要什么体验"，会主动加功能、做动画、优化显示，但性能意识稍弱，需要人工把关。

6.3 修复成本对比

如果以"能直接用于生产"为标准，三个产物的修复成本大概是：Step 5 Preview 改十几行坐标转换代码，DeepSeek V4 Pro 补三行阴影配置，GLM5.3 把渲染循环里的对象创建提到外面。三个的修复量都不大，但问题的性质不同——Step 5 Preview 是逻辑理解偏差，DeepSeek V4 Pro 是配置遗漏，GLM5.3 是性能习惯问题。从"修复后代码质量"看，Step 5 Preview 的底子最好，因为它的结构最规范，后续扩展最省心。

7. 实测中踩到的共性坑和修复思路

7.1 坐标系混乱：世界坐标 vs 局部坐标

三个模型都不同程度地在坐标系上栽过跟头。最典型的是把世界坐标当成局部坐标用。比如给方块设位置时，如果方块是某个父对象的子节点，position.set(1, 0, 1)设的是相对于父节点的局部坐标，不是世界坐标。Step 5 Preview 在生成收集物时把方块直接加到了场景根节点，所以没暴露这个问题；但如果它把方块加到一个旋转过的容器里，位置就会全乱。

修复思路很简单：明确每个对象的父节点是谁，位置是相对谁的。如果拿不准，用getWorldPosition()取世界坐标，用worldToLocal()做转换。这个坑在2D项目里不明显，因为2D的层级通常很浅，但3D项目里嵌套层级一多就容易出问题。

7.2 渲染循环里的对象创建

前面提过GLM5.3的GC问题，其实Step 5 Preview 和 DeepSeek V4 Pro 也有类似倾向，只是没GLM5.3那么频繁。渲染循环是每秒执行60次的高频代码，里面任何new操作都要警惕。我的经验是：能在循环外创建的，绝不在循环内创建；必须动态创建的，用对象池复用。

具体到Three.js，常用的Vector3、Quaternion、Matrix4都应该提前创建好，在循环里用.set()、.copy()、.add()这些方法复用。这个习惯养成之后，帧率会稳定很多，尤其是在低端设备上。

7.3 阴影不显示的三类原因

阴影不显示是3D项目的高频问题，三个模型里有两个踩过。总结下来无非三类原因：光源没开castShadow、物体没开castShadow或receiveShadow、阴影相机的范围没覆盖到物体。排查顺序就按这个来：先看光源，再看物体，最后看阴影相机边界。

阴影相机这块特别容易被忽略。平行光的阴影相机是个正交相机，默认范围可能只有几十个单位，如果场景很大，远处的物体就不在阴影范围内，自然没有阴影。解决办法是调整shadow.camera.left/right/top/bottom，让它覆盖整个场景。

7.4 相机跟随的抖动问题

相机跟随如果处理不好，会出现抖动。常见原因是相机位置和角色位置在同一帧里更新，但更新顺序不对。正确顺序是：先更新角色位置，再更新相机位置，最后渲染。如果反过来，相机会基于上一帧的角色位置计算，产生一帧的延迟，快速移动时就会抖。

另一个抖动来源是lerp系数和帧率不匹配。如果游戏跑在120Hz的屏幕上，同样的lerp系数会让相机跟得更快，手感就和60Hz不一样。严谨的做法是把系数乘以deltaTime做帧率补偿，但大多数小项目直接用固定系数也能接受。

8. 从这次实测里我总结的选型建议

8.1 按项目类型选模型

如果你要做的是一个需要长期维护、会不断加功能的3D项目，我建议优先考虑 Step 5 Preview 的产物作为起点。它的模块化结构让后续扩展最省力，加个新角色、新道具、新关卡，都能找到对应的文件去改，不会牵一发动全身。那个坐标坑改一次就永久解决了，不影响后续。

如果你要做的是快速验证一个玩法原型，DeepSeek V4 Pro 的单文件方案最合适。双击就能跑，改起来也直观，适合头脑风暴阶段。等玩法验证通过了，再考虑重构成模块化项目。

如果你要做的是面向用户的成品小游戏，GLM5.3 的产物最接近"可交付"状态，它的额外功能省了你不少事。但上线前一定要做性能优化，把渲染循环里的对象创建清理一遍，否则在低端手机上会卡。

8.2 给AI写3D项目需求的技巧

这次实测让我对"怎么给AI写3D需求"有了新认识。坐标系的约定一定要写清楚——是Y轴向上还是Z轴向上，相机是透视还是正交，移动是相对世界还是相对相机。这些不写清楚，模型就会按自己的默认理解来，结果可能和你的预期不符。

渲染相关的配置要单独列出来——阴影开不开、用什么光照、需不需要后处理。这些配置项模型很容易漏，列出来能显著提高首次运行的成功率。

性能约束要提前说——目标帧率是多少、运行在什么设备上、场景规模大概多大。说了之后模型会有意识地避免高频对象创建，产物质量会高一截。

8.3 人工把关的重点

不管用哪个模型，AI生成的3D代码都需要人工过一遍。我自己的检查清单是：先跑起来看有没有黑屏，再动一动看操作跟不跟手，然后看阴影和光照对不对，最后开性能面板看帧率稳不稳。这四步走完，基本能覆盖80%的问题。

特别要盯的是渲染循环，这是3D项目的心脏，也是AI最容易写出性能问题的地方。循环里每多一个new，每多一次console.log，都会在长时间运行后累积成卡顿。养成"循环内零分配"的习惯，产物质量会有质的提升。

注意：AI生成的3D代码在数学计算上通常没问题，但在"空间直觉"上经常出偏差。移动方向、相机朝向、物体旋转这些涉及空间关系的逻辑，一定要亲手测一遍，不要只看代码觉得对就放过。

9. 几个可以直接抄的实用代码片段

9.1 相机空间移动（通用）

这段代码适配任何第三人称3D项目，直接抄：

const forward = new THREE.Vector3(); const right = new THREE.Vector3(); const moveDir = new THREE.Vector3(); const UP = new THREE.Vector3(0, 1, 0); function updateMovement(delta) { camera.getWorldDirection(forward); forward.y = 0; forward.normalize(); right.crossVectors(forward, UP).normalize(); moveDir.set(0, 0, 0); if (keys.w) moveDir.add(forward); if (keys.s) moveDir.sub(forward); if (keys.d) moveDir.add(right); if (keys.a) moveDir.sub(right); if (moveDir.lengthSq() > 0) { moveDir.normalize(); player.position.addScaledVector(moveDir, speed * delta); } }

注意这里用了delta做帧率补偿，移动速度不会因为帧率变化而改变。addScaledVector比先乘再加更简洁，也少一次临时对象创建。

9.2 平滑相机跟随（带帧率补偿）

const cameraTarget = new THREE.Vector3(); const cameraOffset = new THREE.Vector3(0, 5, 8); function updateCamera(delta) { cameraTarget.copy(player.position).add(cameraOffset); const t = 1 - Math.pow(0.001, delta); // 帧率无关的插值系数 camera.position.lerp(cameraTarget, t); camera.lookAt(player.position); }

这里的1 - Math.pow(0.001, delta)是个技巧，它让插值速度在不同帧率下保持一致。0.001是"每秒衰减到千分之一"的意思，数值越小跟随越快。这个写法比固定系数更专业，值得记住。

9.3 距离碰撞检测（带防重）

const collectDistance = 1.2; const tempVec = new THREE.Vector3(); function checkCollectibles() { for (let i = collectibles.length - 1; i >= 0; i--) { const item = collectibles[i]; if (item.userData.collected) continue; tempVec.copy(item.position).sub(player.position); if (tempVec.lengthSq() < collectDistance * collectDistance) { item.userData.collected = true; score++; // 触发收集动画，动画结束后再真正移除 playCollectAnimation(item, () => { scene.remove(item); collectibles.splice(i, 1); }); } } }

用lengthSq()代替length()省一次开方运算，虽然对20个物体来说无所谓，但习惯养成了对大规模场景有好处。倒序遍历是为了在splice时不影响未处理的索引。

10. 最后聊几句实际用下来的感受

这三个模型我都用了一段时间，最大的感受是：它们不是互相替代的关系，而是各有各的适用场景。Step 5 Preview 适合打地基，DeepSeek V4 Pro 适合攻逻辑难点，GLM5.3 适合做体验优化。真要做项目，完全可以先用 Step 5 Preview 搭结构，遇到核心算法让 DeepSeek V4 Pro 把关，最后用 GLM5.3 补交互细节。这种"组合拳"打法，比死磕一个模型效率高得多。

另外提醒一句，3D项目的调试成本比2D高很多，因为问题往往不是"报错"而是"看起来不对"。角色穿墙、阴影错位、相机抖动，这些都不会抛异常，只能靠肉眼观察和逻辑推理。所以用AI生成3D代码时，一定要把测试环节做扎实，每个功能都亲手操作验证，不要因为"代码看起来对"就跳过测试。我这次实测里发现的几个坑，全都是跑起来之后才暴露的，光看代码根本看不出来。

如果你也在用这几个模型做3D相关的东西，欢迎交流你踩到的坑。这个领域变化太快，今天的最佳实践可能下个月就过时了，保持实测、保持记录，比什么都重要。