diff --git a/resources/js/chat-room/message-queue.js b/resources/js/chat-room/message-queue.js index 06349b9..25c1733 100644 --- a/resources/js/chat-room/message-queue.js +++ b/resources/js/chat-room/message-queue.js @@ -9,11 +9,13 @@ export function createMessageQueue(options = {}) { const limit = Math.max(Number.parseInt(options.limit, 10) || 200, 1); const queue = []; + // 标记当前帧是否已排队刷新,避免高频消息在同一帧内重复触发渲染。 let flushScheduled = false; const scheduler = typeof options.scheduler === "function" ? options.scheduler : (callback) => { + // 浏览器优先跟随 RAF 合并刷新,测试或无 RAF 环境回退到短 timeout。 const requestFrame = globalThis.requestAnimationFrame || ((handler) => globalThis.setTimeout(handler, 16)); return requestFrame(callback); @@ -34,6 +36,7 @@ export function createMessageQueue(options = {}) { enqueue(message) { queue.push(message); + // 队列超过上限时丢弃最旧消息,避免离线积压拖慢后续批量渲染。 while (queue.length > limit) { queue.shift(); } diff --git a/resources/js/chat-room/preferences-status.js b/resources/js/chat-room/preferences-status.js index f260449..b1d44cc 100644 --- a/resources/js/chat-room/preferences-status.js +++ b/resources/js/chat-room/preferences-status.js @@ -169,7 +169,7 @@ export function bindSoundMuteControl(onChange) { } /** - * 绑定系统播报屏蔽菜单打开与菜单内点击拦截事件。 + * 绑定功能菜单、每日状态编辑与系统播报屏蔽的统一事件代理。 * * @returns {void} */ @@ -198,6 +198,7 @@ export function bindBlockMenuControls() { return; } + // 功能菜单由 Blade 动态渲染,使用 document 代理避免重复绑定新节点。 const featureMenuTrigger = event.target.closest("[data-chat-feature-menu-toggle]"); if (featureMenuTrigger) { event.preventDefault(); @@ -206,6 +207,7 @@ export function bindBlockMenuControls() { return; } + // 每日状态编辑器仍保留存量全局函数,这里只负责把 data-* 事件转发出去。 const dailyStatusCloseButton = event.target.closest("[data-chat-daily-status-close]"); if (dailyStatusCloseButton) { event.preventDefault(); @@ -246,6 +248,7 @@ export function bindBlockMenuControls() { return; } + // 快捷功能区包含本地清理、签到和跳转类动作,统一收口到当前代理入口。 const localClearButton = event.target.closest("[data-chat-feature-local-clear]"); if (localClearButton) { event.preventDefault(); @@ -289,6 +292,7 @@ export function bindBlockMenuControls() { return; } + // 系统播报屏蔽菜单需要阻止内部点击冒泡,避免点击复选框时菜单被外层关闭。 const trigger = event.target.closest("[data-chat-block-menu-toggle]"); if (trigger) { event.preventDefault(); diff --git a/resources/js/chat-room/rooms.js b/resources/js/chat-room/rooms.js index 548689c..df0c6ab 100644 --- a/resources/js/chat-room/rooms.js +++ b/resources/js/chat-room/rooms.js @@ -39,6 +39,8 @@ export function resolveRoomUrl(roomId, roomUrlResolver = undefined) { /** * 生成可放入 onclick 属性的安全跳转语句。 + * 这里暂时保留属性字符串,是为了兼容现有 HTML 字符串渲染入口。 + * URL 先 JSON 字符串化再转义,避免地址内容突破属性上下文。 * * @param {number} roomId * @param {(roomId:number) => string} [roomUrlResolver]