THE REFERENCE SHELF

好的参考,值得反复打开。

发起投稿

精选官方资料,附上适用情境和阅读路径。登录后查看完整说明与来源。

共 12 份内容
设计·资源

让卡片适应内容:Figma 自动布局指南

按钮文案变长、标签增加或卡片换成窄屏时,手动调整很容易遗漏。沿着官方指南理解方向、间距与尺寸行为,再用真实长短内容检查组件,建立能继续修改的布局基础。

前端开发·资源

减少矛盾与重复:React 状态结构指南

加载中、成功和失败若分别保存为多个布尔值,组件就容易出现互相矛盾的组合。React 官方文档从状态形状出发,帮助读者识别重复数据、可推导值和难以更新的深层结构。

后端开发·资源

什么时候选择 SQLite:从部署与写入方式判断

数据库选型不能只按项目大小或预想访问量判断。SQLite 官方说明从本地数据、网络访问和并发写入等条件讨论适用范围,适合在小工具与内容应用起步时厘清约束。

设计·资源

标签、说明与报错:WAI 表单设计教程

填写失败往往不只是校验规则的问题,也可能是标签、分组或反馈不清楚。WAI 官方表单教程把这些细节连起来,适合用于登录、投稿与评论流程的设计评审和开发交接。

设计·资源

从颜色值到设计约定:Figma 变量阅读路线

同一个强调色散落在多个组件中,改版时很难确认是否全部同步。借助官方变量指南,理解可复用值、集合与模式的关系,先为小范围组件建立命名约定,再评估主题扩展。

前端开发·资源

让内容决定断点:MDN 响应式布局入门

响应式布局需要处理连续变化的空间,而不只是对应几种设备尺寸。MDN 从弹性布局、媒体查询和视口设置讲起,适合用来检查卡片、正文与图片在不同宽度下的表现。

前端开发·资源

交互放在哪里:Next.js 服务端与客户端组件

页面需要读取数据,也需要搜索和收藏等交互,这些能力可能运行在不同环境。Next.js 官方指南解释组件边界与组合方式,帮助读者在拆分页面时明确浏览器能力和数据传递。

后端开发·资源

先对齐接口约定:OpenAPI 规范阅读入口

接口名称相同,并不意味着请求、响应和错误条件已经对齐。OpenAPI 官方规范为这些约定提供结构化描述方式,适合团队以一个小接口为起点,梳理输入输出与安全要求。

后端开发·资源

从输入到权限:OWASP REST 安全检查入口

请求能够返回正确数据,只说明正常路径可用,还需要检查身份、资源权限和异常输入。OWASP 官方速查表提供系统的审阅方向,适合将接口实现拆成可以逐项讨论的问题。

后端开发·资源

一次操作怎样完整落库:PostgreSQL 事务入门

一项业务操作可能包含多条数据库更新,中途失败时不应留下难以解释的半成品。PostgreSQL 官方教程从事务的整体性讲起,适合理解提交、回滚及多个步骤之间的边界。

前端开发·资源

把组件状态写清楚:Storybook Stories 指南

同一个卡片在空内容、长标题和不可操作时,往往需要不同的展示状态。Storybook 官方指南介绍用参数描述组件的方式,适合把设计约定转化为可独立查看的组件示例。

设计·资源

先理清阅读顺序:WAI 页面结构教程

页面的视觉层级之外,还需要让标题、区域和内容顺序表达同一套关系。WAI 官方教程适合设计与开发共同阅读,用来检查长文章、导航和多栏页面是否便于定位与理解。