-
可选链（?.）允许安全访问嵌套属性，避免访问null或undefined时出错；空值合并（??）仅在值为null或undefined时提供默认值，不干扰0、false等合法值。两者结合如user?.profile?.name??'匿名用户'，可高效处理不确定数据结构，提升代码安全性与简洁性。
-
img标签无HTML5独有新属性，必须写src和alt（空alt=""合法但不可省略），srcset/sizes实现响应式，loading="lazy"原生懒加载，decoding="async"异步解码防阻塞。
-
注册表单需用<form>配method="POST"和action，所有<input>必须有name属性，type="email"/"password"提升体验，required/pattern仅作前端校验，后端验证不可替代。
-
HTML5游戏引擎不提供摄像头访问能力，必须用navigator.mediaDevices.getUserMedia()原生API；需HTTPS环境、用户手势触发、检查video.readyState并每帧drawImage到引擎canvas。
-
WebSafe颜色在现代CSS中已无实际必要，因其仅适用于1990年代256色显示器，而今浏览器全面支持24位真彩色；其216种颜色由RGB各取00/33/66/99/CC/FF构成，如#336699，旨在避免早期抖动，但如今强制使用会导致色彩灰暗、对比度下降、可访问性变差及工具链警告。
-
多列布局列间距不均主因是gap与margin混用或未重置默认样式；CSSColumns需用column-gap而非gap，Grid/Flex可用gap；首尾不齐应加padding平衡；兼容旧浏览器时可用:not(:last-child)配margin模拟。
-
本文讲解如何在JavaScript中模拟CSS的:not()选择器行为，避免对弹窗表单等特定元素应用全局样式（如背景变暗），通过DOM结构隔离与精准作用域控制实现优雅的模态框交互。
-
TailwindCSS通过移动优先的响应式断点类实现移动端适配，提供sm、md、lg、xl、2xl五种默认断点，支持自定义配置；使用断点前缀如md:、lg:可针对不同屏幕尺寸调整样式，例如字体、布局、间距及元素显示，推荐先为小屏设置基础样式再逐层优化大屏体验，结合类名组合实现跨设备一致的响应式设计。
-
Promise解决回调地狱问题，通过链式调用提升可读性、统一错误处理、支持并行与中断；但无法取消、无进度反馈、错误易静默，需配合AbortController等方案。
-
答案：通过Proxy拦截get/set，结合WeakMap存储依赖，利用effect收集并触发更新，实现响应式系统。具体为reactive创建代理对象，track收集activeEffect依赖，trigger时遍历执行，从而在数据变化时自动更新副作用函数，核心机制与Vue3一致。
-
浮动在Flex容器中失效，Flex容器可整体浮动；旧项目过渡、文字环绕、组件对齐是混合使用场景，需注意布局层级与清除浮动。
-
CSS选择器链过长易引发优先级失控、结构变动导致样式失效、协作修改风险高三大问题，应以语义化类名替代层级依赖，推行模块化实践并谨慎保留必要短链。
-
子模块尺寸失控主因是minmax()边界设置不当；应避免用0或auto作最小值，改用明确像素、min-content或min(200px,100%)等可控值，并配合overflow-wrap、max-width等防撑爆，嵌套Grid需双重校准。
-
需先通过DOM获取media元素实例（如querySelector或getElementById），确保脚本在DOM加载后执行；跨域资源需加crossorigin="anonymous"；play()必须由用户手势触发并处理Promise拒绝；常用属性包括currentTime、volume（iOS受限）、muted、paused、ended、playbackRate；应监听canplay、canplaythrough、timeupdate、ended等事件而非轮询。
-
JavaScript的unshift方法用于在数组开头添加一个或多个元素，返回新数组长度并直接修改原数组。1.它按照传入顺序将元素插入数组最前；2.会改变原始数组结构，适用于小规模数据或不需保留原数组的场景；3.与push不同，它操作的是数组头部，性能上为O(n)，因需移动所有元素；4.频繁操作大数组可能导致页面卡顿、内存效率下降；5.替代方法包括使用扩展运算符创建新数组、concat()合并数组（保持不可变性），以及splice()（语义不清且性能类似unshift）。
