-
可选链操作符（?.）是防止“Cannotreadproperty”错误的核心机制，用于安全访问可能为null/undefined的嵌套属性、方法或索引，但不可用于赋值或独立表达式，需配合??而非||做兜底。
-
使用内联脚本可直接在HTML中嵌入JavaScript，适合小规模测试；2.外部JS文件通过src引入，利于维护与缓存；3.async和defer属性优化加载，提升性能；4.内联事件处理不推荐，应分离结构与行为。
-
ChromeDevTools的Capturefullsizescreenshot是最可靠零依赖全页截图方案，基于Blink引擎真实渲染快照，完整支持阴影、滤镜、SVG、WebGL等效果，不拼接不模拟；而html2canvas等库仅靠CSS解析重绘，对字体、跨域图、伪元素、Flex/Grid等支持极弱，仅适用于简单静态模块。
-
不能只用Set实现最近搜索历史，因其无法动态调整顺序；需组合Set（O(1)去重）与数组（维护时序）或Map（内置有序，更简洁）。
-
Symbol是JavaScript中用于创建唯一不可变标识符的基本类型，核心用途是避免属性名冲突、实现软私有属性、支持全局共享（Symbol.for）及自定义对象行为（如Symbol.iterator）。
-
答案：构建响应式数据表格需结合语义化HTML、CSS弹性布局与JavaScript交互优化，通过data-label属性、媒体查询与堆叠布局适配多端，支持可访问性与虚拟滚动等性能优化。
-
通过设置父容器为flex布局并使用flex-direction:column，配合margin-top:auto将按钮推至底部，再在按钮容器上应用justify-content实现水平对齐，如居中、靠左或两端分布，适用于表单、弹窗等场景。
-
实现HTML表单高对比度模式并提升可读性的核心是利用CSS的prefers-contrast媒体查询和无障碍设计原则，首先通过@media(prefers-contrast:high)为表单元素设置高对比度颜色、粗边框和清晰焦点，确保视障用户在系统开启高对比度时仍可操作；同时从字体、字号、行高、标签关联、视觉分组、间距布局和错误提示等多维度优化可读性，使用CSS变量实现颜色统一管理，便于维护；在复杂表单中应通过无障碍审计识别问题，按优先级逐步改造关键控件，并通过小步迭代和真实用户测试持续优化，最终实现符合
-
全局默认字体应设在body上并使用包含中西文字体及sans-serif兜底的完整字体栈，因系统字体跨平台差异大，单字体易回退至TimesNewRoman，影响一致性与可读性。
-
box-shadow是控制卡片阴影的正确属性，需按水平偏移、垂直偏移、模糊半径、扩散半径、颜色顺序设置，配合overflow:hidden、transform、CSS变量及-webkit-tap-highlight-color等细节保障多端一致体验。
-
WebSocket是全双工通信协议，建立“常开隧道”实现双向实时通信；HTTP则是单次请求-响应模式，连接即断。
-
用document.createDocumentFragment()批量构建节点再一次性插入，能将多次重排重绘压缩为一次，性能提升显著，尤其在循环创建10+个DOM节点时就值得用。
-
响应式图片通过srcset、sizes和picture等技术，让浏览器根据设备特性自动选择最合适的图片资源。首先，srcset提供不同尺寸或分辨率的图片版本，sizes定义图片在不同视口下的布局宽度，二者协同帮助浏览器计算并加载最佳图片；其次，picture元素支持艺术方向和多格式回退，可在不同设备上展示不同裁剪内容或优先使用WebP/AVIF等高效格式；最后，结合CDN服务可实现自动化优化。这样做不仅提升加载速度、节省带宽，还改善用户体验、增强SEO，并降低服务器成本。
-
答案：通过background-clip:text与@keyframes结合实现文字颜色渐变动画，利用背景移动营造视觉流动效果，适用于标题等高亮场景。
-
<mark>标签需用CSS显式声明background-color和color（如mark{background-color:#ff9e44;color:#fff;}），推荐加类名区分语义（如mark.warning），禁用嵌套，兼顾可访问性与深色模式。
