-
实际项目中应避免使用HTML原生datetime-local，因其在Safari和Firefox中不支持；推荐拆分为date和time两个input，用flex布局对齐并添加aria-label，后端需手动合并且须统一时区处理。
-
要实现CSS背景色平滑过渡，必须使用transition:background-color0.3sease;，配合十六进制/RGB/HSL等统一格式的颜色值，并在默认和交互状态均定义background-color。
-
Grid布局需先设display:grid；gap统管行列间距；用grid-template-areas+@media切换结构更可控；auto-fit配合minmax实现自适应列数；注意grid-auto-flow隐式行为。
-
用background-image配合linear-gradient是唯一靠谱方案：CSS无原生动态渐变，需JS控制CSS变量或切换class触发动画，避免频繁修改内联样式；推荐用HSL插值、避开iOSfixed渲染Bug。
-
px是绝对单位，适合精确控制元素大小，保持跨设备一致性；%是相对单位，适用于响应式布局。1)px用于字体大小、边框宽度等。2)%用于容器宽高，适应不同屏幕。3)混合使用px和%可平衡精确与响应性。4)媒体查询可增强响应式设计。
-
IndexedDB是浏览器内存储结构化数据的低层API，支持索引、事务和异步操作，可存储对象、Blob等复杂类型，结合ServiceWorker实现离线优先应用，通过创建索引优化查询性能，保障数据一致性与高效访问。
-
节流函数必须用闭包，因为需在多次调用间私有持久地共享lastTime或timer状态；不用闭包则依赖全局变量，导致污染、竞态及多实例冲突。
-
div:only-of-type只判断父容器中同类型标签（<div>）的数量是否为1，无视其他标签、文本节点或注释；若存在多个<div>（哪怕被其他元素隔开），即不匹配。
-
color-mix()和hsl()是现代CSS动态颜色函数：hsl()通过自定义属性控制色调偏移实现主题同步，color-mix()按指定色彩空间混合颜色以确保深浅模式下视觉可靠。
-
HTML表单通过action和method属性决定数据提交目标与方式，GET将数据附在URL后适合非敏感操作，POST将数据放请求体中更安全适合敏感或修改类操作；2.表单还支持客户端验证（如required、email类型）、用户交互（reset、placeholder、JS拦截）、可访问性（label、fieldset）提升体验；3.构建高效表单需用清晰label、合适input类型、即时错误提示、逻辑分组布局及服务器端数据验证保障安全。
-
HTML5视频播放成败取决于编码（H.264+AAC）而非.mp4后缀，需用ffprobe验证；本地测试须起HTTP服务（如python3-mhttp.server）；iOS自动播放必须加muted属性。
-
SublimeText通过C++原生引擎、异步分块加载、惰性插件加载、精简界面渲染、禁用索引服务及强制PlainText模式六大优化路径，显著缓解老旧硬件上的卡顿、高内存占用与启动缓慢问题。
-
多行文字和图标底部对齐失效的根源在于align-items作用范围错误；应将图标与文字置于同一grid容器并设align-items:end或baseline，而非在父容器设置后又用align-self冲突。
-
答案：通过隐藏原生复选框和单选按钮，使用CSS伪元素绘制自定义样式，结合:checked、hover和focus状态提升视觉一致性与交互体验，实现现代美观且可访问的表单控件。
-
IntersectionObserverAPI通过异步监听元素与视口的交叉状态实现图片懒加载，避免频繁计算性能损耗。1.设置data-src存储真实图片地址；2.创建IntersectionObserver实例，回调中判断entry.isIntersecting；3.将data-src赋值给src触发加载；4.可选配置rootMargin提前加载。示例：{rootMargin:'100px'}使图片提前100px加载，提升用户体验。
