问题 #1909💬 已回答提出于 2019年3月20日作者 iggolob1 个反应

SetComponents 有时非常慢

快速解答作者 artf1

这会告诉你如何发现性能问题 https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/

阅读下方完整回答 ↓

问题

大家好 我们正在开发一个通讯应用,使用 grapesjs 作为邮件编辑器,通讯预设为 plguin 和一些自定义更改。我们把HTML存储在数据库里,我注意到有些模板用editor.setComponents方法加载起来非常慢。

我尝试通过导入加载演示页面的模板,虽然加载几乎是瞬间完成的,但我注意到新闻通讯演示页面出现了一个奇怪的问题(https://grapesjs.com/demo-newsletter-editor.html)。如果在导入HTML模板前选择组件,加载时间会长得多(从0.5秒到5秒不等)。

插入一些日志后,我发现骨干“设置”方法被更多地调用。大多数是“添加”模型被重复使用,但也有很多“变换样式”的模型。但我有点迷茫,不知道哪些是必要的,哪些不是 :S 也许弄清楚为什么选中某个组件时 setComponents 会变慢,能帮我弄清楚为什么它在我们项目中也变慢。

我还注意到这个问题是在0.14.40版本发布后开始出现的。 任何帮助都非常感谢。

回答(3)

artf2019年3月24日

你好@iggolob能举个模板示例和具体步骤来重现问题吗(说的是选择组件时速度变慢)?

iggolob2019年3月25日

你好@artf 新闻通讯演示页面可用于重现该期刊(https://grapesjs.com/demo-newsletter-editor.html)。 作为模板,你可以使用演示页面的预设HTML集。只需从导出模板选项复制 HTML 即可。 现在如果你导入那个模板,应该几乎可以立刻完成。但如果你选择任何组件,无论是图片、文本、单元还是表格,尝试导入时都会明显花很长时间,比如几秒钟。 希望这些信息足够,我也可以尝试做个视频,展示步骤。

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。