Javascript 工具提示性能

Question

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

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

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

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

Answer 1

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

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

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