-
column-count仅能实现静态瀑布流，非真正“最短列优先”；严格按高度填补需JS动态维护列高数组，配合offsetHeight读取、img.onload监听及resize防抖处理。
-
本文详解如何利用timeupdate事件监听HTML5<audio>或<video>元素的实时播放进度，并在到达预设时间点（如第30秒）时准确触发自定义逻辑，弥补#t=0,30片段截断不触发ended事件的限制。
-
最安全写法是显式写<buttontype="button">，因浏览器默认type不一致易致意外提交；优先用<button>而非<inputtype="button">，因其支持HTML嵌套；需重置CSS并规范JS绑定。
-
卡片悬停反转卡住需开启3D上下文：父容器设perspective，卡片设transform-style:preserve-3d；避免translateZ引发模糊，优先用rotateY+backface-visibility；transition须写在默认样式中；IE/Safari旧版应降级为opacity切换。
-
HSL色相值需按色相环角度规范使用，推荐30°/45°/60°等分步长取值，辅色优先±30°或±60°；饱和度与明度须随色相联动调整，暖色降s提l，冷色可提s控l，中性色低s高l；CSS变量+calc()实现动态推演，注意色域差异与浏览器兼容性。
-
HTML多文件上传核心是multiple属性，需与type="file"共存、form设enctype="multipart/form-data"、后端按多值解析（如Express用upload.array）、FormData用同名key多次append、iOS低版本需降级、大文件须分批处理。
-
JavaScript对象解构用于函数参数可简化配置接收、避免污染原对象、支持嵌套解构与默认值，并配合TypeScript提升类型安全。
-
inputmode是提示虚拟键盘布局的属性，不强制、不校验、不改变输入能力；其值需按实际输入内容选择：decimal适用于带小数点或负号的数值，numeric适用于纯数字如验证码；应避免混用type="number"与inputmode，推荐type="text"配合inputmode和JS校验。
-
JSON.parse()是JavaScript解析JSON的核心函数，需传入合法双引号字符串，禁用单引号、尾逗号、undefined等；须用try...catch安全处理，reviver参数可过滤字段或转换类型。
-
直接用trimStart()无法可靠清理粘贴文本的混合缩进，需先归一化换行、清除零宽字符，再提取首行非空行缩进前缀并逐行移除。
-
移动端体验差八成源于HTML结构未适配移动场景，需用语义化标签替代div堆叠、精简首屏HTML体积、确保触摸目标≥48×48px、配置完整viewport及防干扰meta标签，并真机测试辅助技术可用性。
-
窄屏轮播图显示异常的核心是固定像素导致压缩裁剪，应采用padding-top维持宽高比、object-fit控制图片填充、多断点媒体查询分层优化，并禁用轮播库非必要功能。
-
浮动布局结合:hover可实现经典下拉导航栏，通过float使主菜单水平排列，利用position和:hover控制子菜单显隐，兼容旧浏览器，适用于维护传统项目。
-
absolute定位不能直接覆盖目标元素，因它默认相对于最近已定位祖先定位；若父容器未设position:relative，坐标原点会错位到body或html，导致偏移异常。
-
根本原因是float和absolute布局天生不支持等高对齐，只有Flex或Grid能通过align-items:stretch实现自动等高；float需BFC撑父容器但侧边栏仍不拉伸，absolute则完全脱离尺寸联动。
