-
translate属性是向浏览器翻译引擎发出的明确禁译指令，仅影响自动翻译行为；必须加在代码标识符、API路径、版本号、CSS类名等技术字符串上，且需注意继承例外与动态内容手动补全。
-
纯前端即可实现实时BMI计算：监听input事件，用parseFloat清洗输入，按中国标准分类并toFixed(1)显示，校验非正数防止NaN，textContent更新结果。
-
心跳间隔应设为路径中所有中间设备最小空闲超时值的0.6～0.7倍，例如最小超时45秒，则心跳设25～30秒；需服务端主动发PING、客户端立即回PONG，且重连成功后首帧即心跳。
-
表单提交后页面跳转但后端收不到数据，主因是未配置正确的action和method属性、后端未监听对应路径或缺少请求体解析中间件；需确保action指向有效后端地址、method匹配接收方式，并在Express等框架中启用express.urlencoded()和express.json()中间件。
-
答案：JavaScript通过HistoryAPI实现无刷新路由控制，利用pushState和replaceState操作历史记录，结合popstate事件监听前进后退，可构建简易前端路由系统；实际开发中多使用ReactRouter等基于该API的框架库来管理复杂路由与状态。
-
structuredClone()无法拷贝ImageData实例，因其被HTML规范列为“不可克隆的平台对象”，直接调用会抛出DataCloneError；推荐手动重建：用structuredClone(imageData.data)克隆像素数组，再结合width、height创建新ImageData。
-
准确检测Retina屏的核心是window.devicePixelRatio≥2，它是唯一稳定、无需polyfill的原生信号；其他方法如媒体查询、UA解析或宽高比计算均因兼容性或响应性问题不可靠。
-
实现弹性按钮布局的关键在于结合CSS框架的工具类与Flexbox，Bootstrap通过d-flex、flex-row等类快速构建响应式布局，Tailwind则用flex、gap-2等原子类提供更灵活控制，二者均支持响应式断点与换行，确保按钮在不同屏幕下自适应排列。
-
通过设置body{overflow:auto}并移除子容器的overflow-y:scroll，可将滚动行为交由浏览器窗口接管，避免在页面中部出现孤立的滚动条。通过设置`body{overflow:auto}`并移除子容器的`overflow-y:scroll`，可将滚动行为交由浏览器窗口接管，避免在页面中部出现孤立的滚动条。在Web开发中，当页面内容超出视口高度时，我们常希望整个页面自然滚动，而非某个内部容器（如#c
-
原生getter哨兵通过被动拦截“幽灵对象”属性访问来精准捕获内存泄漏，而非监听值变化；它轻量、兼容性好、可追溯调用栈，适用于开发阶段快速定位闭包残留、事件未解绑等典型泄漏场景。
-
移动端蓝灰色高亮是iOSSafari等浏览器对元素硬编码的taphighlight反馈，非普通CSS:active样式；应使用-webkit-tap-highlight-color:rgba(0,0,0,0)禁用，并通过JS监听touchstart/touchend模拟可靠点击反馈。
-
应使用CSScolor属性而非废弃的<font>标签；内联样式适合临时调试，类选择器利于统一维护；需显式定义伪类如:hover；注意可访问性与对比度规范。
-
TailwindCSS不支持在类名中直接使用calc()表达式，因其工具类为静态预生成，仅识别配置值或字符串字面量，不解析运行时CSS函数；方括号语法（如w-[calc(100%-2rem)]）仅透传合法CSS值字面量，而calc()是需浏览器计算的函数调用，JIT引擎拒绝解析且生成无效CSS。
-
IntersectionObserver初始化时不触发回调，主因是目标元素未挂载到DOM或offsetParent为null（如display:none、父级未渲染）；需确保元素已渲染且可见，延迟至useEffect/mounted中调用observe，并验证getBoundingClientRect有效。
-
不能继承HTMLInputElement等内置表单元素，因浏览器已策略性封禁；唯一稳定方案是自治型自定义元素+attachInternals()，通过setFormValue和setValidity接入原生表单管线。
