-
mailto链接仅启动默认邮件客户端并预填字段，无法自动发送；需严格URL编码参数，不支持附件，多收件人用逗号分隔，注意大小写及平台兼容性。
-
css-vars-ponyfill是IE下支持CSS自定义属性的最可行方案，它在运行时解析并替换var()，支持嵌套、calc()内使用、动态更新及媒体查询作用域，但需注意IE对calc()+var()的兼容限制和动态更新时需显式触发重计算。
-
最轻量可控的图片暗角方案是用绝对定位::before伪元素叠加radial-gradient，需父容器设position:relative，伪元素设inset:0和pointer-events:none，并用150%–200%渐变半径适配缩放。
-
最灵活可维护的全局色调切换方式是用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中失效问题。
