Editor.load 可能导致内存泄漏
问题
如何繁殖:
- 导航到 https://grapesjs.com/demo.html
- 打开浏览器控制台(Chrome),输入以下内容:“setInterval(() => editor.load(), 1000)”,然后按回车
- 进入“内存”标签(Chrome)查看内存使用情况
发生了什么: 记忆力不断增强。如果你打开Chrome的“性能监控”,还能看到“DOM节点”和“JS事件监听器”不断增加。大约3分钟后,“JS堆大小”从24MB增加到1000MB,“JS事件监听器”从约1600增加到50000+,“DOM节点”从8600增加到1000000+。过一段时间后,浏览器标签页会因为高内存消耗而崩溃。
如果你用非常简单的 grapesjs 项目,在画布中放置一个块,然后以一个间隔调用 'editor.load()' 开始,也会有同样的情况。
回答(3)
这很重要。如果不修复,GrapesJS尤其在SPA应用中使用时会很危险。
我会去看看,但任何帮助都非常欢迎
我这里也遇到同样的问题。 即使摧毁编辑器,问题依然存在。
相关问答
通过相似的问题讨论继续研究。
问题 #1708
StyleManager 事件每次变更都会多次触发
复制: 在全新安装的GrapesJS中,在演示页面(index.html内)添加一个事件监听器,如下: 'editor.on('component:styleUpdate:width', (model) => { console.log(模型); });问题: 当更改任何元素的...
问题 #2207
:如果在顶部/左侧有空位,Mode Absolute 无法拖动组件
给定以下代码示例...... “'' HTML <div style=“height: 100px;”> 顶部或左侧有空隙 </div> <div id=“gjs”> <p style=“填充:25px”> 赫斯德洛世界!!</p> </div> 导致无法通过面板上的拖曳图标拖...
问题 #563
表格<thead>和<tbody>标签被省略
你好, GrapesJS 可能出现了新问题。我用“bm.add()”创建了一个新组件,里面用了带有“<thead>''和”<tbody>''标签的表元素。但用 'editor.getHtml()' 方法获取 html 时,'<thead>' 和 '<tbody>' 标签会被省略...
问题 #1936
绝对/设计模式
大家好, 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么,以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件,没有HTML固定的位置限制,更像Photoshop/Sketch等工具里的操作。这样移动组件会...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。