javascript - 使用 Javascript 在 HTML 页面中查找关键字的快速算法

Question

我有一个 JS 专业词典，可以查找页面上的某些关键字并向其添加解释性工具提示。现在我正在使用正则表达式来查找关键字，但我怀疑当我的字典变大时它很快就会变慢。我将字典条目存储在数组中，因此我认为这也可以改进。我的网站语言是越南语，我的关键字都是英语。

任何有关提高性能的想法都将不胜感激。谢谢。

Answer 1

您可以处理字典服务器端(根据关键字检查输出)，然后向每个匹配的项目添加一个处理程序(一个类或其他 html 元素来标识要使用的定义..)。然后使用 javascript 将每个元素绑定(bind)到你的字典。这样您的服务器就可以完成繁重的工作。

1) 服务器加载您的字典文件并与您要输出的文本进行比较

2) 在找到匹配的地方添加

<span class="definition">yourword</span>

3) 通用 javascript 事件处理程序(这是用 jQuery 编写的，但当然您可以按照自己喜欢的方式执行它)

$('.definition').mouseOver(function(){
    var keyword = $(this).html();
    //load your definition using the keyword...
})