所以
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"
_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