-
当使用inline-block布局多个div时，因HTML中的换行符和空格被渲染为文本节点，导致元素间产生不可见间隙，进而使第三列被迫折行——这是常见布局失效主因，可通过移除空白、重置字体大小或改用Flexbox彻底解决。
-
结论：优先选SignalR而非原生WebSocket做业务实时通讯；仅在需控制帧格式、对接硬件或调试底层时手撸WebSocket。SignalR提供自适应传输、自动降级、内置生命周期管理与广播能力，而原生WebSocket需手动处理连接、心跳、序列化及异常恢复。
-
默认脚本放head必致白屏，因浏览器会暂停HTML解析、同步下载执行；defer适合需操作DOM或有依赖的外部脚本，按序在DOM就绪后执行；async仅适用于完全独立脚本，下载完立即执行但顺序不可控。
-
HTML倒计时精度取决于JavaScript定时机制与系统时钟同步策略；应以服务端时间戳为基准，用Date.now()实时计算剩余时间，避免setInterval累加误差，并通过requestAnimationFrame优化渲染流畅度。
-
WebWorker必须用外部JS文件启动且不支持DOM操作；通信依赖postMessage/onmessage；传大数组或buffer必须用transfer移交所有权，否则卡死；file://协议下不可用，需HTTP服务或ESM的newURL()写法；数据通过结构化克隆传递，无共享内存；错误需显式onerror捕获。
-
QtC++实现WebSocket客户端需正确初始化QWebSocket、绑定信号（推荐Qt::QueuedConnection）、显式链接websockets模块（QT+=websockets），并确保URL协议与服务端模式匹配（ws://对应NonSecureMode，wss://对应SecureMode），否则运行时崩溃或静默失败。
-
JavaScript中querySelector支持CSS类选择器：单类用“.class”；多类交集连写如“.a.b”；可与标签、属性、伪类组合；注意“.a.b”是同元素多类，“.a.b”是后代关系。
-
index.html无法直接连接数据库，必须通过后端服务中转；前端用fetch调用API，后端连接数据库并返回JSON；切勿硬编码数据库凭证，需处理CORS和安全防护。
-
本文介绍在乘客计数应用中正确实现“重置已保存记录”功能的方法：通过分离显示文本与动态数值，确保点击重置按钮后仅将保存的乘客数归零，同时完整保留“Previousentries:”等固定提示文字。
-
通过组合border-color与box-shadow可实现多层、渐变及状态提示边框，如双色嵌套边框（.element{border:2pxsolid#007bff;box-shadow:0004px#ff6b6b}）、悬停高亮（.button:hover{box-shadow:008px2pxrgba(0,123,255,0.3)}）和圆角状态框（.status-box.success{box-shadow:0003pxrgba(40,167,69,0.2)}），利用box-shadow不占布局空间的特
-
模态框遮罩不透明是因为父元素opacity导致子元素继承叠加，应使用rgba()单独设置背景层透明度；pointer-events:none需加在遮罩层并配合伪元素确保点击拦截；移动端需结合touch-action、overflow:hidden及层叠上下文排查。
-
flat(Infinity)对嵌套评论“不起作用”是因为它只扁平化数组的数组，无法自动提取对象中的replies等字段；仅当数据已是多层嵌套数组形式时才有效，标准树形结构应使用递归flatMap。
-
