文件夹、分组、规则 —— 组织 100 条以上的规则
五条规则你记得住。五十条 —— 不行。JustZix 有一个四级层级，从「一个快速修复」扩展到「十几个项目上的一百条规则」。下面是如何使用它。
四个层级
- 文件夹 —— 最高层级。它有自己的 URL 模式和给悬浮按钮用的三字母标签。这里你放一个「项目」或一个「客户」。
- 分组 —— 文件夹内部的子组织。每个文件夹至少有一个分组。这里你把，比方说,「样式」和「动作」分开。
- 规则 —— 真正的 CSS/JS 单元。它属于一个分组。
- 动作 —— 一个可点击的按钮，按需执行 JS。它属于一条规则。
一个向下级联的开关
最重要的原则：关掉一个上层会关掉它下面的一切。关掉一个文件夹 —— 它所有的分组、规则和动作都沉默，一次点击。这让你能快速「静音」整个项目，而不用碰单条规则。
如何组织它 —— 一个应付 100 条规则的模式
- 文件夹 = 上下文。每个客户、项目或大网站一个文件夹。文件夹的 URL 模式覆盖那整个上下文。
- 分组 = 角色。在一个文件夹内部：一个「外观」分组（CSS）、一个「自动化」分组（JS）、一个「QA」分组（动作）。容易禁用整个角色。
- 规则 = 一个任务。一条规则做一件事。「隐藏广告」和「修表格」是两条规则，不是一条 —— 分别启用和诊断更容易。
为什么不用一条巨大的规则
把一个网站所有的 CSS 都倒进一条规则很诱人。别这么做：当一个片段坏了，你没法在不禁用其余部分的情况下禁用它，而诊断（「200 个选择器里的哪一个？」）变成一场噩梦。小规则意味着精确的启用和轻松的找罪魁祸首。
另见
- URL 模式 —— 模式在层级里如何叠加
- 同步如何工作 —— 跨设备的层级
- 为 QA 团队用 JustZix —— 层级作为分享单位
安装 JustZix —— 在一百条规则驯服你之前先驯服它们。
为这篇文章评分
暂无评分 — 成为第一个。