-
Tailwindscrollbar-hide插件无效需检查三件事：npm包是否安装、tailwind.config.js中plugins是否引入、content路径是否覆盖JSX/TSX文件；类必须加在滚动容器上，且该容器需有溢出内容和固定高度。
-
HTML通知（NotificationAPI）与WebPush需配合使用才能实现关页后推送；Notification仅负责显示，WebPush负责后台消息传递；Permission为"default"是因用户未明确授权，须由用户主动触发且HTTPS下运行。
-
纯CSS无法生成真正随机色，必须用JS计算HSL值并写入CSS变量，再通过hsl(var(--h),var(--s)%,var(--l)%)动态应用；需预设fallback、控制取值范围、添加transition且作用于目标元素。
-
应按语义功能域拆分CSS而非文件体积，如button.css、form-layout.css；首屏关键样式内联，非关键样式异步加载；统一变量定义于tokens.css，禁用!important；构建时按内容哈希聚合共享样式。
-
CSS动画事件不触发的主因是动画未真实启动或被浏览器优化跳过；需确保有可感知的样式变化、提前绑定兼容性事件监听器、检查动画运行状态并兜底延时回调，同时避免重复绑定导致内存泄漏。
-
第一个HTML文件可用记事本编写，关键要保存为UTF-8无BOM编码、扩展名.html且保存类型选“所有文件”；标准结构需含<!DOCTYPEhtml>、<htmllang="zh-CN">、<metacharset="UTF-8">、<title>和<body>等标签。
-
声明<!DOCTYPEhtml>的核心作用是告诉浏览器以标准模式解析页面，避免进入怪异模式；2.它确保HTML、CSS和JavaScript按统一标准渲染，保障跨浏览器一致性；3.HTML5的DOCTYPE简化为仅一行，不再依赖DTD，提升解析效率；4.不声明或错误声明会导致盒模型异常、布局错乱、CSS和JavaScript行为不一致；5.DOCTYPE虽不直接验证语法，但为HTML验证和可访问性提供基础，确保辅助技术正确解析页面结构，最终实现稳定、可预测、可访问的网页呈现。
-
HTMLselect多选必须添加multiple属性，否则即使按Ctrl/Cmd也仅单选；获取多选值须用selectedOptions而非value；表单提交需name加[]后缀，否则后端仅收最后一个值。
-
首先确认浏览器是否启用JavaScript并使用最新版Chrome或Firefox打开本地HTML文件，若仍无效则检查文件路径、权限设置或尝试通过WebView组件加载页面以确保脚本正常运行。
-
非核心CSS放body底部仍会阻塞渲染，因其被HTML解析器发现即触发下载与CSSOM构建；应通过preload+onload、media切换等方式延迟加载，而非仅调整位置。
-
直接修改<linkrel="stylesheet">的href属性即可生效，浏览器会自动加载并应用新样式；需防缓存（加时间戳参数）、确保路径有效、避免跨域问题，并优先用disabled切换而非增删DOM。
-
HTML文件的charset声明必须与实际保存编码一致，否则注释中中文会乱码；应统一使用UTF-8withoutBOM保存，<metacharset>须置于<head>最开头，且HTTP头与HTML声明需一致。
-
float元素导致父容器高度塌陷，因脱离文档流；推荐用overflow:hidden或display:flow-root触发BFC解决，避免clear:both冗余标签；现代布局应优先使用flex/grid而非float。
-
opacity会使子元素一同变透明，因其作用于整个渲染层；而rgba()仅影响指定颜色属性，不波及后代元素。
-
overflow:auto仅在内容真正溢出限定高度的容器时显示滚动条；需设置height/max-height，避免absolute定位或flex-shrink:0导致计算失效，且需配合white-space、word-break等处理文本溢出。
