Question

我要去预先解析的ractiveJS模板系统，我想知道它是否值得工作。

据我所见，模板在实际呈现之前不会被解析，这很聪明，但我想如果它是一个大模板，我会得到更大的解析时间，所以，我该如何跟踪？或者，如果它不是工作跟踪，那么发送已经解析的是否会提高性能？

问，因为我现在在NodeJS上，使用gulp并在服务器启动时解析它们非常容易。

Answer 1

您可以使用Ractive.parse(template)手动解析模板：

＆＃13;

var start = window.performance.now();
var parsed = Ractive.parse( `
  <h1>Hello {{name}}!</h1>
  <p>We're using Ractive.js version {{version}}. This template was parsed in {{time.toFixed(2)}}ms</p>
` );
var time = window.performance.now() - start;

var ractive = new Ractive({
  el: 'main',
  template: parsed,
  data: {
    name: 'world',
    version: Ractive.VERSION,
    time: time
  }
});

＆＃13;

<script src='http://cdn.ractivejs.org/edge/ractive.js'></script>
<main></main>

＆＃13;

解析模板比未解析的模板稍微大一点（通常大约30-40％），所以它是一种权衡 - 更少的工作，更多的字节。 FWIW我总是预先解析我的模板。

如何跟踪RactiveJS解析模板的时间？

1 个答案: