-
display:none无法触发transition，应改用opacity、transform等可过渡属性组合；推荐opacity+transform实现平滑隐藏/显示，并配合pointer-events:none避免交互穿透。
-
TV浏览器video标签不显示<track>字幕的主因是底层引擎未启用字幕渲染管线；需手动JS解析VTT并DOM渲染，注意性能优化、MIME类型、同源策略及平台私有API限制。
-
直接读取select元素的value属性可获取当前选中项的值，多选时需用selectedOptions；change事件监听值变化，设置选中推荐赋值value。
-
根本原因是服务端未在Content-Type响应头中声明charset=utf-8，导致浏览器按ISO-8859-1解析UTF-8编码的中文；Node.js需显式设置text/event-stream;charset=utf-8，PHP须避免BOM和输出缓冲干扰，Nginx需强制补全charset。
-
结论：Sass嵌套响应式导航应避免顶层无节制嵌套媒体查询，正确做法是抽离断点为@mixin或变量、组件级写媒体查询、语义化分层命名、分离移动端状态、分层管理变量、禁用@extend改用@mixin、写标准属性交由Autoprefixer处理。
-
百分比单位参考对象各不相同：width等基于父宽，height需父有明确高度，padding/margin也基于父宽，font-size基于父字体大小，transform基于自身尺寸，background相关属性基于背景定位区。
-
Node.js脚本需以#!/usr/bin/envnode开头才能作为命令行工具运行，否则会被shell错误解析；process.argv[2]起为用户参数，需手动解析短选项合并、等号/空格两种写法。
-
用户如何授权或拒绝摄像头和麦克风访问？用户通过浏览器弹出的权限提示框进行授权或拒绝。1.允许：用户点击“允许”，浏览器记住该选择，媒体流被传递给网页；2.拒绝：用户点击“拒绝”或忽略提示，Promise被拒绝并抛出NotAllowedError，浏览器通常不再弹出提示；3.忽略/关闭：多数浏览器视为拒绝。开发者无法绕过此流程，但可通过界面引导用户授权，并使用navigator.permissions.query()提前判断权限状态。
-
HTML邮件开发中唯一可靠的是表格布局标签（<table><tr><td><th>），配合内联CSS、<font>字体控制及兼容性处理，因主流邮箱客户端渲染引擎陈旧且差异极大。
-
全屏滚动页面的核心是CSSmin-height:100dvh+scroll-snap-type:ymandatory，需配合scroll-snap-align:start、禁用overscroll-behavior及用IntersectionObserver监听页面切换，避免JS模拟滚动性能问题。
-
可在Canvas中用JavaScript绘制箭头，方法包括：一、手动路径绘制；二、封装drawArrow函数；三、SVG内嵌矢量箭头；四、CSS伪元素模拟；五、Path2D优化批量渲染。
-
浏览器中不能直接用btoa()编码图片二进制数据，需用FileReader.readAsDataURL()转为Base64字符串并截取data:前缀后部分；Node.js中用Buffer.toString('base64')；注意MIME类型匹配、长度限制及避免重复编码。
-
background-size:cover未生效主因是父容器高度为0；需设min-height:100vh、避免套用限制宽度的.container，并确保元素真正占满视口。
-
容器查询不支持CSS变量动态响应，需通过container-type设上下文并在@container内重定义变量；clamp()无法与容器单位混用，必须用离散断点配合fallback值实现响应式缩放。
-
签名验证失败时应先查Network中响应体或响应头中的reason字段，再排查密钥拼写、解码错误及环境变量配置，最后校准时间戳——服务端授时优于本地Date.now()。
