-
flex-grow对absolute元素无效,因其已脱离flexformattingcontext,不再为flexitem,故flex-grow、align-self等属性被忽略;需用relativewrapper承担伸缩职责。172 收藏 -
原生HTML不支持双日历日期范围选择,因<inputtype="daterange">不存在且type="date"仅支持单日期;必须用JavaScript自建或引入flatpickr等库实现联动、高亮与校验。265 收藏 -
canvas.width/height设绘图缓冲区分辨率,style.width/height仅控制CSS显示尺寸;二者不一致会导致缩放失真;正确做法是按devicePixelRatio动态设置缓冲区并用CSS匹配显示尺寸。326 收藏 -
required仅校验非空,不触发pattern等自定义规则;pattern默认不校验空值,需手动干预验证流程,推荐用submit事件拦截+checkValidity()+reportValidity()统一控制。462 收藏 -
Intl对象是浏览器和Node.js原生国际化API,无需第三方库即可精准适配全球日期、数字、货币等本地化格式,基于ICU实现高性能格式化。358 收藏 -
可视化性能时间线是性能问题的“X光片”,将耗时、阻塞、异常调用转化为可定位、可对比、可归因的视觉线索,支撑精准归因、跨层关联、小步重构与流程固化。101 收藏 -
核心是继承HTMLElement类并用customElements.define()注册;必须调用super(),通过observedAttributes和attributeChangedCallback响应属性变化,利用connectedCallback等生命周期钩子,结合attachShadow实现封装。419 收藏 -
内联样式仅限邮件模板、SSR首屏关键样式等不可替代场景,其余必须用外部样式表;因其特异性最高但破坏可维护性,混用时会覆盖伪类、媒体查询等所有CSS规则。434 收藏 -
纯CSS无法实现真正的Mesh渐变,但可通过多个radial-gradient()叠加、精准定位、rgba透明度控制及伪元素分层模拟苹果UI中的柔和多点径向渐变效果。330 收藏 -
repeat()是CSSGrid的函数式语法,用于grid-template-columns/rows中定义重复轨道,需配合display:grid使用,常见形式有repeat(4,200px)、repeat(3,1fr2fr)、repeat(auto-fit,minmax(200px,1fr)),误用主因是缺失网格上下文或错用于子项属性。293 收藏 -
tbody标签用于定义表格的主体部分,通常包含表格的数据行。在HTML中, 标签的作用是将表格内容划分为不同的部分,以便更好地进行样式化、脚本操作或滚动处理。tbody 的主要作用:结构清晰: 用于包裹表格中的数据行(即
元素),与表头 和表尾 分离,使 HTML 结构更清晰。这种结构有助于提高可读性和可维护性。支持滚动:在需要
tbody本身不提供滚动能力,必须配合display:block、max-height和overflow-y:auto才能实现滚动;否则内容溢出且列宽错位;打印时需严格按thead→tfoot→tbody顺序书写并用@mediaprint确保重复显示。201 收藏
aside仅负责语义标记,不控制布局;必须配合CSS(如flex或grid)才能实现右侧显示、响应式收起等视觉效果,否则默认为块级独占一行。357 收藏
HTML原生scoped属性已废弃,所有现代浏览器均忽略,无任何样式隔离效果;其被W3C标记为obsolete,不创建DOM边界、不重写选择器、不干预CSS作用域,纯属无效属性。300 收藏
CSScubic-bezier()仅控制属性值随时间变化的速率,不改变运动路径;如配合translateX()或opacity使用,元素仍沿直线运动,无法实现弧线轨迹。380 收藏
必须在play()前设置currentTime,且需用户手势触发、等待loadedmetadata事件、处理play()返回的Promise拒绝;否则iOSSafari等浏览器会静音拦截或跳转失败。216 收藏