-
overflow:auto仅在内容真正溢出限定高度的容器时显示滚动条；需设置height/max-height，避免absolute定位或flex-shrink:0导致计算失效，且需配合white-space、word-break等处理文本溢出。
-
浮动图片宽高不生效需设display:block；换行用clear:left；父容器塌陷用::after清除；现代推荐grid布局而非float。
-
用CSSGrid的repeat(3,1fr)可简洁实现3×3九宫格布局，无需设置子项宽高，配合gap、响应式媒体查询和基础样式增强即可快速完成自适应九宫格。
-
最省事方案是aspect-ratio:1/1，但仅支持Chrome88+、Firefox89+、Safari15.4+；旧版Safari和IE需降级用padding-top:100%+absolute定位，并注意min-width:0、父宽约束及vh/vmax的视口依赖缺陷。
-
JavaScript正则匹配需精准选用test()、match()、matchAll()：test()仅判布尔值，带g时需重置lastIndex；match()无g返回首匹配详情，有g则丢弃捕获组；matchAll()是获取全部带捕获组匹配的唯一可靠方式，必须带g且返回迭代器。
-
要让HTML页面更容易被屏幕阅读器访问，核心在于使用语义化HTML、ARIA属性和遵循无障碍最佳实践。1.使用语义化HTML标签（如<nav>、<main>、<article>）赋予内容结构和意义，帮助屏幕阅读器识别页面角色并提供导航选项；2.合理使用ARIA属性（如role、aria-label、aria-describedby）补充复杂UI组件的语义，但优先使用原生HTML；3.确保键盘可访问性，使所有交互元素可通过Tab键聚焦并用Enter/Space激活；4.为
-
首先将Notepad编写的HTML代码保存为.html格式，通过“另存为”选择“所有文件”并添加扩展名；接着双击文件或右键选择浏览器打开即可查看网页效果；若未正确关联，可手动设置默认打开程序；修改代码后需重新保存并在浏览器中刷新页面以更新显示内容。
-
ChromeWebPush失败主因是环境不满足硬性条件：必须HTTPS（localhost除外）+用户授权+ServiceWorker正确注册激活；常见问题包括协议非安全、SW文件响应异常、scope错误、隐私模式屏蔽、pushManager未就绪、VAPID格式错误及FCM链路中断。
-
setTimeout只执行一次，setInterval反复执行直至手动清除；前者是延迟一次的宏任务，后者是按间隔触发但易堆积回调，误用会导致内存泄漏或UI卡顿。
-
错题本导出功能必须用单选按钮实现HTML/PDF/Excel三种互斥格式选择，name统一为export_format，value分别设为html、pdf、xlsx，且需默认选中并校验checked状态。
-
Tailwind原子类重构需遵循组合逻辑、响应式断点规范、class顺序覆盖规则、语义化命名及配置精简原则，避免照搬Bootstrap思维与硬编码样式。
-
Sass与CSSModules结合可提升样式可维护性，通过.module.scss文件实现局部作用域，利用变量、混合等特性增强样式组织，配合Webpack配置实现模块化构建，推荐组件级样式优先使用模块化、统一设计token管理，避免全局污染。
-
响应式设计应按内容流动规律设3–4个语义化断点，而非盲目堆砌设备尺寸断点；关键在于内容“撑不开”或“太松散”的临界点，如导航栏折叠、卡片列数变化处。
-
频繁触发重排的HTML结构包括：1.table布局；2.内联元素与float混用；3.读取offsetWidth等后立即改样式；4.display:inline-block父容器含vertical-align子元素。
-
大多数现代浏览器对localStorage的单域名存储上限是5MB，但SafariiOS曾限2.5MB，macOSSafari17+升至5MB；超限时抛出QuotaExceededError，需try...catch捕获；无预检接口，须用TextEncoder估算UTF-8字节长度；大容量应选IndexedDB或CacheAPI。
