-
JavaScript无法直接读取本地文件，但可通过FileAPI和FormData配合fetch实现安全上传；用input[type="file"]获取File实例，FileReader预览小文件，FormData+fetch上传并支持进度监听，URL.createObjectURL快速预览，所有操作需用户主动触发。
-
使用:nth-child设置奇偶行不同背景色，结合border-bottom和hover效果，可创建美观专业的表格样式。
-
Angular的构造函数参数会通过依赖注入机制自动创建并注入对应服务实例，而非TypeScript自身行为；未在构造函数中声明依赖的服务属性将保持undefined，导致运行时错误。
-
微任务主要由Promise回调、MutationObserver和queueMicrotask产生。1.Promise的.then()、.catch()、.finally()会在状态变化后将回调放入微任务队列；2.MutationObserver用于监听DOM变化，其回调作为微任务批量处理以优化性能；3.queueMicrotask是ES2021新增API，允许开发者显式安排微任务。这些微任务会在当前宏任务执行完毕后立即全部执行，确保异步操作顺序可控并优化UI更新，从而提升代码执行的一致性和性能表现。
-
动态HTML通过HTML、CSS、JavaScript和DOM协同实现网页交互；常用方法包括使用JavaScript的document.getElementById()等方法获取元素并操作DOM，实现内容动态更新。
-
微任务常见来源包括Promise.then()/catch()/finally()、MutationObserver回调、queueMicrotask()及await后续代码；宏任务包括setTimeout/setInterval、I/O回调、UI渲染、postMessage等。
-
Proxy是ES6提供的原生代理机制，能拦截13种操作；Object.defineProperty仅劫持已有属性的get/set，无法代理新增属性、枚举、数组索引等。
-
惠普电脑不影响HTML5视频流畅播放，关键在于浏览器引擎、系统解码能力、视频编码格式匹配度及自动播放策略是否满足；需禁用Flash、使用MP4+H.264+AAC组合、避免file://协议直接打开。
-
防范JavaScript代码注入攻击需避免执行不可信数据并控制脚本环境。1.禁止直接执行用户输入，避免eval()、innerHTML等风险操作，用JSON.parse()和textContent替代；2.启用内容安全策略（CSP），通过HTTP头限制资源加载，禁用内联脚本与动态代码执行；3.输出时按上下文进行编码，如HTML实体编码、JavaScript字符串转义、URL编码；4.利用React、Vue、Angular等框架内置防护机制，慎用dangerouslySetInnerHTML等危险API。核
-
flex-wrap不换行主因是父容器宽度不足或子项尺寸被锁死；gridauto-flow:dense不控制换行，换行由grid-template-columns与wrap配合实现；Flex换行属溢出补救，Grid换行属网格预分配。
-
最直接方式是用@keyframes定义opacity与scale交替的pulse动画，时长2s、ease-in-out、infinite循环；多步引导用animation-delay错开启动；停用时用animation-play-state:paused而非删class。
-
使用::picture-in-picture-buffering伪类可为画中画模式下的视频缓冲状态添加视觉反馈，如半透明遮罩和旋转加载动画，提升用户体验。2.该伪类受限于浏览器兼容性、样式能力局限及性能平衡，实际应用中需注意降级处理与第三方播放器整合。3.优化PiP体验还可通过简化控制、显示上下文信息、采用自适应流媒体技术和增强可访问性来实现。
-
使用CSSGrid的auto-fit与minmax结合实现响应式卡片布局，容器通过display:grid和repeat(auto-fit,minmax(250px,1fr))自动调整列数，小屏用mediaquery设1fr单列，中屏增大最小宽度至300px，大屏限制max-width居中，配合gap调整间距，卡片内图片设width:100%防止溢出，整体兼顾自适应与可读性。
-
清除浮动因浮动元素脱离文档流导致父元素高度塌陷，使用overflow:hidden可触发BFC包含浮动子元素，从而防止塌陷，但会隐藏溢出内容，需根据场景选择更合适的清除方法。
-
display切换方案的核心思路是通过媒体查询将表格元素转换为块级元素，实现垂直堆叠布局，并利用data-label属性和伪元素恢复表头信息。具体步骤：1.使用语义化HTML结构；2.在小屏幕媒体查询中设置display:block并隐藏表头；3.通过data-label和::before伪元素显示列标题；4.调整样式优化对齐与布局。局限性包括代码冗余、内容过长影响体验、可访问性问题、交互限制及不适用于复杂比较型表格。其他响应式策略有横向滚动、列隐藏、翻转表格和使用JavaScript库，各自适用于不同场
