-
需用浏览器媒体捕获API实现摄像头调用：一、用getUserMedia获取视频流并绑定video；二、用canvas截帧转图片；三、用MediaRecorder录制视频；四、处理权限与设备异常；五、适配移动端横竖屏及镜像。
-
JavaScript实现进度条核心是动态更新width或transform:scaleX()，用requestAnimationFrame配合缓动函数实现60fps平滑动画，需校验计算安全、同步ARIA属性并兼顾无障碍与移动端适配。
-
在为元素添加事件监听器时，直接调用带参数的函数（如func(arg)）会导致函数立即执行而非等待事件触发；正确做法是传入一个未执行的函数引用，或使用箭头函数/匿名函数包裹调用逻辑。
-
外边距叠加指垂直相邻元素的外边距合并为较大值，常见于块级元素间。可通过添加边框、使用BFC、统一设置margin-bottom等方式避免布局错乱。
-
本文提供一种可靠方案，通过performance.getEntriesByType('navigation')结合document.referrer判断页面加载方式，精准控制Lottie预加载动画仅在首次访问（外部跳转、地址栏输入、手动刷新）时显示，避免内部导航触发。
-
使用Flexbox的flex-wrap结合负margin和媒体查询，可实现响应式按钮组布局。通过设置.button-group为flex容器并启用换行，配合负边距抵消外边距，确保按钮间有间隙且不溢出；在小屏幕下利用mediaquery使按钮占满整行，提升触控体验。该方法无需JavaScript即可适配多设备，保持布局整齐美观。
-
本文介绍使用Pythonrequests库爬取受反广告拦截（anti-adblock）机制保护的网站时，通过Google网页缓存（WebCache）作为代理源获取原始HTML内容的实用方案。
-
BigInt解决了JavaScript中大整数精度丢失问题，能精确表示任意大小整数；它与Number类型不同、不可隐式转换，适用于加密、大ID等场景，但不支持Math方法、JSON序列化及小数运算。
-
text-indent属性通过设置首行缩进影响换行，过大值会减少可用宽度导致文本换行，如容器宽200px时设180px缩进易触发换行；负值结合padding-left可实现悬挂缩进，如text-indent:-20px与padding-left:20px使首行左移、其余行右移；该属性仅对块级或inline-block元素有效，行内元素需转换显示类型才生效；JavaScript可通过屏幕宽度动态计算缩进值并实时调整，如监听页面加载与窗口变化事件实现响应式缩进。
-
用浏览器开发者工具可快速定位HTML元素：按Ctrl+Shift+C进入选择模式，动态元素需先交互再检查，ShadowDOM需手动展开；控制台用querySelector可验证选择器；本地文件用grep/rg搜索；批量处理用BeautifulSoup解析更可靠。
-
答案：构建SSR应用需选支持框架如Next.js/Nuxt.js，确保服务端预渲染HTML、数据预加载、避免浏览器API滥用，并通过缓存优化性能。
-
最常用写法是tr:nth-child(odd)和tr:nth-child(even)，但需注意它按父容器中所有tr位置计数，thead/tfoot中的tr也参与计数，易导致隔行变色错位；应限定为tbodytr:nth-child(odd)以确保仅作用于数据行。
-
details和summary是HTML原生提供的折叠/展开组件，其中details为容器，summary为触发标题；2.它们适用于FAQ页面、补充信息展示、法律条款摘要、技术细节隐藏等场景；3.可通过CSS自定义样式（如替换默认箭头、添加悬停效果）和JavaScript实现动画、手风琴效果及状态监听；4.使用时需注意浏览器兼容性（IE不支持）、SEO（内容可被搜索引擎索引）、无障碍性（避免破坏原生语义）、动画限制（需JS模拟平滑过渡）以及summary必须作为details的第一个子元素且不可错序嵌套。
-
dragstart中必须调用dataTransfer.setData()，否则拖拽失败；drop区需在dragover中preventDefault()才能触发drop；跨iframe需序列化数据；移动端不支持原生拖放，须降级处理。
-
本文介绍在React中通过受控组件和正则过滤，严格限制<input>仅接受纯阿拉伯数字（0–9），彻底禁用负号（-）、小数点（.）、字母、空格及其他任何特殊字符的完整实践方案。
