ruby-on-rails – 在HAML模板中使用coffescript过滤器的性能意义?

前端之家收集整理的这篇文章主要介绍了ruby-on-rails – 在HAML模板中使用coffescript过滤器的性能意义?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以 HAML 4 includes a coffeescript filter,这让我们咖啡爱好的人们做这样的整洁的事情:
- word = "Awesome."

:coffeescript
  $->
    alert "No semicolons! #{word}"

我的问题:对于最终用户来说,这是比使用等效的更慢吗?使用coffeescript过滤器是否意味着coffeescript将被编译为javascript在每一个页面加载(这显然是性能灾难),或者这只是在应用程序启动时才发生一次?

解决方法

这取决于.

当Haml编译一个过滤器时,它会检查过滤器文本是否为contains any interpolation(#{…}).如果没有,则每个请求将转换相同的文本,因此转换在编译时完成一次,结果包含在模板中.

如果在过滤器文本中存在插值,则要转换的实际文本将根据每个请求而有所不同,因此每次都需要编译Coffeescript.

这是一个例子.首先没有插值:

:coffeescript
  $->
    alert "No semicolons! Awesome"

这将生成代码(使用haml -d查看生成的Ruby代码):

_hamlout.buffer << "<script>\n  (function() {\n    $(function() {\n      return alert(\"No semicolons! Awesome\");\n    });\n  \n  }).call(this);\n</script>\n";

代码只是将一个字符串添加到缓冲区,因此没有Coffeescript正在重新编译.

现在插值:

- word = "Awesome."

:coffeescript
  $->
    alert "No semicolons! #{word}"

这产生:

word = "Awesome."
_hamlout.buffer << "#{
find_and_preserve(Haml::Filters::Coffee.render_with_options(
"$->
  alert \"No semicolons! #{word}\"\n",_hamlout.options))
}\n";

在这里,由于Haml需要等待内插的值是多少,所以每次重新编译Coffeescript.

您可以避免在每个请求中编译Coffeescript,而不需要在您的coffeescript过滤器中进行任何插值.

:JavaScript过滤器的行为类似,检查是否有任何内插,但是由于:javascript过滤器在运行时仅向缓冲区输出一些文本,所以使用它的性能要低得多.你可以结合:javascript和:coffeescript过滤器,将插入的数据放在:javascript和保持你的:coffeescript static:

- word = "Awesome"

:javascript
  var message = "No semicolons! #{word}";

:coffeescript
  alert message

猜你在找的Ruby相关文章