-
平板端布局混乱主因是响应式设计忽略中等屏幕；2.使用Flexbox的flex-wrap和min-width确保元素弹性与换行；3.采用CSSGrid的minmax()与auto-fit实现自适应列数；4.添加768px–1024px针对性媒体查询调整布局细节；5.配合相对单位如%、rem、fr提升整体适配性。
-
浮动布局虽被flex和grid取代，但在图文环绕、简易导航、表单内联等轻量场景中仍具实用价值，尤其兼容旧浏览器且代码简洁。
-
CSS动画性能关键在属性选择与控制：width/height/top/left等触发重排，box-shadow/filter等易致重绘；应优先使用transform和opacity等合成属性；需限制并发数量、视口外暂停、交互动画≤300ms，并合理设置时长与缓动。
-
WebNFCAPI必须在HTTPS或localhost安全上下文中使用，否则NDEFReader构造函数抛出SecurityError；仅Chrome90+和Edge117+支持，Safari与Firefox完全不支持；所有操作须由用户手势触发，且需设备NFC开启并解锁屏幕。
-
表单验证必须同时使用addEventListener('input')和submit事件：input实现实时反馈，submit作为防绕过兜底；正则需严格使用^和$锚定边界，并配合trim()处理空格，所有前端校验均不可替代服务端验证。
-
watch失效主因是父组件异步数据晚于子组件挂载，导致首次prop赋值不被视为“变化”；推荐用v-if延迟子组件挂载或watchEffect+条件判断来规避。
-
原生alert/confirm/prompt不响应Esc键，因其为同步阻塞式API，非DOM元素，不派发任何事件；仅<dialog>支持Esc触发cancel事件，且需showModal()并可preventDefault()拦截。
-
使用可选链（?.）可安全绑定事件，避免因DOM节点未挂载、已移除或为null导致的“Cannotreadproperty'addEventListener'ofnull”错误；它使查询与绑定串联执行，任一环节为空即终止，不报错。
-
HTML5原生不支持RTSP，video标签无法直接播放rtsp://地址，因RTSP是控制协议且浏览器无内置解析器；帧率问题根源在后端转流参数、HLS切片设置或WebRTCSDP协商等环节。
-
移动端scroll-behavior:smooth不可靠，因iOSSafari15.4前不支持、X5WebView静默降级，必须用JS主动调用+运行时检测+降级兜底。
-
图标不显示的常见现象是本地正常、发布后变方框或空白，Network中字体请求404或被拦截；主因是IIS未配置woff/woff2MIME类型、CSS相对路径失效、CDN跨域未授权。
-
闭包实现memoization的核心是让递归调用指向缓存函数本身，而非原始函数名；需正确赋值或IIFE封装，避免缓存失效；键生成须安全（如join('|')或白名单），并控制生命周期防泄漏；务必验证命中且函数纯。
-
使用jQuery.noConflict()可解决$变量冲突问题，释放$控制权后通过jQuery或自定义别名调用；可通过IIFE闭包在局部作用域安全使用$；需共存多版本时用noConflict(true)创建副本；建议尽早调用noConflict、避免全局污染，推荐模块化管理依赖。
-
闭包是函数记住并访问其定义时词法环境的能力，核心在于函数作为值、词法作用域与引用保持；可实现私有变量、解决循环异步bug、柯里化等。
-
Svelte的<style>标签默认作用域化，编译时自动为元素和选择器添加唯一哈希属性（如svelte-abc123），确保样式仅影响当前组件；若“失效”，多因选择器未匹配渲染DOM、slot内容逃逸、动态插入DOM未带哈希属性或误用:global/:deep。
