V16 请问如何理解懒加载?

Ellia.Duan

spread.open的时候openOptions里个属性名为openMode, 赋值为GC.Spread.Sheets.OpenMode.lazy

想请问下这个懒加载模式具体的含义是什么? 打开该模式之后有哪些效果和作用?

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2024-6-28 16:25 编辑

当文件较大时，会一直处于加载状态，如下图所示，
image.png855101318.png

有时候用户还会觉得浏览器崩溃了，给用户一个不好的体验。
当开启“懒加载”后，会首先加载活动表单和与此sheet相关的内容，视觉上有一个渲染的结果，使用户觉得等待加载时间没有那么长。
等点击 “其他sheet”时，再去进行其他sheet的渲染，加载。
您可以在我们的官网中导入附件中的文件，分别选择开启“懒加载”和不开启“懒加载”。就会发现“懒加载”的优势

user files 1.xlsx (5.36 MB, 下载次数: 371)

eat_grape_5 · eat_grape_5

本帖最后由 eat_grape_5 于 2024-6-28 16:27 编辑

根据官方文档，OpenMode.lazy表示的按需加载模式只加载活动表单，我理解即仅解析活动表单数据并渲染，如果活动表单有引用其他表单的资源，这些被引用的表单资源也将一并加载渲染，除此之外的剩余表单暂不做解析渲染处理，直至切换表单时，再解析相应表单数据并渲染。所谓“懒”，即将加载解析渲染动作延时至需要访问时执行，并不在打开文件的当下加载工作簿所有表单，给我的既视感就像单例设计模式中的懒加载机制，也刚好与“按需”二字呼应上了。使用这个加载模式，加载的资源相对比加载全部数据更少一些，对性能有一定程度的提升。
楼主可以参考下这篇官方文档：
https://demo.grapecity.com.cn/spreadjs/help/docs/faqs/file-import-export/%E5%AF%BC%E5%85%A5%E5%AF%BC%E5%87%BA%E6%8C%87%E5%8D%97#%E4%B8%8916%E7%89%88%E6%9C%AC%E5%90%8E%E6%9C%AC%E5%9C%B0%E6%96%87%E4%BB%B6%E5%AF%BC%E5%85%A5%E5%AF%BC%E5%87%BA

四夕羽 · 四夕羽

Ellia.Duan 发表于 2024-6-28 15:26
当文件较大时，会一直处于加载状态，如下图所示，

好的, 谢谢

四夕羽 · 四夕羽

eat_grape_5 发表于 2024-6-28 10:00
根据官方文档，OpenMode.lazy表示的按需加载模式只加载活动表单，我理解即仅解析活动表单数据并渲染，如果 ...

感谢您的回复

Joestar.Xu · Joestar.Xu

不客气，看上去您的问题已经解决了，那就先结贴了，后续有其他问题的话随时开新帖提问哈。

		自动登录	找回密码
密码			立即注册

[已处理] V16 请问如何理解懒加载?

最佳答案

5 个回复

评分

圣诞拼拼乐

SpreadJS 认证

SpreadJS 高级认证

悬赏达人