-
HTML5小游戏存档丢失主因是浏览器存储配额限制与自动清理机制：localStorage在设备存储紧张或长期未访问时会被静默清空，IndexedDB同样受站点活跃度影响而被整库删除，需压缩数据并同步至服务端防范。
-
gap属性统一用于Grid和Flex布局中控制子元素间距，推荐使用gap替代margin以提升布局清晰度与维护性，其仅作用于子元素间且支持多种单位，结合响应式设计可灵活调整间距，现代浏览器已广泛支持。
-
根本原因是<marquee>被HTML5废弃，属浏览器兼容性残留；Chrome部分支持，Firefox默认禁用，Safari完全忽略，应改用CSS@keyframes+transform:translateX()实现硬件加速滚动动画。
-
Array.from()可将类数组或可迭代对象转换为真数组，1.它通过识别对象的length属性和索引或Symbol.iterator接口实现转换；2.常用于处理NodeList、arguments或自定义类数组对象；3.支持第二个参数映射函数，实现转换时同步处理元素；4.与[...spread]相比能处理不可迭代的类数组，与slice.call相比语法更清晰且支持映射；5.可生成指定长度数组、转换Set/Map、结合thisArg使用；6.注意仅适用于类数组或可迭代对象，对普通对象返回空数组，且为浅拷贝
-
用伪元素+opacity实现渐变背景平滑切换最可靠：因CSS渐变不可动画，需用::before和::after承载新旧渐变，通过opacity过渡模拟淡入淡出，避免跳变。
-
应检查并重置white-space:nowrap为normal，设置明确width值，避免word-break:keep-all，优先用flex/grid替代float。
-
ChromeDevTools断点需设在可执行语句（如if、赋值），避开var声明/空行/注释；压缩代码须启用SourceMap，动态脚本需Blackbox；条件断点、debugger语句、异步回调断点及console高级用法（table/group/time）可提升调试效率。
-
使用flex-direction:column可实现表单垂直布局，通过设置容器为Flex并结合gap与align-items控制间距和对齐，配合嵌套结构优化标签与输入框组合，再利用width:100%统一输入宽度，最后借助媒体查询适配响应式，从而构建清晰易维护的表单。
-
密码不可跨域明文传递，须用WebCryptoAPI的PBKDF2在前端加盐派生密钥（iterations≥100000、SHA-256、后端下发盐），导出十六进制凭证供后端校验，全程内存操作并立即清空原始密码。
-
默认情况下input和label在Flex容器中垂直不对齐，因表单控件baseline位置不统一且align-items:stretch下拉伸加剧错位；推荐统一box-sizing:border-box并设align-items:center（单行控件）或baseline（含textarea时微调）。
-
hover放大应使用transform:scale()配合transition实现，transition必须写在常态选择器中，避免重排卡顿；注意transform函数执行顺序、像素对齐及嵌套缩放问题。
-
HTML转PDF字体丢失的根本原因是@font-face加载失败、PDF工具不支持远程字体且仅认本地.ttf/.otf文件；weasyprint需同目录.ttf+正确声明，wkhtmltopdf须系统安装字体并匹配家族名。
-
能用，但需上层逻辑实现协同功能；mark仅提供语义化静态高亮，不支持实时同步、权限控制或版本管理，实际项目多用数据层记录范围并动态渲染。
-
transition-delay用于错开多个CSS属性的动画起始时间，仅控制触发后的延迟启动，需配合transition-property和transition-duration生效，支持负值提前启动及多属性独立延迟。
-
使用a:visited可设置已访问链接的样式，如color、background-color等，但受隐私保护限制，仅允许修改颜色类属性；为避免覆盖，应按LVHA顺序定义link、visited、hover、active状态。
