-
Gap在Safari14.1前完全不支持，@supports(gap:0)是唯一可靠检测方式，但需用(grid-row-gap:0)and(row-gap:0)避开Safari14.1伪支持陷阱，降级推荐margin+overflow:hidden方案。240 收藏 -
本文详解如何通过fetch从icanhazdadjoke.comAPI获取笑话，并在网页中安全、准确地渲染；重点解决因遗漏return和错误访问响应对象导致的undefined问题。245 收藏 -
WebVitals库用于真实用户场景采集LCP、FID、CLS、INP等核心指标，需自建上报服务；SPA中须在路由激活时重新注册监听并清除旧回调，MPA则在全局入口初始化；上报应异步节流、批量合并、添加采样。204 收藏 -
Slots是Vue.js中实现Markdown渲染组件内容分发与逻辑解耦的核心机制，支持具名插槽定制样式、作用域插槽注入动态数据、v-html混合渲染安全扩展及fallback优雅降级。395 收藏 -
translate属性仅影响浏览器内置翻译功能，对GoogleTranslate网页版、API及嵌入式翻译框无效；Chrome等主流浏览器支持translate="no"以跳过指定元素翻译，但需严格按标准书写且遵循继承规则。111 收藏 -
应让normalize.css或reset.css优先加载，即作为第一个生效的样式表；二者不可共存，normalize.css温和修复浏览器差异，reset.css暴力清零，错误顺序或额外重置会导致覆盖失效。196 收藏 -
HTML5结构标签可包裹表单元素且推荐使用；表单内部逻辑分组必须用<fieldset><legend>，不可用<div>或<section>替代；混用时需注意语义层级，避免错位。438 收藏 -
柯里化是函数改造模式，核心为参数复用、延迟配置和组合自由；手写需三步：记参、判长、够则执行否则返新函数；注意fn.length限制及箭头函数无length。200 收藏 -
HTML中图片默认以inline元素渲染，会保留基线（baseline）下方的空白区域，导致容器底部出现不可见却可测量的间隙；解决方法包括设置display:block、vertical-align:top或显式固定父容器高度。454 收藏 -
inline-block元素可设宽高且同行排列，通过margin控制间距，需处理换行导致的默认空白，适用于导航栏等水平布局场景。159 收藏 -
使用CSS清除浮动可解决表格高度塌陷问题，推荐通过::after伪类或Flex布局实现，既避免结构污染又提升维护性。208 收藏 -
引用标签语义错误会导致辅助技术误判和语义丢失；<blockquote>仅用于独立成块引用，<q>仅用于行内短引；cite属性必须为有效URL且不可省略，是机器可读来源的唯一标准。438 收藏 -
使用JavaScript的Image()对象预检背景图，onload成功时设background-image，onerror或超时（如5秒）时设backgroundColor；避免CSS叠加fallback或依赖@supports。218 收藏 -
正确做法是用<ol>+<li>组合表达名次，依靠自然顺序传递语义，配合counter-increment和::before生成“第1名”等视觉样式，避免语义断裂与可访问性问题。199 收藏 -
本文介绍如何在单个容器中为多张图片分别配置不同背景图，并通过绝对定位与透明度控制，实现“原图在后、半透明水印图在前”的滑块式视觉效果。162 收藏
