Question

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

要在Jade中创建具有类或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;

Jade：有关类和ID的最佳实践

1 个答案: