带有Vue的MathJax v3：重新呈现页面的速度非常慢_编程问答_IT技术

如何解决带有Vue的MathJax v3：重新呈现页面的速度非常慢？

Vue应用程序，其组件包含要由MathJax v3渲染（有时是重新渲染）的TeX。该组件在同一上多次出现（每个实例都有自己的）。

它可以工作，但速度令人难以置信，至少需要两倍的时间才能加载。我敢肯定，过去使用MathJax v2时并不会那么慢。

我尝试了以下（在开发和生产中（已完全部署）模式），但没有成功：

托管我自己的MathJax副本
将渲染放入包含TeX的组件中
将渲染放入父级组件
在MathJax.typset（）中可选参数，该参数指定应处理其的元素

我还尝试将MathJax直接包含在App.vue中（而不是在index.html中），但无法弄清楚该怎么做。

我在某处缺少什么吗？

Index.html从CDN中MathJax（这些行之一一次被注释掉了）：

index.html
<head> ... <script src="/mathjax/tex-mml-chtml.js" id="MathJax-script" async> </script> <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" id="MathJax-script" async></script> ...
</head>

App.vue包含用于重新呈现相关的：

App.vue
<script> methods: {   render() {     window.MathJax.typeset()   } },updated() {this.render() }
</script>

为清楚起见，其结构如下：

//TeX Component 1:

<template> <div>\( A = \pi {r}^{2} \)</div>
</template>


TeX Component 2:

<template> <div>\( C = \pi d \)</div>
</template>


Simplified parent component:

<template> <tex-component-one> <tex-component-two> ...
</template>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

• For循环主体执行的值不满足线程代码中的循环条件 (2023/3/30 22:46:53)
• 如何使用ID的数组动态更改href属性？ (2023/3/30 22:46:53)
• 如何在react中比较数组和渲染元素 (2023/3/30 22:46:53)
• 找不到网址的网页服务器未返回index.html (2023/3/30 22:46:53)
• 当其中有for循环运行时如何强制事件仍在监听 (2023/3/30 22:46:52)
• 在Dropwizard中加载基于jar的插件的框架 (2023/3/30 22:46:52)
• 除了.innerHTML之外，还有其他将Javascript生成的HTML插入DOM的选项吗？ (2023/3/30 22:46:52)
• 降低容器高度时，将元素放入其容器中 (2023/3/30 22:46:52)
• 从函数返回的TypeScript字符串 (2023/3/30 22:46:52)
• 内容冗长的chartjs html工具提示-溢出y滚动 (2023/3/30 22:46:52)

| | | | | | | | | | | | | | | | | | |

生活常识小贴士	软件开发教程	智慧城市生活网	息县通生活服务[移动版]	息县商圈[移动版]	美食菜谱
健康养生	法律知识	科技频道	电影影讯	留学考研学习	星座生肖\|解梦说梦

带有Vue的MathJax v3：重新呈现页面的速度非常慢

如何解决带有Vue的MathJax v3：重新呈现页面的速度非常慢？

解决方法

相关内容

热门栏目

特别声明


Copyright © 2023 eIT.com.cn. All Rights Reserved.	豫ICP备2022012332号