-
网页出现环绕整个页面的白色空白，通常是因<body>元素默认存在margin和用户自定义的padding（如padding:100px）导致；Bootstrap并不会自动重置这些值，需显式清除。
-
localStorage.setItem()未生效主因是键名错误、值未转字符串或页面未加载完就执行；读取返回null属正常首次运行现象，需用parseInt(getItem()||"0",10)安全转换；多模式高分应分键存储而非嵌套对象；iOS无痕模式会禁用localStorage，须加try/catch兜底。
-
animation-delay需按索引递增设置才有效：纯CSS用:nth-child(n)手动设定，动态列表须用JS遍历设style.animationDelay；务必声明初始状态并配animation-fill-mode:forwards。
-
订单确认页需语义化结构（用<dl>替代<div>）、动态金额aria-live提示、按钮禁用逻辑显式校验、移动端地址折叠防失焦、地址弹层用inert锁定背景、电话字段适配键盘、取消入口置于订单号下方。
-
虚拟列表是解决长列表渲染性能问题的方案，通过仅渲染可视区域元素、用transform定位及固定高度容器来避免DOM过载，不可混用非虚拟节点，宜配合游标分页而非传统分页。
-
Brackets是编辑器而非浏览器，需先启动软件再通过File→Open或拖拽文件加载；LivePreview依赖内置HTTP服务，须打开整个文件夹且端口未被占用；扩展只能手动安装GitHub上的维护版本；CSS不更新多因缓存或路径错误。
-
GitHubPages上CSS未生效，常见原因是选择器作用范围错误、语法拼写错误（如linear-gradient拼错或括号嵌套错误）以及样式未正确应用到目标元素。本文将帮你快速定位并修复这些典型问题。
-
float侧边菜单hover失效的主因是浮动致父容器高度塌陷，需用overflow:hidden等清除浮动来恢复hover作用域，而非修正CSS选择器。
-
@use替代@import是因后者破坏作用域隔离、引发全局污染，而@use强制命名空间访问、支持私有成员和安全透传；@forward用于样式透传并控制可见性；需用DartSass、注意工具链兼容性及团队协作规范。
-
直接给<tr>设height基本无效，应通过<td>/<th>的height、line-height、vertical-align、padding及box-sizing联合控制行高，多行内容需用max-height或flex布局处理。
-
width动画常失效，因auto或%等非确定值无法插值；须用px/em/rem等明确单位作起始值，transition写在默认状态，避免与flex混用；推荐max-width或flex方案更稳定。
-
max-width:100%不生效的主因是父容器无宽度、内联宽高覆盖、flex/grid中min-width:auto阻碍缩放；必须配合height:auto保持比例，且需检查srcset/sizes和Safari渲染问题。
-
不能，HTML的required、pattern等属性仅触发浏览器前端校验，服务端校验必须由后端代码独立实现，且需通过JSONSchema等方式同步规则，配合composition事件处理中文输入，并用JS动态注入错误提示。
-
HTML通知仅为前端展示层，真后台推送需ServiceWorker+WebPushAPI；NotificationAPI仅支持页面开启时的桌面通知，iOSSafari完全不支持；WebPush需HTTPS、用户授权、后端VAPID推送服务配合。
-
JavaScript通过消息队列和事件循环实现异步编程，消息队列暂存异步回调，事件循环在调用栈为空时将任务依次推入执行，微任务优先于宏任务，事件驱动架构则通过监听用户或系统事件触发回调，两者协同确保异步任务有序执行且不阻塞主线程。
