-
静态分析能可靠识别简单require/module.exports模式，但对动态路径、条件导出、__dirname依赖和循环引用无法安全替换，必须人工校验；迁移后须验证Node版本≥14.18.0、package.json含"type":"module"、第三方依赖真正支持ESM，并重点测试import.meta.url与__dirname的路径行为差异。
-
@mixin更适合现代CSS架构；它支持参数、条件逻辑、@content嵌套及动态生成，维护成本低且作用域清晰；@extend虽编译紧凑但易致样式污染、调试困难、隐式依赖强，且无法响应动态需求。
-
new.target无法防止异步构造函数被劫持，因JavaScript不支持asyncconstructor；它仅能防护new调用路径的入口伪造，需结合静态工厂冻结、环境校验、懒初始化和代码完整性校验等多层策略。
-
color()函数不支持印刷专色，device-cmyk()和color(cmyk...)均无效；唯一可用广色域空间是display-p3，需@supports检测且仅在P3屏幕生效；印刷场景应脱离CSS，交由专业印前流程处理。
-
Map迭代天然无序，需显式排序构建有序字典：可通过key切片排序、维护插入顺序或使用有序map库实现，避免依赖偶然顺序。
-
正则{n,m}限制的是Unicode码点数而非字节数；若需校验UTF-8字节长度，必须配合后端编码计算，前端正则仅能粗略拦截。
-
Vue页面刷新数据丢失的根本原因是Vuex状态仅存于内存，需将关键信息如登录态、菜单、权限等持久化至sessionStorage；初始化时从sessionStorage读取并做类型转换，所有mutations中同步写入，推荐使用vuex-persistedstate插件实现可靠持久化。
-
生产环境Tailwind样式丢失主因是PurgeCSS误删class，需检查content配置是否覆盖动态class来源，正确设置safelist正则，并通过debug:true或临时禁用content验证。
-
闭包是构建跨平台适配层最轻量可靠的方式，通过在初始化阶段固化环境配置并捕获为自由变量，使函数调用无需运行时判断，支持多平台专属实例、行为封装及工厂函数动态创建。
-
浮动布局中空白间距主要由HTML换行、空格及默认margin/padding导致，可通过合并HTML标签、注释消除空格、设置font-size:0或重置样式清除，默认使用Flexbox或Grid布局更佳。
-
当使用opacity:0隐藏<inputtype="file">时，其原生焦点环不可见；可通过:focus-within伪类在父容器上添加自定义焦点样式，实现无障碍友好的视觉反馈。当使用`opacity:0`隐藏``时，其原生焦点环不可见；可通过`:focus-within`伪类在父容器上添加自定义焦点样式，实现无障碍友好的视觉反馈。在构建可访问的头像上传组件时，常将<inputtype="file"&g
-
现代浏览器强制阻止HTTPS页面加载HTTP资源，称混合内容：主动型（脚本/iframe等）直接拦截，被动型（图片/视频等）Chrome94+/Firefox100+也默认阻止；CSP无法绕过，修复须改用HTTPS或协议相对路径，第三方不支持HTTPS时需代理。
-
纯前端即可实现实时BMI计算：监听input事件，用parseFloat清洗输入，按中国标准分类并toFixed(1)显示，校验非正数防止NaN，textContent更新结果。
-
推荐使用EventSource（SSE）或WebSocket实现实时物流消息推送，禁用轮询；优先选EventSource（轻量、兼容好、单向），需后端支持text/event-stream；WebSocket适用于需双向通信的场景。
-
WebSocket连接超时时间不可运行时修改，DCDN平台该配置为静态项，仅控制台提交生效；Vite代理rewrite需用函数精确处理路径；Nginx须设proxy_http_version1.1并透传Upgrade头；SpringBoot注解端点路径不支持热重载。
