jquery - 我怎样才能获得 Stackoverflow/Stackexchange - 比如标签悬停工具提示？

Question

当鼠标悬停在 Stackoverflow 上的标签上时，会出现如下所示的工具提示。这可能是通过 jquery.append 实现的，因为它在 HTML 文档的最后插入 HTML 代码。在每次悬停事件后，经过一段时间后，都会发出 AJAX 请求，- 可能通过 jquery.load(...)

发送到 webapps.stackexchange.com 的 url 查询是例如 _=1318962590136，这是一个动态 Id。

• 1) 这在客户端和服务器端是如何工作的，有什么好处？

toolip 的负载是 HTML，如下所示:

<div><div class="tm-heading">...</div></div><span>.......</span>

离开标签后，动态加载的 HTML 将被删除。css 样式已经存在于 stackoverflow 站点的已加载 css 表中。

• 2) 似乎没有最初声明的事件附加到样式 <a>链接元素，构成标签。似乎只声明了 mousedown 事件(通过 Chrome 检查)。

JavaScript-DeObfuscator 提供了一些线索:事件监听器也是动态添加和删除的......

function (a, b, c) {
    a.removeEventListener && a.removeEventListener(b, c, !1);
}

Answer 1

通过仅在用户触发悬停事件时更新数据，这意味着您不必每隔 x 秒就不断地查询数据库。这种方法完全是资源浪费，尤其是当您需要最新的信息时，可能很想每秒调用一次服务器。

但更好的方法(甚至比您在问题中谈论的方法更好)是一种称为 Comet 的方法。 Comet简单来说就是客户端向服务器发出请求，然后等待服务器响应(即服务器上的数据更新时)。这意味着服务器只有在有更新的数据要推送到客户端时才会被调用。例如，这就是(我相信)Facebook 的工作方式。