生成指定范围随机数组时要注意随机数是否在范围内避免重复计算

使用 PIXI.Loader.shared 替代新实例可避免缓存警告，但需注意资源加载期间不能重复添加。

模块联邦实现动态共享模块，避免重复打包但需注意依赖冲突问题。

定位时注意元素脱离文档流后对布局的影响，以及偏移参照物的不同。

白屏时间反映页面开始渲染前的空白期 首屏时间关注内容实际加载完成时刻 两者计算方式不同 优化方向也不同

页面出现乱码是因为 chrome 自动翻译导致，设置 html 语言为 zh-CN 可避免此问题。

封装 axios 时注意请求参数加密和统一处理响应状态，避免重复代码提高可维护性

eslint 和 prettier 配合使用能统一代码风格，但 vue 项目需禁用 prettier 格式化避免引号冲突。

异步加载导致控制台显示空对象但实际有数据，需用回调处理确保数据正确获取。

类私有变量用#号定义，空值合并和可选链能避免误判，BigInt处理大数更准确，动态导入提升性能。