-
Less无法直接读取环境变量，必须通过构建工具（如Webpack的less-loader.modifyVars、Vite的lessOptions.modifyVars）将环境值作为全局变量注入，并结合if()函数实现条件样式；复杂场景推荐CSS自定义属性+JS运行时切换。
-
需监听plusready事件确保5+Runtime初始化后调用plus对象；通过plus.device获取设备信息并检测权限；用plus.runtime管理应用更新与生命周期；以plus.webview控制多窗口跳转及通信；借plus.nativeUI实现原生级交互组件。
-
vertical-align:middle在移动端常失效，因其仅对inline和table-cell元素有效，而flex/grid容器中完全无效；iOSSafari对baseline计算更严格，且实际对齐的是contentarea中点而非视觉中心。
-
HTML5显示图片有三种方法：一、用<img>标签src属性加载本地或网络图片，需设相对/绝对路径及alt文本；二、用FileReaderAPI读取用户选择的文件并转为DataURL动态显示；三、用URL.createObjectURL()创建临时URL预览图片，需配合revokeObjectURL释放内存。
-
HTML无法直接获取Wi-Fi或蜂窝信号强度，需依赖JavaScript调用navigator.connection等API间接判断网络质量，仅支持effectiveType和downlink，不提供dBm或格数。
-
纯HTML无法显示农历日期，必须用JavaScript调用lunar-javascript等成熟库实现；推荐CDN引入或npm安装，注意月份参数为1–12；避免document.write，应操作DOM元素；服务端渲染更可靠，需统一时区并回归验证。
-
直接用Object.defineProperties给自定义元素加响应式属性会失效，根本原因是setter未主动触发DOM更新（如render()或setAttribute），且未与attributeChangedCallback协同，导致属性变更不驱动UI重绘或attribute同步。
-
最轻量可控的禁止索引方式是在<head>中添加<metaname="robots"content="noindex,nofollow">，因其直接指令搜索引擎不收录且不跟踪链接，而robots.txt仅限制抓取、无法阻止已外链页面被索引。
-
加<divstyle="clear:both"></div>能显示父容器背景，是因为它强制撑开塌陷的父容器高度；真正有效需满足三条件：位置在浮动元素之后、display非inline/none、不可设visibility:hidden或display:none。
-
<meter>标签表示已知范围内的标量值位置，非进度条；需正确设置min/max/value/low/high才具语义；样式定制须分浏览器处理伪元素；多数场景推荐<div>+ARIA替代。
-
<script>放在<head>中会阻塞DOM构建，浏览器必须下载、解析并执行脚本后才继续解析HTML，导致首屏白屏；同步脚本尤其危险，document.write()甚至会清空文档。
-
AST静态分析可安全识别并替换非原子化DOM操作：遍历CallExpression匹配危险模式，依语义判定是否合并，生成带sourcemap的等效代码，跳过动态代码与第三方库调用。
-
absolute+margin:auto居中需同时满足四边为0、宽高明确、父容器为定位上下文；遮罩场景易因裁剪、滚动偏移、视口变化失效，推荐fixed+flex替代。
-
IE8及更早版本不识别HTML5语义标签，因其DOM解析器忽略未知标签名，导致元素不存在、CSS无法匹配、JS查询返回null；必须在<head>最顶部用document.createElement提前声明所有新标签并配合display:block样式重置。
-
Three.js场景全黑通常是因为缺少基础光照，仅用点光源无法照亮默认材质的物体，必须添加环境光（AmbientLight）提供全局基础照明。Three.js场景全黑通常是因为缺少基础光照，仅用点光源无法照亮默认材质的物体，必须添加环境光（AmbientLight）提供全局基础照明。在你的代码中，虽然已创建了PointLight（点光源），但MeshStandardMaterial是一种基于物理的材质（PBR），它不会响应纯方向性或点光源的“直接
