-
必须为父容器设置display:grid或inline-grid才能使align-items:center生效；它仅作用于直接子元素在交叉轴的对齐，且容器需有明确高度（如min-height:100vh）才能体现居中效果。
-
svg.js加载后SVG变量未定义，因新版本默认不挂载全局，需显式调用SVG()或用ESM导入；插入内联SVG须用SVG().addTo()，且目标容器必须已存在。
-
navigator.onLine不能判断弱网，必须用fetch探测：超时设1500ms、响应>800ms且连续两次失败才触发降级，通过aria-live安全插入“简化模式已启用”提示，禁用动画并确保文案纯静态。
-
最直接的方法是父容器设text-align:center，靠右列额外包层并设text-align:right；现代推荐Flex布局，父容器display:flex+justify-content:center，靠右列加margin-left:auto。
-
使用float:left可实现标签云水平排列，通过margin控制间距，overflow:hidden清除浮动，配合不同类名设置字号与颜色，形成视觉层次，保持布局整齐且兼容性好。
-
对象字面量{}最常用安全，适合结构明确场景；Object.defineProperty用于精确控制单个属性；点号访问要求合法标识符，方括号支持动态键名；深层嵌套推荐可选链+空值合并。
-
math.div()是计算行高的唯一稳妥解法，避免Sass除法歧义；应基于1rem而非固定px计算以实现响应式；line-height须用无单位数值；字体度量差异需手动微调+0.05~0.15并眼验实际效果。
-
老旧电脑HTML开发卡顿问题可通过四类方法解决：一、用Notepad++旧版轻量编辑；二、在FirefoxESR中手动启用HTML5相关配置；三、使用免安装的HTML工具箱网页版；四、部署原生Win32的FirHtml图形化编辑环境。
-
模块加载器不支持data:协议脚本，因其无稳定模块ID、无法参与依赖分析、违反同源与CSP策略；可行替代方案包括手动script注入、newFunction构造函数、预注册伪模块，或改用API配置+HTTPS加载。
-
使用getElementById可通过唯一ID高效获取单个元素，若无匹配则返回null；querySelector支持任意CSS选择器并返回首个匹配项，适用复杂场景但性能稍低；需获取多个元素时应使用querySelectorAll，其返回静态NodeList可遍历操作，三者根据实际需求选择以实现精准DOM控制。
-
可通过CSS的background-image属性设置HTML页面背景图，包括内联样式、内部样式表、外部CSS文件三种引入方式，并支持定位、裁剪、响应式适配等精细化控制。
-
Neve主题下Gutenberg图片对齐失效，因主题强制居中覆盖区块类；解决需加CSS.wp-block-imageimg{display:inline;}并配合float:left实现图文环绕，注意懒加载与响应式适配。
-
transform:scale()用于无损缩放，scale(x)水平缩放，scale(x,y)分别控制XY轴，scale(1)为原尺寸，scale(0)视觉消失但占位；需配合animation与完整transform声明使用，注意transform-origin和图层优化。
-
CustomElement生命周期回调由浏览器在DOM变化时自动触发，connectedCallback仅在元素首次插入activeDOM树时执行；attributeChangedCallback需通过observedAttributes显式声明监听属性；disconnectedCallback是清理资源的主要时机但不保证总被调用；constructor仅限轻量初始化，不可操作DOM，且必须继承HTMLElement并首行调super()。
-
首先创建无序列表使用<ul><li>标签，有序列表用<ol><li>标签，通过CSS的list-style-type可修改符号或编号样式，还能在<li>内嵌套列表实现多层级结构。
