-
背景颜色显示异常通常因样式覆盖、透明度干扰、继承或层叠顺序影响；需检查background复合属性重置、opacity/rgba透明叠加、选择器权重是否被划掉，以及元素尺寸和CSS变量赋值。
-
一个生效的@keyframes规则需满足：名称无空格/特殊符、至少含from/to或百分比节点、属性值可插值；animation-name须完全匹配且大小写一致；必须设置animation-duration且不为0s；兼容旧版需添加@-webkit-keyframes等前缀。
-
循环依赖指模块A引用模块B的同时B也引用A，JavaScript通过先注册后执行的机制处理：ESM在加载时解析声明但不执行，遇到循环依赖时确保模块记录存在，执行时若依赖未完成则返回undefined。如a.js和b.js互相导入，先执行的模块中导入值为undefined，因对方尚未初始化。解决方式包括重构共用逻辑、使用函数延迟访问或避免顶层直接使用导入值。CommonJS同理，require可能返回未完整导出的对象。理解该机制可避免读取未初始化值的问题。
-
可通过localStorage实现搜索框历史记录自动显示，包括初始化绑定input事件、聚焦时读取渲染下拉列表、失焦或回车时去重存储、点击填充、限制条数及清空功能。
-
核心是利用CSS的transform、opacity和transition属性实现文字浮动上升与透明度变化。1.HTML创建文字容器，如<pclass="float-text">浮动的文字</p>；2.设置初始样式：inline-block布局，translateY(10px)下移，opacity为0.6，transition定义0.4秒缓动动画；3.hover时transform回到translateY(0)，opacity变为1，触发上浮且变清晰的过渡效果；4.可选cubic-
-
RGBA红色透明值应写为rgba(255,0,0,0.5)，其中前三位固定为纯红，第四位为0–1间的透明度；十六进制八位写法#ff000080兼容性差，IE不支持；IE8及以下需PNG或滤镜hack；常用透明度值为0.1、0.3、0.6、0.9；rgba与父背景混合叠加，调试宜先设黑底；边框用rgba()存在旧Android兼容问题，建议用transparent+background-clip。
-
vertical-align用于控制inline或inline-block元素的垂直对齐，常见取值有baseline、top、middle等，适用于图片与文本对齐、表单布局等场景，需注意其仅对行内元素有效且受line-height影响。
-
transition-delay设为0仍有延迟，主因是父元素继承、浏览器默认样式、all过渡滥用、触发时机不当、单位缺失或JS强制重排导致动画被推迟到下一帧。
-
JavaScript中所有数字都是Number类型，底层用IEEE754双精度浮点数表示，因此无法精确表示大多数十进制小数，如0.1+0.2!==0.3是设计所致而非bug。
-
HTML5左右分栏推荐使用Flexbox或Grid：Flexbox通过display:flex、width:200px与flex:1实现；Grid通过display:grid与grid-template-columns:200px1fr实现；float兼容旧浏览器但需清除浮动。
-
递归适用于树形遍历、嵌套对象、分治问题，但需严控深度、避免重复计算、设明确终止条件；否则易栈溢出；应校验输入类型与范围，超深结构宜用栈模拟，DOM操作慎用递归，优先选用flat()、structuredClone()等内置方法。
-
Chrome检测HTML5元素支持需用document.createElement模拟创建并检查特有属性或方法，如canPlayType、getContext、contentEditable等；语义标签用'classList'in判断；Modernizr可批量检测，但注意其返回的是能力而非完整兼容性。
-
在Bootstrap5+中，show.bs.modal等原生事件应绑定到DOM元素（如#subsModal），而非bootstrap.Modal实例对象，否则会报addEventListenerisnotafunction错误。
-
JavaScript迭代器是符合特定接口规范的对象，必须提供next()方法并返回{value,done}结构的对象；例如手动实现数组迭代器时需维护索引并按需返回元素及完成状态。
-
可将文档转为HTML的五种方法：一、Word另存为网页；二、LibreOffice导出HTML并嵌入CSS；三、Markdown编辑器导出单文件HTML；四、在线工具转换，注意隐私安全；五、pandoc命令行批量转换。
