-
箭头函数不绑定自身this，而是继承外层作用域的this值；它用=>定义，无arguments、prototype、super和new.target，不能作为构造函数。
-
应使用rgba()或hsla()设置背景透明度，而非opacity属性；因opacity会使整个元素（含文字、子元素）统一变透明且不可逆，而rgba()仅作用于背景色，可确保文字保持100%不透明。
-
用position:fixed+transform居中是最稳妥的方案，需同时设置left:50%、top:50%和transform:translate(-50%,-50%)，因transform的50%基于自身宽高，不受视口尺寸影响，兼容IE9+，且响应式宽度下仍精准居中。
-
AsyncIterator是JavaScript中用于异步生成值的迭代器协议，其next()方法必须返回Promise<{value,done}>；而普通Iterator的next()同步返回{value,done}，因此AsyncIterator需用forawait...of遍历。
-
响应式排版与文字换行的核心在于灵活布局与可读性优化。通过“移动优先”的媒体查询策略，结合Flexbox处理一维对齐、Grid构建二维页面结构，并使用相对单位（如rem、vw）实现流体布局；文字换行则依赖overflow-wrap:break-word防止溢出，text-overflow:ellipsis实现单行省略，辅以clamp()函数动态调整字体大小，提升多设备下的阅读体验。
-
Magic.css动画在Chrome不触发的根本原因是元素初始即处于终态，浏览器跳过动画；需确保可见、无动画类，并用requestAnimationFrame延迟添加class，避免与transition混用。
-
WebAudioAPI的play()不支持混音，必须用AudioContext搭建路由，通过GainNode等节点处理信号；HTMLMediaElement仅适合单轨播放，AudioBufferSourceNode才是混音基础。
-
本文介绍如何通过CSSGrid的grid-auto-rows与display:grid布局，强制同一行中所有日期卡片（.card）保持统一高度，彻底解决因内容长度不一（如长文本、多行训练计划）导致的视觉参差问题。
-
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。
