-
最灵活可维护的全局色调切换方式是用CSS自定义属性定义HSL各分量（如--hue、--saturation、--lightness），再统一以hsl(var(--hue),var(--saturation),var(--lightness))声明颜色；HSL支持独立调节色相且不破坏明暗关系，避免硬编码值或冗余色板，便于响应式与主题演进。
-
CSS变量是ShadowDOM中唯一原生支持的安全样式穿透机制，因其求值延迟特性可沿继承链跨影子边界查找；需在宿主或祖先声明，配合fallback并注意兼容性与命名规范。
-
用<a>标签实现下载需添加download属性，但仅对同源URL有效；跨域须后端配合Content-Disposition:attachment响应头；推荐语义化<dl>结构，手动标注文件大小与格式，移动端需设display:inline-block提升点击体验。
-
样式表引入顺序决定基础优先级：浏览器按HTML中从上到下顺序解析CSS，后加载的同权重规则覆盖先加载的；reset.css须置于业务样式前；@import应全放文件开头；!important仅作用于单声明且不提升选择器权重；权重按(a,b,c,d)四元组计算，非长度决定。
-
用li:nth-child(3)可选中父元素下第3个子元素且为li的元素，但若前有其他标签则可能不匹配；精准选第3个li应改用li:nth-of-type(3)。
-
本文解析TypeScript函数参数中对象解构（如{userId}:{userId:string}）与错误写法（如{userId}:string）的本质区别，阐明为何必须为解构模式显式提供对象类型签名。
-
Class是构造函数的语法糖，本质仍是函数对象，未改变原型继承模型，仅收拢prototype操作；差异在于语法约束（如不提升、严格模式、必须new调用）和协作友好性。
-
Sass无法读取CSS变量，只能将Sass变量编译为CSS变量；需在:root中输出纯值或预计算的衍生值，避免运行时逻辑；混用时注意作用域、优先级及JS配合切换主题。
-
html5play不是HTML5标准API，也非浏览器内置函数，无法播放3D或任何视频；它只是开发者自定义的play()封装函数，真实3D播放需基于video元素配合WebGL或CSS手动实现。
-
HTML5播放器彻底绕过Flash依赖需从资源层、运行层双路径替换：SWF课件须转HTML5格式或重做；FLV/RTMP流需服务端转HLS/MP4并用hls.js播放；前端FlashAPI调用须重写为标准事件或postMessage通信。
-
不能直接用<scriptsrc="data.json">引入JSON文件，因为浏览器将其当作JavaScript执行，而JSON不符合JS语法（如键名无引号、末尾逗号等），导致SyntaxError；必须用fetch或XMLHttpRequest等HTTP请求方式加载并显式调用.json()解析。
-
100dvh是当前最稳的视口高度解决方案，它随视觉视口实时变化，配合env(safe-area-inset-bottom)预留系统UI空间，并用focus/blur事件精准控制键盘弹出时机，彻底解决100vh在iOS和部分Android中失效问题。
-
::selection中text-shadow无效是因浏览器支持保守，仅color、background-color等少数属性稳定生效，Safari等完全忽略text-shadow；需用background-color验证伪元素是否触发，或以box-shadow+background-clip:text模拟。
-
时间轴布局可通过HTML与CSS结合实现，关键步骤包括：1.使用ul或ol搭建结构，每个时间节点包含日期和内容；2.通过伪元素创建时间线并定位节点；3.利用奇偶选择器设置交错样式；4.添加响应式规则适配不同设备。具体实现中，HTML负责结构组织，CSS用于样式设计与视觉效果优化，同时需注意间距、颜色对比及移动端适配问题。
-
答案：通过结合opacity、transform和transition属性，配合visibility控制显隐，可实现模态框的平滑过渡动画。1.默认设置opacity:0、visibility:hidden和transform:scale(0.8)隐藏并缩小模态框；2.添加transition定义opacity、transform和visibility的0.3s过渡效果；3.添加.show类时变为opacity:1、visibility:visible和transform:scale(1)，触发动画；4.J
