假设我们有一个复杂的字符串模板(可能是包含许多其他标签的div),我们需要多次将此
HTML节点添加到现有文档中.
每次从模板创建HTML节点会更快吗?
var $html = $(template); // 1st run var $html = $(template); // 2st run ...
或者只创建一次,然后克隆它们:
var $template = $(template); // init var $html = $template.clone() // 1st run var $html = $template.clone() // 2st run ...
解决方法
对于短模板,使用模板似乎始终比在目前为止测试的所有浏览器上的克隆更快,除了Opera(一个测试用例,性能相同).谢谢大家的测试用例.
http://jsperf.com/clone-versus-template
更新:
这是使用jQuery构建的长模板和模板的测试: