出行与出差检查清单 是 limitless 上的一个小工具页面，用来在出门前逐项确认该带的东西有没有带齐。页面分两大块：出行远门检查清单（日常出行）和出差检查清单（项目出差专项物品），覆盖从钥匙身份证到电脑计算机等全部场景。

点击下面的链接查看：

出行与出差检查清单 – limitless

页面结构

自定义检查单

如果你希望使用自己编辑的检查清单，请获取模板然后编辑（直接下载这个页面），照猫画虎编辑即可。

之后需要让他成为一个网络路径，再在网页上配置即可。

你一看这个过程就知道不是给普通人用的，所以如果有需要，请联系站长吧。站长给你的配置文件放在默认配置旁边，你就可以自己设置路径然后用了。

目前可以选择的配置：

/wyb/goout_check_list/default.json   # 默认的
/wyb/goout_check_list/sushe.json     # 个人自用：用于宿舍出门检查

出行远门检查清单

分为四个分类：

• 🔑 必备 ：钥匙、身份证、手机、手机充电器——出门没带等于回不去的四级核心物品
• 💻 计算机 ：电脑、电源适配器、适配器电线等办公和开发相关设备
• 🎧 其他 ：手环充电器、耳机——非核心但容易忘的配件
• 🧴 长期 / 生活 ：学生证、衣物、牙刷、行李箱、维修电脑用U盘、手环、U盘、大容量数据磁盘、剃须刀——过夜及长期出行才需要的物品

出差检查清单

单独一个分类，包含项目出差专项物品。

功能说明

开关式勾选

每个物品对应一个拨动开关：

• 红色 = 未准备 （默认状态）
• 绿色 = 已准备

点击开关本身、或点击物品名称所在的整行区域，都可以切换状态。

实时统计

页面顶部显示当前进度：

• 🟢 已准备数量
• 🔴 未准备数量

每切换一项，数字实时更新。出门前目标是红色清零。

状态记忆（3天）

页面通过浏览器 Cookie 自动保存勾选状态，保留 3 天。这意味着：

• 勾选到一半关掉页面，3 天内重新打开还在
• 不需要登录、不需要注册
• 换浏览器或清除 Cookie 后状态会丢失

折叠分组

每个分类标题（如「必备」「计算机」）可以点击折叠/展开，方便只关注当前正在收拾的分类。点击标题文字、徽章、箭头都可以触发折叠。键盘用户可以用 Tab 聚焦到标题后按回车或空格切换。

重置全部

页面右下角有「重置全部」按钮，一键清空所有勾选状态，回到全部未准备。下次出行重新开始。

使用场景

1. 日常出门 ：只勾「必备」分类，4 项确认完就能走
2. 去实验室/办公室 ：加上「计算机」分类，确认电脑和配件带齐
3. 出差 ：先过一遍出行清单，再过一遍出差清单，确保专项物品不遗漏
4. 过夜/长期出行 ：展开「长期 / 生活」分类，确认衣物洗漱等生活用品

移动端适配

页面在手机上自适应布局：

• 物品列表从多列变为单列
• 开关尺寸略微缩小
• 字体和间距针对小屏幕优化

手机上也能正常使用，出门前掏出来边收拾边勾。

打印支持

页面内置打印样式优化：

• 开关在打印时保持颜色（绿色已准备 / 灰色未准备）
• 物品项不会跨页截断
• 背景变白，去掉阴影

如果需要纸质版勾选，直接 Ctrl+P 打印即可。

技术实现

• 纯前端实现（HTML + CSS + Vanilla JS），零依赖、零框架
• 状态存储用 Cookie（3天过期），不依赖 localStorage，兼容性更好
• 响应式布局用 CSS Grid auto-fill + minmax ，自动适配不同屏幕宽度
• 折叠动画用 grid-template-rows 从 1fr 到 0fr 过渡，比 max-height 方案更流畅
• 无障碍支持：分类标题带 role="button" 和 aria-expanded ，键盘可达

访问地址

访问地址如下：

https://limitless.net.cn/wyb/goout_check_list/

建议收藏到书签或添加到手机主屏幕，出门前打开即可。

---

2026-09-01 · 检查清单页面重构

提交： de5a127 — 「检查清单页面：增加自动折叠，计数优化，允许自定义检查单等」

涉及文件： limitless.net.cn/wyb/goout_check_list/

主要变更

1. 允许自定义检查单（新增核心功能）

• 页面改为配置驱动：从 default.json 动态加载检查单结构并渲染，不再是写死的 HTML。
• 右上角新增 ⚙️ 设置 按钮，可自定义检查单 JSON 配置路径（支持站内相对路径或完整网络地址，跨域需目标站允许 CORS）。
• 新增默认配置文件 default.json，包含「出行远门检查清单」和「出差检查清单」两个块，含字段说明注释。
• 配置文件支持 // 和 /* */ 注释（解析时自动去除，字符串内不会误删）。

2. 增加自动折叠

• 新增块级折叠：检查单模块默认折叠，点击标题展开；展开模块时其下所有分类同步展开到底。
• 分类标题仍可单独折叠/展开；支持键盘（Enter / 空格）操作。
• 折叠/展开带平滑动画。

3. 计数优化

• 每个模块和每个分类标题旁新增统计徽章，实时显示「已完成 / 总数」。
• 模块/分类全部完成时，已完成数字变黑提示。
• 页面顶部的「已准备 / 未准备」总数统计保留并实时更新。

4. 其他优化

• 重置全部改为两次确认（防误触），重置后按钮短暂置灰提示。
• 配置加载失败时显示友好错误提示，并引导用户通过设置修正。
• 勾选状态 Cookie 记忆（3 天）保留；配置路径 Cookie 单独保存 90 天。
• 页面标题 name.txt 更新为「检查清单 SOP – 出门检查清单」。
• 新增设置弹窗、错误提示、按钮状态等样式，并适配手机端。

行为说明

• 重置按钮仅重置勾选状态，不会重置配置文件路径。
• 如需恢复默认配置路径，请在设置中删除或改回默认值。

---

2026年8月4日

limitless网站管理员