Javascript 如何向网站内容添加词典

我正在尝试创建一个学习网站，同时学习网络编程。在网站内部，有一些单词很难理解，所以我想放一个工具提示/模态来解释它的意思。这是我网站的原型：单击蓝色中文单词，查看模式。

在stackoverflow:上搜索时，我当前有一些东西正在工作

这就是我现在正在做的

• 作为字典的json文件
• 包含要显示的文本内容的json文件
• 当前端请求时，nodejs将发送这两个文件。当前端javascript显示在浏览器上时，我在屏幕上打印的每个单词都必须查找字典并为该单词创建一个html范围。因此，当用户点击这个词时，它的弹出窗口会显示其含义

问题是，既然我这样做了，我觉得不知何故页面加载速度很慢。我认为我的做事方式有问题。我以后会有很多文章

我想知道是否还有别的办法

这是一个激发我灵感的网站：

---

我希望我足够清楚。谢谢。

你说得对，页面加载速度很慢。部分原因在于JSON对象的大小。它的容量接近600KB，仅下载就需要半秒钟的时间。但页面最慢的部分可能是呈现整个JSON对象所需的时间

如果您还不熟悉，我建议您检查每个浏览器中包含的开发工具，如果您对页面加载时间的确切位置感兴趣，可以从chrome和选项卡开始

---

如果您想了解更多的经验法则，那么最好从一次只呈现一些JSON对象开始，或者将该对象分割成更小的部分。

没错，页面加载速度非常慢。部分原因在于JSON对象的大小。它的容量接近600KB，仅下载就需要半秒钟的时间。但页面最慢的部分可能是呈现整个JSON对象所需的时间

如果您还不熟悉，我建议您检查每个浏览器中包含的开发工具，如果您对页面加载时间的确切位置感兴趣，可以从chrome和选项卡开始

---

如果您想了解更多的经验法则，那么最好从一次只渲染部分JSON对象开始，或者将该对象拆分为更小的部分。

非常感谢。通常我使用chrome开发工具inspect和console来查看html代码。对于其他选项卡，我尝试了，但我没有发现它们在我的案例中的用途，所以我放弃了它们。现在，你的一些话，让我找到了两个标签的使用。谢谢现在我更准确地看到了问题和原因，但仍不清楚解决方案。现在，我正在浏览用于字典实现的堆栈溢出，以找到一些灵感。谢谢我让它起作用了。根据你的经验和这条线索，我终于明白了。正如您所说，我将json对象的呈现修改为几个小部分。还有一些bug，比如搜索无法找到未渲染的数据，但我可以暂时接受这些。谢谢大家。我把这个当作解决方案。非常感谢。通常我使用chrome开发工具inspect和console来查看html代码。对于其他选项卡，我尝试了，但我没有发现它们在我的案例中的用途，所以我放弃了它们。现在，你的一些话，让我找到了两个标签的使用。谢谢现在我更准确地看到了问题和原因，但仍不清楚解决方案。现在，我正在浏览用于字典实现的堆栈溢出，以找到一些灵感。谢谢我让它起作用了。根据你的经验和这条线索，我终于明白了。正如您所说，我将json对象的呈现修改为几个小部分。还有一些bug，比如搜索无法找到未渲染的数据，但我可以暂时接受这些。谢谢大家。我把这当作解决问题。