-
文字闪烁动画过快的核心解决方法是合理设置animation-duration（建议1.2s~2s）和animation-timing-function（推荐ease-in-out或steps(2,jump-end)），配合keyframes精确控制亮/暗时长比例，并限制迭代次数及提供暂停机制。
-
豆包无法直接运行HTML，但可生成代码并协助调试。通过浏览器打开本地文件或使用本地服务器可预览效果。
-
Promise.catch能捕获Promise链中任何环节的拒绝及同步错误，但无法捕获链外同步错误、未包装成Promise的异步错误及未处理的全局拒绝。1.链外同步错误如ReferenceError不在Promise内部抛出则无法被捕获；2.setTimeout等独立异步操作中的错误若未封装为Promise也无法被链上catch捕获；3.若Promise被拒绝但未附加任何catch或onRejected回调，则会触发全局unhandledrejection事件而非被catch捕获。
-
标签语句是为代码块命名以供break或continue引用，语法为labelName:statement，常用于多层循环中精准控制流程，如搜索二维数组时用search:for可跳出所有循环。
-
最稳妥的显示方式是用iframe；动态创建并设srcdoc属性可内联渲染同源HTML字符串，跨域则需后端配置CORS或frame-ancestors，IE不支持srcdoc时可用BlobURL降级，局部渲染推荐DOMParser解析后挂载body子节点。
-
应使用input事件实时过滤非法字符，因其能捕获粘贴、拖入等操作，避免光标跳变，并需配合后端校验确保安全。
-
抽屉菜单用transform:translateX()最稳不用left或margin-left动画，因为它们会触发重排（layout），卡顿明显；transform只影响合成层，GPU加速，滑动顺。移动端尤其明显——哪怕只是0.1s的卡顿，用户也会觉得“菜单卡住了”。常见错误是直接写transform:translateX(-100%)却没设父容器overflow:hidden，结果菜单半截露在屏幕外，还可能被滚动条拉出来。抽屉容器必须设固定宽度（比如width:
-
transition不生效的根本原因是width无明确初始值或transition未写在非:hover规则中；须设width:0、overflow:hidden、transition在常态下声明，并避免display切换及IE11兼容问题。
-
使用position:absolute配合right和bottom可固定广告在右下角，通过z-index确保层级优先，添加关闭功能和响应式设计提升用户体验。
-
字体加载失败主因是路径错误或格式声明不匹配：路径须相对于CSS文件，且@font-face的src需与文件类型及浏览器兼容性一致；推荐优先使用woff2并提供fallback。
-
:first-child和:last-child用于选中父元素的首项和末项子元素，可分别对列表、导航、表格等结构的首个和最后一个元素设置特殊样式，如导航间距控制、列表首尾项样式、表格表头与末行优化，减少类名依赖，提升维护性，但需注意DOM中其他节点可能影响匹配。
-
footer是语义化标签，代表内容区块结尾信息而非视觉底部；可多处使用，需匹配归属上下文，全站页脚应置于body直接子级，避免误用为布局容器。
-
答案：使用form标签构建评论区，通过textarea实现多行文本输入，设置name、rows、cols、placeholder、maxlength等属性优化交互，并结合CSS提升用户体验。
-
百分比尺寸的参照物是包含块而非父元素：width等参照包含块宽度，height等参照高度，padding/margin均参照宽度，top/left参照包含块padding-box，transform则参照自身尺寸。
-
浏览器中JavaScript可通过localStorage持久存字符串、sessionStorage临时存数据、IndexedDB存储大量结构化数据、CacheAPI缓存网络请求；2.Node.js环境可用fs模块读写JSON文件、SQLite轻量数据库或连接MongoDB/MySQL/PostgreSQL等主流数据库；3.第三方库如localForage、Dexie.js、Lowdb简化操作；4.选择依据：用户偏好用localStorage，离线复杂数据选IndexedDB，Node.js小项目用SQL
