← 学习路线
03 · 全栈与工具 4 节 · 1 分钟读完 已学会

做一个自己的小工具

从一个列表、一张表单和一次数据变化开始,把需求、页面和接口连接起来。

适合:希望把零散知识串成一个作品的人。读完留下:一份个人记录工具的最小实现方案。

#实践记录#独立工具#应用交付

找到最小业务对象

以个人阅读记录为练习,最小对象可以只有标题、来源和阅读状态。先问这个对象帮助谁完成什么动作,对象越清晰,功能越不容易无限扩张。

要点

  • 谁使用?
  • 记录什么?
  • 最重要的动作是什么?

练习 定义一个个人工具的核心对象,只保留第一次使用必需的三个字段。

从流程倒推页面

页面应跟随任务,而不是跟随组件库的演示菜单。先把输入前、操作后、失败返回三个状态画出来,再决定复用哪些组件。

要点

  • 输入之前
  • 操作之后
  • 失败与返回

练习 画出新增、列表和编辑三个状态,并给每条连接标明触发动作。

给数据变化一个归属

前端负责收集输入和显示结果,业务层负责处理规则,数据层负责存取。仅保存在浏览器本地的数据,应诚实说明其与跨设备账号的区别。

要点

  • 展示状态与业务状态分开
  • 说明数据保存在哪里
  • 用真实结果确认成功

练习 为每个字段和状态标明负责的位置,并写清哪些数据刷新后仍应存在。

用一次完整操作验收

验收时从入口开始,新建记录、查看结果、修改状态,再刷新检查保存是否符合约定。作品的价值首先来自能可靠完成一件事。

要点

  • 主路径能走通
  • 结果保存符合声明
  • 失败后能继续

练习 请另一位使用者只按任务描述完成一条记录,记下卡住的位置。

学完这个专题了吗?

已学会这个专题 🎉

读完这几节、做完练习后标记一下,你在学习赛道上会前进一格。

学习赛道前进到 0%

下一个专题 →

内容来源:内部工具与全栈开发工作流 · Winston 全栈学习路线图