-
使用代码编辑器自动格式化、在线工具处理、规范书写习惯、Prettier统一风格、手动优化关键结构，可提升HTML代码可读性与维护效率。
-
图标只抖一下就停了是因为默认animation只执行一次，需加infinite循环；单向rotate不是摇晃，应使用非对称关键帧如-5deg→3deg→-5deg；位置偏移是因旋转中心不稳或行内元素基线影响，须设display:block/inline-block、transform-origin:center、vertical-align:middle；生硬问题靠cubic-bezier(0.36,0.07,0.19,0.97)和0.4s~0.6s时长优化。
-
根本原因是transform、opacity等属性触发合成并创建新层叠上下文，使子元素z-index仅在内部生效；修复方式是给父容器添加transform:translateZ(0)或will-change:transform以创建更高阶层叠上下文。
-
必须先解决跨域限制、设备像素比适配和加载时机问题，再通过加权聚类分析像素，跳过低alpha及灰阶色，最后用CSS变量或动态style标签更新主题色。
-
order在媒体查询中没生效，是因为父容器未设置display:flex或grid；Flex/Grid的order属性仅对直接子项有效，且需显式声明order值，否则默认为0导致排序异常。
-
JavaScript性能优化需从代码拆分、内存管理、DOM操作等多维度入手，通过按需加载、减少回流重绘、避免内存泄漏、使用节流防抖及WebWorkers等手段，结合工具分析与细节调优，持续提升应用响应速度与用户体验。
-
Promise构造函数必须调用resolve或reject，否则永远pending且无提示；async/await是Promise语法糖，await会自动包装非Promise值；构造函数内同步错误需try/catch手动reject，.catch无法捕获；Promise核心是统一状态管理与错误传递。
-
HTML文件必须以<!DOCTYPEhtml>开头且顶格书写，否则触发怪异模式；完整结构需含lang、charset、viewport和title四要素；推荐VSCode+LiveServer开发，文件名用小写短横线并避免本地file://协议。
-
JavaScript变量声明方式决定作用域与生命周期：var为函数作用域且存在提升，let/const为块级作用域并受暂时性死区限制；块级作用域仅由let/const在if、for等块中创建；var提升导致undefined，let/const提升但访问报错；闭包与作用域链叠加声明差异易引发错误。
-
::before扩大按钮热区比padding更靠谱，因伪元素不占文档流、不破坏布局，且可通过position、transform、pointer-events等精准控制热区；需注意touch-action、z-index、box-sizing及移动端兼容性。
-
HTML无法动态显示“配额重置时间”，需JavaScript计算并更新：依据服务端时区或本地时区截断至0点，用getTime()差值算剩余时间，配合setInterval定时刷新防误差。
-
JavaScript内存管理依赖垃圾回收机制，通过可达性判断对象是否可回收。开发者需避免意外全局变量、未清理的定时器与事件监听、闭包长期持有大对象及DOM引用残留导致的内存泄漏。使用严格模式、及时解绑资源、弱引用结构（如WeakMap、WeakSet）并结合ChromeDevTools分析内存使用，可有效优化性能，防止内存持续增长。
-
双飞翼布局通过三层嵌套与负margin实现主内容优先渲染且避免浮动塌陷，核心是HTML结构中main前置、浮动仅视觉位移，需外层容器伪元素clear:both彻底清除浮动。
-
本文详解如何通过CSS正确实现头部导航栏中“仅在悬停对应主菜单项时显示其专属子菜单”的交互效果，避免多个子菜单同时展开，并提供可运行的代码示例与关键修复要点。
-
使用::first-line伪元素可选中块级元素第一行文本并设置字体、颜色等样式，如p::first-line{font-weight:bold;color:blue;}，但仅适用于块级元素且不支持布局属性。
