Javascript工具提示性能

Question

我有一个条目列表，对于每个条目，我必须在javascript中创建一个工具提示，考虑到性能，你认为做什么更好？

1)为弹出窗口创建一个div，并为包含弹出窗口内容的每个条目创建另一个隐藏的div，每次创建工具提示时，将相应div的内容复制到弹出窗口的div中并显示。

2)为每个条目创建一个div，当它必须显示工具提示时，执行一个Ajax调用来检索弹出窗口的内容并将其放入div (如果之前没有这样做)，并显示工具提示

编辑:工具提示应该显示一个复杂的HTML，客户端可以是移动的或计算机的列表很小，因为是分页的

Answer 1

选择在很大程度上取决于工具提示中存储了多少元素和多少内容。

如果你认为人们会多次打开工具提示，那么ajax调用是很昂贵的，但如果他们可能包含图像、视频、facebook赞、大量文本和/或其他昂贵的资源，那么使用某种缓存策略可能是一个好主意，这样对于每个工具提示，你只有一次ajax调用(例如，在现代浏览器上使用localstorage )

相反，如果工具提示只包含几个段落，那么使用ajax调用、服务器端安全问题和额外的javascript来增加应用程序的复杂性是非常无用的。只需静态地插入它们

Answer 2

实际上，我会使用所有加载的工具提示值创建一个JavaSrript数组或对象，然后在显示时替换tooltip DIV中的文本。创建一堆DIVs不会对性能有所帮助。

Answer 3

不要重复发明轮子，使用qTip或tipsy之类的jQuery插件。