-
querySelector方法用于查找文档中第一个匹配指定CSS选择器的元素。其核心特点是“选择器”和“第一个”，若需操作所有匹配项则应使用querySelectorAll；对于不存在的元素，它返回null，因此必须进行空值检查以避免错误；此外，虽然支持复杂选择器，但建议保持简洁以提升可维护性与性能。
-
不规则模块拼接需放弃整行对齐，采用容器隔离、形状适配与位置微调组合策略；以CSSGrid为主干，用grid-template-areas定义区块，clip-path塑形、shape-outside控制边缘咬合，transform微调，配合容器查询实现响应式适配。
-
用@keyframes定义±0.3deg~±0.8deg的轻量旋转动画，配合ease-in-out缓动和transform-origin:center，hover时触发0.3s–0.5s抖动，可加scale/translate增强真实感，注意移动端兼容与GPU加速。
-
优先用const声明不可变变量，必须初始化且禁止重复声明，但对象/数组内容仍可修改；let用于可重新赋值的块级作用域变量，无变量提升；避免使用var。
-
HTML5可视化编辑器组件对齐失效主因是编辑器对齐逻辑与CSS渲染不一致；需检查display/box-sizing缺失、iframe沙箱、position:relative缺失、margin重置、left/top与transform混用、viewport设置及computed样式验证。
-
响应式类名应采用“语义+断点”分离结构，如hidden-sm、col-6-md；统一断点别名（sm/md/lg/xl）与像素值，媒体查询须与类名边界严格对齐，坚持移动优先，默认样式适配最小视口，再用min-width向上增强。
-
localStorage和sessionStorage仅支持字符串值，存对象需JSON.stringify()编码、取时用JSON.parse()解码；二者区别在于生命周期（持久化vs标签页级）和作用域（同源共享vs单页隔离）；读写应封装容错逻辑并注意JSON局限性与环境限制。
-
图标字体加载失败主因是路径错误或跨域限制，需检查@font-face中src的相对路径基准、CORS头配置及font-display策略；其次为font-family名称不匹配、Unicode转义错误及字体加载时机问题。
-
本文介绍如何通过classList.toggle()方法实现按钮在点击时动态切换样式（如黑白颜色交替），替代重复的add()和remove()操作，提升代码简洁性与可维护性。
-
padding是控制内容与边框距离的唯一标准方式，通过设置上下左右内边距实现内部留白，配合box-sizing:border-box可确保尺寸稳定，内联元素需配合display和line-height使用。
-
opacity过渡无反应的主因是初始值与目标值未发生实际数值变化，或transition未写在起始状态选择器中；须避免display:none、确保visibility和pointer-events协同控制交互，并注意JS触发时的状态同步与事件校验。
-
HTML与XML之间的转换可以通过解析和生成过程实现。1)使用BeautifulSoup解析HTML并用xml.etree.ElementTree生成XML。2)使用xml.etree.ElementTree解析XML并生成HTML。需要注意标记语言的差异和语法规则，以确保转换的有效性和高效性。
-
JavaScript变量提升指声明被移至作用域顶部：var声明与初始化为undefined一同提升；let/const仅声明提升，访问触发TDZ错误；函数声明完整提升可提前调用，函数表达式不提升。
-
应使用requestAnimationFrame替代setTimeout实现平滑动画，配合预加载图片（newImage()+onload）、避免复用实例、用opacity/visibility控制切换，并通过picture或服务端适配WebP等格式。
-
word-break用于控制单词内断行，如break-all允许任意断行，keep-all避免拆分；overflow-wrap则智能处理长单词换行，仅在必要时断开。
