-
使用overflow:hidden触发BFC或clearfix伪元素可解决浮动导致的父元素塌陷，现代布局推荐flex或grid避免问题。
-
useMemo的核心思想是通过缓存计算结果并在依赖项未变化时直接返回缓存值来避免重复计算，其关键在于依赖项数组的正确使用，它决定了何时重新执行计算；该机制解决了因不必要的重复计算和引用变化导致的性能瓶颈问题；useMemo用于缓存值，而useCallback用于缓存函数引用，两者共同优化React组件的渲染性能。
-
HTML5调用JS插件在电视端能否使用，取决于插件是否依赖被裁剪的API或桌面特性；主流电视浏览器基于定制Chromium/WebKit但禁用getUserMedia、限制localStorage、WebSocket易中断、requestAnimationFrame帧率不稳、fetch跨域受限。
-
Python中private字段不能仅靠命名约定代替，因下划线前缀无强制访问控制；需用__name+property组合实现真正封装与校验。
-
必须配background-size是因为渐变本质是静态背景图，只有当background-size大于容器时，background-position才有移动空间；若为auto或100%100%，则严丝合缝无位移余量。
-
答案：CSS弹性盒子通过与CSS变量结合，实现布局与样式的分离，使多主题切换时仅需更新颜色、间距等变量，而无需修改Flexbox定义的结构。利用flex-direction、gap等属性构建稳定布局骨架，配合自定义变量控制主题外观，如亮色/暗色模式下背景、文字颜色变化，同时保持容器排列逻辑不变。面对动态内容或主题差异，Flexbox的flex-grow、flex-shrink等特性可自动调整元素尺寸，适应不同文本长度或图标大小，避免布局溢出。开发者常遇挑战包括过度嵌套和order属性影响无障碍性，解决方式
-
Safari对calc()结果执行向下取整（floor），导致宽度/高度差1px；Chrome、Firefox则四舍五入或保留小数，这是WebKit布局阶段的数值处理策略，并非bug。
-
LLVMFunctionPass无法全自动安全剔除DeadCode，因其仅能识别最简单无用指令，无法判定动态调用、函数指针、反射、宏展开等场景；实际可行路径是标准优化+静态检测工具定位+人工确认删除。
-
本文介绍如何在React+react-hook-form项目中，借助Yup的test自定义验证方法，检查用户输入是否属于指定的白名单数组（如姓名列表），并配合错误提示实现精准表单校验。
-
HTML5向后兼容HTML4网页，旧标签如<font><u>等仍被解析渲染，但语义弱或样式有差异；真正影响兼容性的是DOCTYPE触发的标准/怪异模式切换及API支持情况。
-
flex-grow未让菜单项等宽，主要是因父容器缺少display:flex、子项存在min-width/内容过长或padding/border干扰；应设flex:1和min-width:0，并确保容器有明确宽度。
-
border-radius对浮动图片完全生效，但需注意父容器overflow设置、图片显式宽高及object-fit行为，否则易因裁剪或渲染时机导致圆角“失效”。
-
物理引擎如Matter.js可高效实现游戏中的真实互动，简化重力、碰撞等处理；以Matter.js为例，几行代码即可创建受重力影响的小球与静态地面的交互，自动完成物理模拟。即使使用引擎，掌握基础碰撞检测算法仍至关重要：矩形间采用AABB法判断x、y轴重叠，圆形间通过圆心距离与半径和比较，圆形与矩形则找矩形上最近点再计算距离。为提升性能，应采用空间分区（如四叉树）、分阶段检测（先粗后精）等优化策略，并根据项目需求合理选择方案——轻量级项目可手动实现，复杂游戏宜用Box2D.js或Planck.js等强大引擎
-
CSS变量在calc()中必须用var()包裹且带单位，否则因语法错误被静默丢弃；预处理器变量需插值；小程序中calc()易被截断，需转义并避免跨单位混用；空格是calc()语法必需。
-
函数声明会被提升，函数表达式不会；前者可在声明前调用，后者则报错；块级函数声明在严格模式下仅限块内有效，建议统一用函数表达式确保兼容性。
