Производительность всплывающей подсказки Javascript

Question

У меня есть список записей, для каждой записи мне нужно создать всплывающую подсказку в javascript, что, по вашему мнению, лучше сделать, учитывая производительность?

1) создайте div для всплывающего окна и еще один скрытый div для каждой записи, которая содержит содержимое всплывающего окна, и каждый раз при создании всплывающей подсказки копируйте содержимое соответствующего div в всплывающее окно и отображайте его.

2) создать div для каждой записи, когда нужно отобразить всплывающую подсказку, сделать вызов Ajax, чтобы получить содержимое всплывающего окна и поместить его в div (если это не было сделано ранее), и отобразить всплывающую подсказку

EDIT: всплывающая подсказка должна отображать сложный HTML-код, клиенты могут быть мобильными или компьютерными, список невелик, поскольку он разбит на страницы

Answer 1

Выбор сильно зависит от того, сколько элементов и сколько контента хранится во всплывающей подсказке.

Ajax-вызов стоит дорого, если вы думаете, что люди часто открывают всплывающие подсказки, но если они могут содержать изображения, видео, лайки в Facebook, тонны текста и / или другие дорогие ресурсы, это может быть хорошей идеейс какой-то стратегией кэширования, чтобы у вас было не более одного вызова ajax для каждой всплывающей подсказки (например, с помощью localstorage в современном браузере)

, если всплывающие подсказки содержат не более пары абзацев, совершенно бесполезнодобавьте сложности вашему приложению с помощью вызовов ajax, проблем безопасности на стороне сервера и дополнительного javascript.Просто вставьте их статически

Answer 2

Не изобретайте велосипед, используйте плагин jQuery, такой как qTip или tipsy .

Answer 3

Я бы фактически создал массив или объект JavaSrript со всеми загруженными значениями всплывающей подсказки, а затем заменил бы текст в подсказке DIV при его отображении. Создание группы DIV не повлияет на производительность.