在线记事本

使用方法

1. 打开这个在线记事本，编辑区里已经预置了一段 11 行、124 个汉字的示例，直接选中改写就行。写完后什么都不用按：停笔 300 毫秒，右上角状态会从「保存中」变成「已保存」。
2. 想立刻落盘而不等那 300 毫秒，按 Ctrl + Enter（macOS 用 Cmd + Enter）。裸 Enter 是换行，不会被抢去做保存——竖排写清单、写代码块都靠它。
3. 状态条右侧实时给出汉字数、字符数、行数和 UTF-16 占用，边写边看篇幅，不用另开统计工具。
4. 换页面前记得确认状态是「已保存」。若停在「保存中」就关掉，那一次修改不会写入。
5. 点「导出 .txt」把全文存成纯文本；点「导出 .md」会在开头加一行 # 在线记事本 一级标题，其余原样。两个文件都按 UTF-8 编码。
6. 点「清空」会弹一次确认：内容与本机存储一起删除，无法撤销，所以清空前建议先导出备份。点「载入示例」可随时把上面那段样例还原回来。

这个在线记事本能解决什么问题

一是临时中转。从一份文档里复制三段内容、来回对照着改，放在记事本里比反复切换窗口省事；刷新页面、甚至关掉浏览器再打开，内容还在。

二是多标签对照。同一篇材料要在一个标签页查资料、另一个标签页整理，两边改的都是同一份存储，storage 事件会把变更推给另一个标签页，不必手动复制粘贴。

三是不联网也能用。全文只写进本机浏览器的 localStorage，不发一个网络请求，也就没有「草稿被传到服务器」这类顾虑；断网状态下照样编辑和保存。

四是给写作定个近处的手感。开着字数统计写提纲、写待办、写会议速记，600 字的小目标有没有到一眼就能看见。

本页不做这些事：不做账号登录与云端同步（换电脑读不到），不做富文本排版与图片插入，不做版本历史与撤销回溯，也不加密内容——同一台电脑上能打开这个浏览器的人都能读到。要存敏感信息、需要口令保护，请用页面底部的「SecureNote 生成器」；要做多级要点与结构图，请用「在线思维导图工具」。

存储原理：localStorage 配额、300 毫秒防抖与 storage 事件

内容写在这里：localStorage.setItem('liuquan-zxjsb-note-v1', 文本)。它是 W3C Web Storage 规范定义的同步阻塞接口，按同源共享：同一个站点下的所有页面读写的是同一份数据，换一台电脑或换一个浏览器就读不到。数据没有过期时间，只有显式删除或用户清理浏览器数据才会消失。

配额约 5 MB 且按 UTF-16 计费。浏览器普遍按「每个 UTF-16 码元 2 字节」计费，而汉字落在基本平面、1 个字正好占 1 个码元、2 个字节。所以 5 MiB = 5242880 字节理论上能装 2621440 个汉字（约 262 万字），正文里说的「约 260 万字」就是这个数取整。补充平面字符要翻倍：一个 emoji 占 2 个码元、4 个字节，比一个汉字贵一倍。要注意各浏览器对「5 MB」的解析并不统一，Chrome 实测大约在 500 万码元附近才抛 QuotaExceededError，所以真正写入时一定要用 try / catch 兜住，而不是假定「没满 260 万字就一定能存」。

为什么不是每次输入都写。input 事件在高速输入时一秒能触发 20 次以上，而 localStorage 是同步阻塞的——每敲一个字就写一遍整个文本，大字符串下会明显掉帧，输入法也会发顿。300 毫秒防抖把这个过程改成：每次输入只重置一个定时器，停笔满 300 毫秒才真正写一次。写入次数从每秒 20 次降到大约 1～4 次，而代价只有 300 毫秒的延迟。裸 Enter 只是换行、不触发保存，也正是为了不打断连续输入。

多标签同步靠 storage 事件。当 A 标签页写入某个 key 时，同源的其他标签页会收到一个 storage 事件，带着 key、oldValue、newValue。关键细节：触发写入的那个标签页自己不会收到这个事件，所以不能靠它来更新本页的「已保存」状态——本页的状态由 setItem 成功后的返回值直接设置。本页在收到事件后会比对 newValue，与当前文本相同就忽略，避免自己触发的回声把光标顶乱。

