99-appendix_e-2-content.png

E.2 效率工具类（10 个） ​

这些项目能真正提高你的工作效率。做出来之后，你会每天都用。

1. Markdown 预览器 ​

难度：⭐⭐（基础）
预计时长：1-2 小时
核心技术点：Markdown 解析、实时预览

功能描述：

学到什么：第三方库使用（如 marked.js）、分栏布局

2. JSON 格式化工具 ​

难度：⭐⭐（基础）
预计时长：1-2 小时
核心技术点：JSON 解析、代码高亮

功能描述：

学到什么：JSON.parse/stringify、错误处理

3. 单位转换器 ​

难度：⭐⭐（基础）
预计时长：1-2 小时
核心技术点：数学计算、单位映射

功能描述：

学到什么：数值处理、select 下拉框

4. 颜色工具箱 ​

难度：⭐⭐（基础）
预计时长：1-2 小时
核心技术点：颜色格式转换、颜色选择器

功能描述：

学到什么：颜色格式、input type="color"

5. 文本统计工具 ​

难度：⭐（入门）
预计时长：30 分钟 - 1 小时
核心技术点：字符串处理

功能描述：

学到什么：字符串方法、正则表达式基础

6. 二维码生成器 ​

难度：⭐⭐（基础）
预计时长：1 小时
核心技术点：第三方库使用

功能描述：

学到什么：使用 qrcode.js 等第三方库

7. 剪贴板历史 ​

难度：⭐⭐⭐（进阶）
预计时长：2-3 小时
核心技术点：剪贴板 API、历史记录

功能描述：

学到什么：Clipboard API、列表管理

8. 快速笔记（便签） ​

难度：⭐⭐（基础）
预计时长：1-2 小时
核心技术点：拖拽、LocalStorage

功能描述：

学到什么：拖拽 API、位置存储

9. 快捷短语管理 ​

难度：⭐⭐（基础）
预计时长：1-2 小时
核心技术点：文本管理、快捷复制

功能描述：

学到什么：分类管理、剪贴板操作

10. 网页截图标注 ​

难度：⭐⭐⭐（进阶）
预计时长：3-4 小时
核心技术点：Canvas、图片处理

功能描述：

学到什么：Canvas 绑定、图片编辑基础

效率工具的共同特点 ​

好的效率工具应该：

做效率工具的心法

先问自己：「我每天重复做的事情有哪些？」然后把它做成工具。解决自己的问题，就是最好的项目 idea。