frontend-math-foundations

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Frontend Math Foundations

前端数学基础

Use this skill as the foundation layer for front-end math. It helps translate a visual or interaction problem into arithmetic, algebra, ratios, geometry, trigonometry, coordinates, or a CSS-vs-JavaScript ownership decision.

将本技能作为前端数学的基础层使用。它有助于将视觉或交互问题转化为算术、代数、比率、几何、三角学、坐标系问题，或是CSS与JavaScript的职责划分决策。

Quick Start

快速入门

Read
```
guidelines.md
```
to select the smallest relevant file set.
Load
```
references/math-foundations/rules.md
```
for implementation decisions.
Load
```
references/math-foundations/examples.md
```
when editing code.
Use
```
workflows/choose-math-approach.md
```
for multi-step derivation or debugging.

阅读
```
guidelines.md
```
以选择最相关的最小文件集。
加载
```
references/math-foundations/rules.md
```
获取实现决策相关内容。
编辑代码时加载
```
references/math-foundations/examples.md
```
。
进行多步骤推导或调试时，使用
```
workflows/choose-math-approach.md
```
。

Resource	Purpose
`guidelines.md`	Routes tasks to the right reference files
`references/source-map.md`	Book source and chapter/section traceability
`references/math-foundations/knowledge.md`	Core concepts and terminology
`references/math-foundations/rules.md`	Practical rules, guidelines, and exceptions
`references/math-foundations/examples.md`	Bad/good examples and refactoring approach
`references/math-foundations/patterns.md`	Reusable formula and implementation patterns
`references/math-foundations/checklist.md`	Review checklist and red flags
`workflows/choose-math-approach.md`	Step-by-step workflow

资源	用途
`guidelines.md`	将任务引导至对应的参考文件
`references/source-map.md`	书籍来源及章节/段落追溯
`references/math-foundations/knowledge.md`	核心概念与术语
`references/math-foundations/rules.md`	实用规则、指南及例外情况
`references/math-foundations/examples.md`	错误/正确示例及重构方法
`references/math-foundations/patterns.md`	可复用公式与实现模式
`references/math-foundations/checklist.md`	审核清单与警示信号
`workflows/choose-math-approach.md`	分步工作流程

Source

来源

Derived from Math for Web Design by Paul McFedries, Chapter 1: Web dev math fundamentals. Citations are tracked in

references/source-map.md

源自Paul McFedries所著《Math for Web Design》第1章：Web开发数学基础。引用记录在

references/source-map.md

中。