导出用 Blob + ObjectURL，用完必须释放。下载不落地到服务器：把文本包成 new Blob([文本], { type:'text/plain;charset=utf-8' })，再用 URL.createObjectURL(blob) 拿到一个形如 blob:https://…/uuid 的临时地址挂到 <a download> 上点击。这个地址会一直把 Blob 钉在内存里，所以点击后必须调用 URL.revokeObjectURL(url) 释放，否则反复导出会让内存持续上涨。本页在下载后立刻撤销，正是这个原因。

完整示例（数值仅作演示）

示例内容就是编辑区里那段 11 行的样例文本，共 124 个汉字、230 个字符（码点与码元相等）、11 行，在本机占 460 字节（0.45 KB）——因为汉字在本页按 UTF-16 的 2 字节/码元计费，230 × 2 = 460。

• 保存时机：停笔满 300 毫秒写入一次；这段 460 字节的内容远低于 5 MB 配额，写入耗时在 1 毫秒量级，不会卡顿；
• 占用比例：460 字节 ÷ 5242880 字节 ≈ 0.0088%，也就是说这一万分之一都不到；
• 导出结果：导出 .txt 后文件是 513 字节（UTF-8 下汉字占 3 字节，与浏览器内的 UTF-16 计费口径不同）；
• 多标签：在第二个标签页把第 3 行改成别的文字，本页会在收到 storage 事件后整段替换为最新内容并提示「已同步」；
• 配额余量：按 262 万字上限算，还能再装约 261.9 万个汉字，日常笔记根本用不完。

同样一段内容换不同的规模，占用差别很大：一篇 1000 字短文占 1.95 KB，5 万字中篇占 97.66 KB，20 万字长篇占 390.63 KB，50 万字开始就该考虑分段存储了。下面这张表可以直接对照。

输入范围与存储规模对照表

下表按「每 1 个 UTF-16 码元 2 字节、配额 5 MiB」估算，用来判断某个体量的内容放进这个在线记事本会不会触顶。默认显示 12 行，点「加载更多」看完全部 18 行；点「下载 CSV」导出带 BOM 的表格文件，Excel 打开不乱码。

边界与精度说明

• 容量上限约 5 MB / 源。按 2 字节/汉字换算约 262 万字；越接近上限，写入越可能抛 QuotaExceededError，且不同浏览器阈值不一致，因此本页不承诺「填满一定成功」，而是在写入前先按 字节数 > 5 MiB 拦一道，写入时再用 try / catch 兜底。
• 字号 13～28 px 的整数。超出范围会被拒绝并提示，同时回退到默认 16 px，不会静默改掉。
• 空文本不可导出。点「导出 .txt」「导出 .md」或「清空」时若编辑区为空，会直接提示而不是生成一个空文件或伪成功。
• 字数口径是汉字，不是「字符」。统计条里的「汉字」按 [\u4e00-\u9fff] 计，「字符」按 Unicode 码点计（[...v].length），两者在纯中文文本里接近、在混排文本里会相差不少。
• 「占用」是浏览器的计费口径，不是文件大小。同样一段文字，页面里显示 460 字节，导出成 UTF-8 的 .txt 是 513 字节——前者按 UTF-16 码元算，后者按 UTF-8 字节算。
• 不加密、不过期、不同步到云端。同一浏览器同源即可读；清理浏览器数据会连同内容一起清掉。请把这里当草稿纸，而不是保险箱。
• 多标签同步有极短延迟。storage 事件由浏览器异步派发，通常在几十毫秒内到达；若两边几乎同时修改同一段文字，后写入的一方会覆盖先写入的一方，本页不做冲突合并。

常见问题

相关工具

• 番茄钟计时器：专注写作时的计时，把「写 25 分钟」这件事和记事本配在一起用。
• 在线秒表：记录单次写作或会议的时长，顺手贴在记事本第一行。
• 在线思维导图工具：把记事本里的散点提纲整理成有层级的结构图。
• 清单生成：把记事本里的待办逐条转成规范的勾选清单。
• 工时表生成器：记录每个时段的产出，比在记事本里手写时间表更规整。
• 打字速度测试：写完一段后测一下录入速度，用记事本里的样本反复练。
• Mood记录：用固定字段记录情绪变化，适合从随手记过渡到有结构记录。
• 实用工具：查看全部实用工具。