-
屏幕录制无法通过HTML直接实现，必须依赖JavaScript调用WebAPI；2.核心技术是使用MediaDevices.getDisplayMedia()获取屏幕流，再通过MediaRecorder进行录制和保存；3.常见问题包括用户权限拒绝、浏览器兼容性差异、音频捕获限制、性能开销大、文件体积大以及隐私安全风险；4.录制完成后可通过Blob生成下载链接实现客户端保存，或使用FormData结合fetch上传至服务器；5.大文件应采用分块上传策略以提升稳定性，后端可进行存储、转码、元数据提取等处理；6
-
cancelAnimationFrame必须传入requestAnimationFrame返回的有效帧ID才能取消未执行的帧请求，无法中断已进入回调队列的当前帧；动画函数内部须加状态守卫提前return，避免多余操作和内存泄漏。
-
外链的<img>或background-image引入的SVG无法用CSS控制内部<path>颜色，因其被当作位图处理；只有inlineSVG才能通过fill:currentColor或CSS变量动态换色。
-
推荐使用overflow-wrap:break-word解决长单词溢出，它优先保持单词完整，仅在必要时断行；而word-break:break-all会无差别切割，影响可读性。
-
图片不显示的四大原因：路径错误（相对HTML文件）、img标签不规范（未自闭合或缺alt）、CSS隐藏（如overflow:hidden或vertical-align问题）、格式兼容性差（如WebP不支持）。
-
推荐使用sepia(0.6)contrast(1.1)brightness(0.95)组合实现自然老照片效果，避免sepia(1)过重发黑；透明PNG需配合泛黄背景（如#f8f2e9）防止层次丢失；高保真褪色需Canvas或SVG方案，但性能开销大。
-
CSS选择器与动画结合可提升交互体验。通过transition配合后代选择器实现悬停效果，如.card:hover.title改变颜色和位置；使用animation与直接子选择器（>）定义@keyframes滑入动画，结合自定义属性--i设置延迟，实现列表项逐项显示；应避免深层嵌套选择器以提升性能，推荐用transform、opacity和will-change优化渲染，保持结构清晰与控制精准。
-
sanitize.css是现代项目必备基础样式库，它通过:where()保持低特异性、保障表单一致性、默认支持响应式与无障碍，比手动重置或使用reset.css更高效可靠。
-
标签语句是为代码块命名以供break或continue引用，语法为labelName:statement，常用于多层循环中精准控制流程，如搜索二维数组时用search:for可跳出所有循环。
-
最稳妥的显示方式是用iframe；动态创建并设srcdoc属性可内联渲染同源HTML字符串，跨域则需后端配置CORS或frame-ancestors，IE不支持srcdoc时可用BlobURL降级，局部渲染推荐DOMParser解析后挂载body子节点。
-
应使用input事件实时过滤非法字符，因其能捕获粘贴、拖入等操作，避免光标跳变，并需配合后端校验确保安全。
-
抽屉菜单用transform:translateX()最稳不用left或margin-left动画，因为它们会触发重排（layout），卡顿明显；transform只影响合成层，GPU加速，滑动顺。移动端尤其明显——哪怕只是0.1s的卡顿，用户也会觉得“菜单卡住了”。常见错误是直接写transform:translateX(-100%)却没设父容器overflow:hidden，结果菜单半截露在屏幕外，还可能被滚动条拉出来。抽屉容器必须设固定宽度（比如width:
-
transition不生效的根本原因是width无明确初始值或transition未写在非:hover规则中；须设width:0、overflow:hidden、transition在常态下声明，并避免display切换及IE11兼容问题。
-
使用position:absolute配合right和bottom可固定广告在右下角，通过z-index确保层级优先，添加关闭功能和响应式设计提升用户体验。
-
字体加载失败主因是路径错误或格式声明不匹配：路径须相对于CSS文件，且@font-face的src需与文件类型及浏览器兼容性一致；推荐优先使用woff2并提供fallback。
如果图片和 H