-
WebSocket是基于TCP的全双工通信协议，通过HTTP升级握手建立持久连接，实现高效双向实时通信；前端用原生API，后端需专用服务，实际应用需处理心跳、鉴权、可靠性及连接管理。
-
本文详解如何为两个<select>元素绑定change事件，利用data-*属性存储关联参数，并在任一选择变更时自动拼接URL、跳转至目标页面，无需提交按钮。
-
td:last-child能精准选中每行最后一列td，因其匹配tr下最后一个子元素且为td类型；若末尾是th则不匹配，避免误高亮表头；需写为trtd:last-child防止全局误配。
-
本文详解如何纯用Bootstrap5.2.3的内置栅格系统（无需自定义CSS）构建包含三级嵌套、色彩区分、等宽/等高区块的响应式布局，重点说明row与col-*的嵌套规则及常见误区。
-
当父容器与子元素均设置半透明背景色（如rgba）且发生视觉重叠时，浏览器会将两层透明度混合渲染，导致颜色加深。根本解决方案是确保至少一层背景为完全不透明（opacity:1或alpha=1），或合理控制各层透明度层级。
-
FIMO输出HTML不支持文本对齐控制。其HTML为固定模板，无align属性或CSS样式选项，对齐效果源于浏览器默认渲染；需通过后处理注入CSS或改用TSV+Pandas/R等工具实现自定义对齐。
-
空值合并运算符（??）在左侧为null或undefined时返回右侧操作数，否则返回左侧；它只过滤null/undefined，不将0、''、false等假值视为无效，适用于安全设置默认值及配合可选链使用。
-
伪类和伪元素是控制DOM表现层的最小干预单元；::before等伪元素必须用双冒号，:focus-visible按输入方式动态生效，::selection仅支持background-color和color，:is()取最高权重而:where()恒为0。
-
现代事件绑定首选addEventListener，支持多监听器、可移除、语义清晰；避免onclick属性或赋值覆盖；动态元素需事件委托；慎用preventDefault和stopPropagation；移动端可禁用缩放消除click延迟。
-
用transition实现自然悬停效果需明确指定属性、合理设置时长与缓动曲线，并确保初始和hover状态值可插值，transition必须写在非hover的原始状态中。
-
Phaser游戏开发需掌握四大核心：Game实例通过配置对象管理全局系统，Scene管理系统实现流程跳转，GameObjects构成画面元素并由显示列表控制渲染，ArcadePhysics实现碰撞与运动；合理配置可跨平台运行。
-
JavaScript中优先用const，需重新赋值时用let；const绑定不可变（必须初始化且不能赋新值，但可改对象内部），let可重新赋值但不能重复声明；两者均为块级作用域且无变量提升。
-
使用Animate.css可快速实现文字淡入淡出。1.通过CDN引入库；2.添加animate__animatedanimate__fadeIn类实现淡入；3.结合JavaScript动态添加animate__fadeOut类并设置动画结束后的隐藏状态；4.可通过定时器实现自动淡出及循环播放，注意重置动画时需移除旧类并触发重排。合理运用可提升页面视觉体验。
-
JavaScript通过history.pushState()和replaceState()操作同源历史栈，支持无刷新更新URL和状态；popstate事件监听导航变化；back/forward/go仅限已存在历史项跳转，且需用户手势触发。
-
HTML中嵌入外部网页的标准方案是iframe元素，其支持基础嵌入、响应式控制、跨域通信、安全属性配置，并可被WebComponents等现代方案替代。
