dot.js两个语法之间的空行符

在 dot.js 模板引擎中，两个语法之间的空行符会被忽略。

例如，下面的模板语句中，第一行和第二行之间有一个空行符：

{{ if (condition) {

    // do something

} }}

这个空行符不会对模板渲染结果产生影响，dot.js 引擎会忽略它。

同样地，如果在模板语句中需要使用空行符来提高代码的可读性，也不会对渲染结果产生影响，例如：

{{ if (condition) {

    // do something

} else if (anotherCondition) {

    // do something else

} }}

在这个例子中，每个语法之间都有一个空行符，这样代码更易读。

相关问题

dot.js1.1.2版本语法格式转换之后两个语句之间会形成一个空行如何解决

可以在dot.js模板文件中使用特殊的语法格式来解决这个问题，具体方法如下：

在需要去除空行的两个语句之间添加一个注释，例如：

{{#if condition}}
  <!-- 注释1 -->
  <div>内容1</div>
  <!-- 注释2 -->
  <div>内容2</div>
{{/if}}

这样，在模板解析的过程中，注释会被忽略掉，从而避免了空行的生成。

另外，如果你使用的是dot.js的1.2.0及以上版本，也可以使用新的语法格式来解决这个问题，例如：

{{#if condition}}<div>内容1</div>{{/if}}{{#if condition}}<div>内容2</div>{{/if}}

这种方式可以直接将两个语句合并成一行，避免了空行的产生。

dot.js语法格式转换之后两个语句之间会形成一个空行如何解决

如果你使用 dot.js 的默认语法格式转换工具，会在每个语句之后添加一个空行，这是为了让生成的 HTML 代码更清晰易读。如果你不想要这个空行，可以通过修改 dot.js 的源代码来实现。

打开 dot.js 的源代码，找到 `compile` 函数，这个函数是用来将模板转换为可执行的 JavaScript 代码的。在这个函数的开头，你会看到这个代码：

function compile(tmpl, options, tmplName) {
  // ...
  var source = "function(" + (compileOptions.argName || "obj") + "){\n" +
    "var p=[],print=function(){p.push.apply(p,arguments);};\n" +
    // ...
    "return p.join('');}";
  // ...
}

这段代码定义了最终生成的 JavaScript 函数的代码。注意到这一行：

"var p=[],print=function(){p.push.apply(p,arguments);};\n" +

这里定义了一个 `print` 函数，用来将生成的 HTML 代码添加到一个数组中。每次调用 `print` 函数，都会将传入的参数添加到数组中。最终，这个数组会被拼接成一个字符串，作为函数的返回值。

要去掉空行，只需要将这个代码修改为：

"var p=[],print=function(){if(arguments[0]) p.push.apply(p,arguments);};\n" +

这里在调用 `push` 方法之前，增加了一个判断，如果传入的参数是一个空字符串，则不将其添加到数组中。这样就可以去掉生成的 HTML 代码中的空行了。

修改完毕后，重新打包 dot.js 的代码，并使用修改后的版本即可。注意，修改 dot.js 的源代码可能会带来一些风险，建议在修改前备份原始的代码。