JavaScript正则高效核心是减少回溯、明确意图：优先字面量、避嵌套量词、用原子组和锚点；test()校验最快，exec()可控性强；需注意u/y标志及Unicode处理。

margin:auto在块级元素上失效的典型原因是未设置明确width；其水平居中需满足块级元素且width为具体值，否则浏览器无法分配左右外边距。

使用iframe或JavaScriptAPI可将地图嵌入网页。①iframe方式简单，适用于静态展示，如GoogleMaps通过复制嵌入代码即可；②百度地图和GoogleMaps的JavaScriptAPI支持交互功能，需申请密钥并初始化地图实例，适合标记、缩放等操作；③选择方案应根据是否需要交互决定，并注意API调用可能产生费用。

浮动布局仍适用于小图标因其尺寸固定、数量少、无需响应式重排，且比Flex/Grid更轻量、兼容IE8+；关键在于正确清除浮动、控制盒模型及避免与Flex混用。

JavaScript模块是运行时真实隔离的作用域单元，需type="module"声明，遵循严格模式、defer执行、路径带扩展名等规则，导出导入基于实时绑定与单例机制。

本文介绍如何通过原生JavaScript实现“点击图片以外的任意区域自动关闭灯箱”的交互效果，无需依赖框架，兼容现代浏览器，代码简洁高效。

空格本身不干扰爬虫，真正问题是DOM结构脆弱、选择器过度依赖格式或服务端渲染变更；B站div末尾空格致CSS选择器失效，因>要求严格子元素关系；BeautifulSoup保留原始空白，lxml更宽容但xpath可能捕获前导空白；需区分处理文本、属性值及 实体；pandas.read_html对表格最鲁棒；空格频发本质是SSR转向CSR，应优先检测原始响应，转向API或无头浏览器。

使用:hover与transition可实现平滑的CSS动画效果，如按钮悬停变色、卡片缩放等，无需JavaScript且性能良好。通过设置transition控制颜色、大小、位置等属性的变化过程，结合transform和opacity等GPU加速属性可提升流畅度，支持多属性过渡与不同缓动函数，增强交互层次感。需注意在默认状态定义transition，避免使用影响性能的layout属性及不支持过渡的display和visibility，同时考虑移动端hover兼容性问题。

HTML5<inputtype="date">无原生清空按钮，需用自定义按钮设value=""并派发input和change事件；React/Vue中还需同步更新状态，否则绑定逻辑无法感知清空。

应使用显式类名（如.is-disabled）替代:disabled伪类，配合opacity、pointer-events:none和cursor:not-allowed，确保禁用态样式可靠、可动画、跨浏览器一致，并避免仅依赖opacity导致的可读性与交互问题。

跨域iframe无法直接访问contentWindow属性，只能通过postMessage通信；需严格校验event.origin、确认parent可达性、主动上报加载状态，并设计健壮的消息格式与生命周期管理。

事件循环是单线程下协调任务执行的机制，按“主线程→微任务→宏任务”顺序调度，每次宏任务后清空微任务队列，再取下一个宏任务。

现代JavaScript推荐用fetch发起GET请求，最简写法为fetch('/api/user')，但需注意默认不带cookie、HTTP错误码不会自动reject，且响应体需手动解析。

transition可同时过渡多个属性，用逗号分隔各声明，浏览器独立执行；需明确指定属性名与持续时间，慎用all；仅支持可计算、有中间值的属性，transform和opacity性能更优；transition-property:none会完全禁用所有过渡。

linear-gradient()和radial-gradient()不是颜色，而是返回<image>类型的图像生成函数，仅适用于background-image等接受图像的属性，不能用于color、border-color等需颜色值的属性。