-
代码混淆重在“藏意思”，通过重命名、编码、插入死代码等方式让人看不懂但可执行；压缩重在“省体积”，通过删空格注释、简化表达式等保持逻辑不变。两者目标不同，常配合使用但不可替代。
-
JavaScript可通过qrcode.js生成二维码，jsQR实现实时扫描解析，ZXing用于解析图片文件中的二维码，三者分别适用于网页生成、摄像头扫码和上传图片识别场景。
-
真正有效的暴力破解防护必须在服务端实现，通过Redis以IP+用户名为键记录失败次数并设置过期时间，登录成功后清除计数，同时需考虑设备指纹、并发竞争和分布式降级等细节。
-
CSS动画不会因遮挡或切页自动暂停，需用visibilitychange监听页面可见性或IntersectionObserver检测元素可视性来手动控制播放状态。
-
scroll-behavior:smooth无反应的主因是样式未生效于html根元素或滚动行为绕过CSS控制；需确保写在html上且未被覆盖，JS的scrollIntoView或scrollTo可独立启用平滑滚动。
-
掌握正则高级技巧可高效处理文本，①用分组捕获提取年月日，②命名捕获提升可读性，③前瞻后顾精准匹配金额，④惰性匹配避免越界，⑤replace回调动态首字母大写。
-
本文详解React函数组件中因闭包导致的state陈旧（staleclosure）问题，通过重构状态结构、分离渲染逻辑与事件处理，确保按钮点击总能基于最新state执行更新。
-
语音输入后表单验证未触发，因原生语音输入不派发input/change事件；需在speechend回调中手动dispatchEvent('input')并调用reportValidity()校验，同时兼容iOS/Safari等不支持webkitSpeechRecognition的场景。
-
border-width默认增加元素总宽度，如width:200px加border:10px后实际宽220px；box-sizing:border-box可将其纳入width计算，但不改变渲染厚度且对table、动画等有局限。
-
项目选CSS框架需先确认三点：团队熟悉度、是否需快速出原型、设计系统是否固定或需高度定制；Tailwind适合改得快但HTML膨胀，Bootstrap适合快速交付管理后台但定制难。
-
CSS无法匹配data-前缀属性，必须显式写出完整属性名如[data-id]；伪通配写法[attr^="data-"]或1均无效；批量控制应统一加class，再用类选择器，或由JS动态添加class并监听变化。data-↩
-
position:absolute配合transform:translate(-50%,-50%)是最简洁可靠的居中方案，无需预知宽高、兼容IE9+；需确保父容器为position:relative或直接挂载于body，避免transform等创建新定位上下文。
-
AbortController和signal是浏览器原生取消异步操作的标准方案，通过新建controller并传入signal实现fetch取消，调用abort()触发DOMException("AbortError")，需在ReactuseEffect清理函数中调用，超时需手动setTimeout配合abort，多信号合并用AbortSignal.any。
-
使用CSS变量--duration和--easing统一管理动画时长与缓动函数，通过:root定义基础值、局部覆盖实现响应式与差异化控制，避免硬编码和calc()动态计算，提升可维护性与视觉一致性。
-
答案：input可通过常规CSS样式定制；select需用appearance:none去除原生样式并结合背景图自定义箭头；checkbox则需隐藏原生控件，利用伪元素和label模拟外观，确保可访问性。
