基础知识
常见术语串讲
爬虫、抓包
> 2026-09-12 建立|2026-09-12 更新
爬虫 = 把"人用浏览器做的事"用代码自动重做一遍,主要有以下四步
1. 构造并发送请求(URL、参数、请求头、token)
2. 解析响应,把数据抠出来
3. 遍历(翻页、拿列表里的 id 再逐个请求)
4. 存储(存 JSON / 数据库 / 图片)
爬虫需考虑伪装,主要存在这三方面的伪装
| 伪装对象 | 例子 |
| --- | --- |
| 身份 | token / cookie(证明你是谁) |
| 客户端指纹 | TLS 指纹、User-Agent、请求头顺序(证明你是浏览器/小程序) |
| 行为 | 请求频率、顺序、间隔(证明你不像机器人) |
通用开发思路/经验
- localhost本地服务的路由端口最好固定下来
内容站
-
Life OS(生命操作系统) :是 Notion 等工具中常见的一类个人管理框架:借用「操作系统」的比喻,把原本分散在不同 App、表格或笔记中的生活模块整合进一个工作区,并通过首页仪表盘汇总它们的状态。
- Dashboard(人生驾驶舱):把生活中多个维度集中到一个页面,帮助自己观察状态、安排重点和做出取舍。
- Kanban(任务看板) :管理任务的流转、日/周/月计划
- 🔄 习惯与日常 routine:追踪重复的日常行动;
- 📓 日记与情绪:记录感受、回顾状态;
- 🎯 目标与生活维度:把长期方向拆到可观察的领域;
- 💰 财务、工作与职业:以及膳食等按个人需要加入的领域。
-
Link Hub(链接中心):常见于个人主页、Link in Bio 或 Notion 模板中:把分散在各处的外部入口收进一个页面,例如社交账号、作品集、课程、预约日历、播客和订阅链接。它的核心作用类似 Linktree——让访客通过一个链接找到全部公开入口;Notion 版还可以按需要加入数据库或日历
-
Knowledge Hub(知识中心) :用来汇总学习资料、笔记、参考资料、待读文章和常用工具
UI 设计审美
一、审美积累
1. 减少不必要的框线
卡片画布中的框线不宜过多,可以优先考虑减少标题下方的分割线、“思考完成”区域的外框线,以及已折叠卡片的边框。如果文字、留白、背景色或卡片层级已经能够表达结构,额外的框线就可以去掉,避免画面显得过于零碎。这个判断可以回溯到 ChatNotes v0.4.0 的阅读区与卡片视觉重构。chatnotes-v040-frames
2. 用视觉元素替代文字标签
顶部留白处不一定要直接放置“工作区视图”这类说明文字,可以改为使用一张复制的卡片作为视觉元素,并进行适当旋转或错位处理,让它像一张叠放在画布上的卡片。这样既能填补留白,也能强化卡片画布本身的视觉主题。这对应 ChatNotes v0.4.0 中移除“工作区视图”文字、引入叠层卡片伪元素的改动。chatnotes-v040-stack
二、界面调试技巧
1. 先调整颜色,再调整位置
制作叠层式界面时,可以先使用红色、蓝色等明显区分的颜色标记不同层级,先确认各个层级的关系和视觉效果,再继续调整具体位置、旋转角度和间距。这样更容易观察叠层结构,也能减少在位置调整阶段反复猜测的问题。这条经验是根据 ChatNotes v0.4.0 的叠层实现回溯出的调试方法,并非该提交信息中的原文。chatnotes-v040-debug
数据获取/爬虫
爬取微信小程序数据
> 2026-09-12 建立 |2026-09-12 更新
1. 抓包工具:[Reqable](https://reqable.com/zh-CN/download/)-正在使用|Charles|Proxyman|mitmproxy
2. 经验积累
1. 如果curl/Python (普通 requests/curl )默认的 TLS 指纹被拦,则尝试用 curl_cffi + impersonate="chrome" 伪装浏览器指纹
## pipeline
> 使用时把这个 pipeline 给 AI 就行
1. 电脑装个reqable,配置证书
2. 用电脑微信打开小程序
3. 抓包,把所有请求保存下来发给 AI 分析写成爬虫
来源:ChatNotes v0.4.0:重构阅读区与卡片视觉。对应 app/globals.css 中阅读区标题、未展开卡片和已完成思考区域的边框调整。
来源:ChatNotes v0.4.0:重构阅读区与卡片视觉。对应 WorkspaceShell.tsx 中移除“工作区视图”标签,以及 app/globals.css 中新增的 .conversation-reading-card-stack::before 与 .conversation-reading-card-stack::after。
来源:ChatNotes v0.4.0:重构阅读区与卡片视觉。代码中通过叠层伪元素的背景色、透明度和旋转角度共同调试视觉层级,因此可抽象出“先调颜色,再调位置”的工作顺序。