-
通过检测全局对象区分环境，如用isNode()判断；2.避免使用fs、document等平台特有API；3.用polyfill兼容功能差异，如node-fetch、path-browserify；4.采用ESM并配置package.json支持双模块语法，实现跨平台运行。
-
TV浏览器普遍不支持HTML5audioTracksAPI，导致无法显示音轨选择器；应改用MediaSource方案，为每条音轨提供独立URL并通过video.src切换。
-
Bootstrap网格需嵌套在.container或.container-fluid内才生效，.row和.col类依赖父容器宽度及负边距逻辑；必须“移动优先”书写断点类如.col-12.col-sm-6.col-lg-4，且避免嵌套flex干扰计算。
-
:valid-within不存在，是误传概念；浏览器仅支持单元素:valid/:invalid，表单组整体验证需JavaScript实现，监听input/blur事件并调用checkValidity()判断。
-
使用浏览器开发者工具（如ChromeDevTools）可全面分析JavaScript性能，涵盖CPU、内存和事件循环；2.console.time与console.timeEnd适用于简单耗时测量；3.performanceAPI提供高精度时间标记与测量，适合生产环境；4.Node.js支持--inspect、--cpu-prof等命令行工具进行服务端性能分析；5.第三方库如Lighthouse、WebVitals和perf_hooks可实现自动化监控。应根据场景选择合适工具组合，持续跟踪性能基线以发现退
-
removeEventListener方法用于卸载之前通过addEventListener绑定的事件监听器，避免内存泄漏和重复触发问题。使用时需注意三点：1.传入与添加时完全相同的事件类型、处理函数引用及第三个参数；2.避免使用匿名函数，否则无法移除；3.确保捕获/冒泡阶段参数一致。常见问题包括this上下文不一致、匿名函数引用不匹配及参数不一致。解决方案有：1.始终使用具名函数；2.利用AbortController统一管理多个监听器，调用controller.abort()即可批量移除；3.采用事件委
-
本文详解如何将图片设为Canvas背景，并确保其在窗口缩放时保持比例、居中显示，同时兼顾后续绘图的响应式适配。
-
内联样式通常拖慢渲染性能，因绕过CSS缓存与解析优化；仅极少数纯静态场景或微秒级样式应用略快，但不提升整体渲染。外部样式表仍是生产首选，支持缓存、复用、压缩及现代工作流。
-
JavaScript类型转换核心在于隐式转换规则：==比较时按固定路径分步转换，Number()、parseInt()和+行为不同，对象转原始值优先调用valueOf()再toString()。
-
本文详解React中使用map渲染多个受控输入时，为何所有字段共享同一状态值，并提供基于索引或键名的多字段状态管理方案，附可运行代码与关键注意事项。
-
本文详解如何在Vue3组合式API中，通过v-model将父组件中的响应式状态（如user.favoriteColor）双向绑定到可复用的SelectInput子组件，实现数据同步与事件响应。
-
@import不能解耦页脚CSS，因它不提供作用域隔离，所有样式仍全局生效；真正解耦需作用域控制，如模块化引入、BEM命名、容器前缀选择器及避免通配符和!important。
-
HTML5中背景图必须用CSS的background-image实现，应写在<style>或外部CSS中而非HTML内联样式，路径需相对于CSS文件，常见问题多因路径错误导致404。
-
编写可测试的JavaScript代码需在设计时注重高内聚、低耦合。1.优先使用纯函数处理逻辑，将副作用操作隔离；2.避免全局状态，通过参数注入依赖如时间或随机值；3.采用依赖注入解耦服务，便于模拟API等外部依赖；4.模块化拆分职责单一的函数和模块，提升测试专注度；5.异步代码应返回Promise并支持可控延迟，方便测试跳过时间依赖；6.使用Jest等现代测试工具，结合mock和jsdom模拟环境。核心是确保代码行为可预测、依赖可替换、逻辑可分割，从而实现高效可靠的单元测试。
-
当使用display:inline-block布局图文并排内容时，图片尺寸变化会意外推动相邻元素下移——根本原因在于inline-block元素默认按基线（baseline）对齐，而非顶部对齐。
