Jade：类和 ID 的最佳实践

Question

我已经搜索了一段时间，但找不到答案。

要在 Jade 中创建一个带有 class 或 id 的 div 容器，你可以这样写：

.foo
#bar

或

div.foo
div#bar

另一件事是多个类：

div.foo.bar

或

div(class="foo bar")

最佳做法是什么，还是只是个人喜好？

Answer 1

这只是一个简写符号。它没有错，只是对于不熟悉较短语法的用户来说更具可读性，以隐式表明您正在创建div。

在某些情况下，使用简写语法会使解释器性能更好，因为它的工作方式有点不同under the hood。 我不熟悉 Jade 的工作原理，但也许只使用点符号可以节省一些幕后工作，而使用更明确的指令需要更多时间来解析。

与css中类似的东西相同：

border-style: solid;
border-width: 1px;
border-color: red;

/* shorthand */
border: 1px solid red;      

或javascript：

var foo;
if (true){
   foo = "bar";
} else {
   foo = "not bar";
}

// shorthand
var foo = true ? "bar" : "not bar";

var x = x + 1;
// shorthand, and might uses the processor or engine differently
var x += 1;