-
网格项重叠主因有三:未配对指定grid-column/grid-row起止线致默认跨度为1;子项未设position导致z-index无效;隐式轨道自动创建且尺寸不可控。
-
align-items:baseline在grid布局中根本不起作用直接说结论:align-items:baseline对display:grid容器**无效**。CSSGrid规范明确不支持baseline作为align-items的合法值——浏览器会静默忽略它,回退到默认的stretch行为。常见错误现象是:写了align-items:baseline,但所有子项依然顶部对齐或拉伸填满行高,毫无“基线对齐”效果;开发者反复检查HTML结构、字体、line-he
-
flex-row-reverse设置flex-direction:row-reverse,仅反转视觉顺序,不改变DOM、可访问性及SEO顺序;主轴起点移至右侧,故justify-content-start实际右对齐;避免与flex-col-reverse混用,响应式需显式声明各断点类。
-
HTML5画线需先调用beginPath(),再moveTo()、lineTo()和stroke();fetchPOST要设对Content-Type;localStorage存对象须JSON.stringify且避免循环引用;Flex的flex:1在旧Safari需写全。
-
使用object-fit:cover配合宽高100%可使图片等比缩放并裁剪以完全覆盖容器;背景图方式通过background-size:cover或100%100%实现填充;绝对定位加transform缩放适用于旧浏览器;picture+srcset支持响应式加载;clip-path则通过放大裁切强制撑满。
-
不能用<time>标签实现歌词同步,因其仅为语义化标签,无播放控制能力;需用data-start/data-end标记时间戳的<p>或<span>容器,配合ontimeupdate事件与缓存机制、宽容窗口及优化DOM操作来实现精准同步。
-
CSS动画不会因遮挡或切页自动暂停,需用visibilitychange监听页面可见性或IntersectionObserver检测元素可视性来手动控制播放状态。
-
闭包是函数作用域链自然保留的结果:外层函数返回内层函数,内层函数引用外层变量,且外层执行完后内层仍可调用;如createCounter中count被持续持有,而foo中bar立即调用则不构成闭包。
-
加transform:translateY(-2px)更顺,因其触发硬件加速交由GPU处理;而top改变布局需重排,易卡顿。
-
外边距重叠是CSS中垂直方向块级元素间margin合并的真实行为,非bug;相邻或嵌套的margin-top与margin-bottom不累加而取最大值,父子间易产生视觉错觉。
-
GitHubPages能直接发布纯HTML5网页,不需要构建工具、不需要后端,但必须注意仓库命名、分支选择和路径结构这三点,否则页面404或样式/脚本加载失败。仓库名必须是username.github.io这是唯一能启用「用户主页」模式的命名规则。如果建的是普通仓库(比如叫my-app),默认只能用gh-pages分支或docs文件夹,且访问地址会多一级路径(https://username.github.io/my-app/),这时所有相对路径(如./css/style
-
用标签设置整个文档的基准URLHTML中唯一能定义文档基础URL的方式就是标签,它必须写在里,且只生效一次(多个时,只有第一个被浏览器解析)。常见错误是把它放在里,或者动态插入——这完全无效,浏览器只在初始解析时读取它。:所有相对路径(如、)都会自动拼接成https://example.com/assets/logo.png这类完整地址:可统一设置所有、等标签的默认打开方式,但会覆盖单个链接的target属性如果同时设href和target,
-
用text-shadow或box-shadow配合rgba()多层叠加可实现饱满通透的霓虹效果,关键在于每层模糊半径、偏移和透明度需阶梯式递进,深色背景与动态呼吸动画进一步强化真实感。
-
应将overflow控制应用于具体容器而非html/body;为滚动容器设置明确高度(如height/max-height/flex:1)并配overflow-y:auto;避免overflow:hidden与transform动画或position:fixed同用;移动端需加-webkit-overflow-scrolling:touch。
-
本文详解React中在数组映射(map)渲染时onClick失效的常见原因及解决方案,重点说明函数误调用与正确绑定的区别,并提供可直接复用的修复代码与最佳实践。