Attack on Life ⚔️

家里宽带开通IPv6

发表于 2024-04-20 更新于 2025-01-15 本文字数： 803 阅读时长 ≈ 1 分钟

本文介绍关于家里宽带开通IPv6，包括使用场景、实现细节等，以提高关于家里宽带开通IPv6的效率。

看推上有人提到IPv6直播源观看稳定性高，我之前也没搞过v6，因此尝试把家里网络支持下。

这里记录下操作流程。

硬件情况

先说下牵扯的几个硬件

联通光猫
中兴路由器
终端设备如Mac/Apple TV/iPhone等

这里开始设置。

阅读全文 »

AI聊天中使用SSE

发表于 2024-04-13 更新于 2025-01-15 本文字数： 1.9k 阅读时长 ≈ 3 分钟

本文是作者对AI聊天中使用SSE的介绍，包括SSE的优势、服务端实现、客户端实现等，这些步骤可以帮助作者提高AI聊天的用户体验。

ChatGPT火了一年了，技术上的话也带动了SSE的使用。这里也总结下我对它的认识。

SSE的优势

使用标准的HTTP协议，并非WebSocket。相对比WebSocket全双工资源开销相对较小。
SSE传输的文本数据，使用开销简单。

服务端实现

阅读全文 »

xterm中的attachCustomKeyEventHandler

发表于 2024-04-13 更新于 2025-01-15 本文字数： 2.3k 阅读时长 ≈ 4 分钟

本文介绍如何在xterm.js中使用attachCustomKeyEventHandler监听按键执行特殊处理，包括源码解读、使用场景等实现细节，以提高xterm.js终端的链接交互体验。

xterm.js中监听按键执行特殊处理需要用到attachCustomKeyEventHandler，这里说明下。

源码解读

/**
     * Attaches a custom key event handler which is run before keys are
     * processed, giving consumers of xterm.js ultimate control as to what keys
     * should be processed by the terminal and what keys should not.
     * @param customKeyEventHandler The custom KeyboardEvent handler to attach.
     * This is a function that takes a KeyboardEvent, allowing consumers to stop
     * propagation and/or prevent the default action. The function returns
     * whether the event should be processed by xterm.js.
     *
     * @example A custom keymap that overrides the backspace key
     * ```ts
     * const keymap = [
     *   { "key": "Backspace", "shiftKey": false, "mapCode": 8 },
     *   { "key": "Backspace", "shiftKey": true, "mapCode": 127 }
     * ];
     * term.attachCustomKeyEventHandler(ev => {
     *   if (ev.type === 'keydown') {
     *     for (let i in keymap) {
     *       if (keymap[i].key == ev.key && keymap[i].shiftKey == ev.shiftKey) {
     *         socket.send(String.fromCharCode(keymap[i].mapCode));
     *         return false;
     *       }
     *     }
     *   }
     * });
     * ```
     */
attachCustomKeyEventHandler(customKeyEventHandler: (event: KeyboardEvent) => boolean): void;

源码位置

protected _keyDown(event: KeyboardEvent): boolean | undefined {
   this._keyDownHandled = false;
   this._keyDownSeen = true;

   if (this._customKeyEventHandler && this._customKeyEventHandler(event) === false) {
     return false;
   }
   ...
}
protected _keyUp(ev: KeyboardEvent): void {
   this._keyDownSeen = false;

   if (this._customKeyEventHandler && this._customKeyEventHandler(ev) === false) {
     return;
   }
   ...
 }
  protected _keyPress(ev: KeyboardEvent): boolean {
   let key;

   this._keyPressHandled = false;

   if (this._keyDownHandled) {
     return false;
   }

   if (this._customKeyEventHandler && this._customKeyEventHandler(ev) === false) {
     return false;
   }
  ... 
 }