-
grid-auto-rows仅定义自动创建的网格行轨道尺寸，不响应内容高度变化；它影响整行所有单元格，无法让每个单元格独立适应内容，正确做法是结合align-items或min-content等属性。
-
WebTransport基于QUIC与UDP，提供低延迟、多模式传输，适用于实时通信场景。1.理解其可靠流、不可靠datagram及0-RTT握手机制；2.选用Rust/quinn或Node.js库构建服务端；3.设计会话管理、消息路由与混合传输策略；4.前端通过WebTransportAPI连接并降级兼容WebSocket。核心在于融合高效、安全与易用性，推动实时Web演进。
-
HTML5网页即以<!DOCTYPEhtml>开头的普通网页，无需特殊SDK或编译；核心是语义化标签、废弃标签规避、表单增强、localStorage使用及viewport等关键实践。
-
在Rails7中使用ckeditorgem时，若需自定义工具栏（如toolbar_basic或新增toolbar_mini），必须将配置文件置于app/assets/ckeditor/config.js路径下，以确保其优先于gem内置默认配置被加载。
-
XMLHttpRequest重试应基于onloadend事件和status≥500判断，而非仅依赖status===0或statusText===""；fetch重试需捕获AbortError、检查response.ok，并结合指数退避与最大重试次数。
-
IE中HTML5功能异常需启用Edge文档模式、添加HTML5DOCTYPE和X-UA-Compatible标签、禁用兼容性视图自动更新、重置IE高级设置。
-
justify-content:space-between未生效的根本原因是它仅对主轴上的多个弹性子项生效，且忽略inline元素、文本节点及未设flex的子容器；需确保父容器为display:flex，子元素为块级元素且数量≥2。
-
观察者模式通过Subject维护Observer列表并直接通知更新，Pub/Sub则借助事件总线实现完全解耦的事件通信；二者在耦合度、通信方式、生命周期管理和适用场景上存在本质区别。
-
flex-wrap控制子元素换行方式，flex-flow是flex-direction与flex-wrap的简写。flex-wrap有nowrap、wrap、wrap-reverse三个值，决定是否换行及方向；flex-flow语法为“主轴方向换行行为”，如rowwrap表示横向排列并向下换行。示例中.container设置flex-flow:rowwrap实现响应式图片网格，项目在空间不足时自动换行，配合gap和固定尺寸形成自适应布局。常见组合包括columnnowrap用于侧边栏，columnwrap
-
需借助JavaScript实现HTML动态条件显示，方法包括：一、内联事件判断；二、script标签内if修改DOM；三、模板字符串拼接HTML；四、data属性驱动逻辑；五、表单输入实时反馈。
-
CSScomb是一款用于统一CSS属性顺序的格式化工具，支持多种样式语言并通过配置文件定义排序规则。安装后可命令行运行或集成至编辑器实现自动整理，提升代码可读性与维护性。团队使用时应统一配置并注意属性层叠影响，合理应用可有效规范样式书写，适合纳入前端工程化流程。
-
JavaScript的class是原型继承的语法糖，不改变面向对象模型；class声明不提升，表达式适合动态定义；子类constructor必须先调super()才能用this；私有字段（#）仅类内可访问，静态方法不可访问实例属性，字段初始化不能调用实例方法。
-
font-weight数值不生效主因是字体不支持该字重；需确认是否为可变字体、检查@font-face声明与字体元数据匹配，并用开发者工具验证实际解析值。
-
content-box的width和height仅包含内容，不包括padding和border，导致总尺寸易超出预期；2.border-box的width和height包含内容、padding和border，整体尺寸更可控；3.现代开发推荐全局设置box-sizing:border-box，确保布局一致性。
-
伪元素::before无法在td上显示内容，因td是替换元素且默认display:table-cell，不支持生成内容；应改用data-label+::before在小屏下实现标题显示。
