如何将字典添加到网站内容答案

【问题标题】：How to add a dictionary to a website content如何将字典添加到网站内容
【发布时间】：2019-07-02 00:28:03
【问题描述】：

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

在 stackoverflow 上搜索时：Tooltips for mobile browsers，我目前有一些工作。

这就是我现在正在做的事情。

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

问题是，自从我这样做后，我觉得页面加载缓慢。我觉得我的做法有问题。我以后会有很多文字。

我想知道是否有其他方法。

我希望我已经足够清楚了。谢谢。

【问题讨论】：

【解决方案1】：

你是对的，页面加载速度很慢。这部分是 JSON 对象在http://findmyself.herokuapp.com/dtq/theory 的大小。它将近 600 KB，仅下载就需要半秒钟。但可能页面中最慢的部分是渲染整个 JSON 对象需要多少时间。

如果您还不熟悉，我建议您检查每个浏览器中包含的开发工具，如果您对页面加载的时间过去了。

如果您正在寻找更多的经验法则，一个好的起点是一次只渲染部分 JSON 对象，或者将该对象拆分为更小的部分。

【讨论】：

非常感谢。通常我使用 chrome 开发工具检查和控制台来查看 html 代码。对于其他标签，我试过了，但我没有发现它们对我的情况有用，所以我放开了它们。现在你的一些话，让我找到另外两个标签的用途。谢谢。现在我更准确地看到了问题和原因，但仍然不清楚解决方案。现在，我正在浏览字典实现的堆栈溢出，以寻找一些灵感
谢谢我成功了。根据你的经验法则和这个线程stackoverflow.com/questions/5020351/…，我终于明白了。如您所说，我将 json 对象的渲染修改为小部分。仍然存在一些错误，例如搜索找不到未呈现的数据，但我可以暂时忍受。谢谢大家。我把它作为解决方案。