技术解析

JavaScript 实现的 Diolog 弹框的库,是基于什么原因考虑, 才会『基于内容的数据类型,使用不同的默认的弹框关闭方式』?
0
2021-08-27 12:05:01
idczone

源码在: https://github.com/yued-fe/lulu/blob/master/theme/pure/js/common/ui/Dialog.js#L132
文档在: https://l-ui.com/pure/apis.dialog.html 实现


估计是有性能上的考量,remove DOM element 是相对来说更加耗时的。

Diolog: 我不做 Dialog 了!!!

那为什么不统一使用更节省性能(hide()方法)的方式呢?

全部用 hide 那每一次弹窗提示就多一个弹窗 DOM,当控制台使用几个小时下来 DOM 数量得爆炸。如果要二取一,只能是 remove
我觉得设计逻辑是:需要用到 DOM 的是交互功能(可能复用),HTML 字符串通常是提示(看完就没用了)
这个组件库体验感不错,简约,大方,素雅

应该就是组件库自己的约定吧
如果你的 content 是 string,我就认为你这个 dialog 是一次性的,就直接销毁
不然我就认为你这个 dialog 是需要反复使用的,就保留下来

这是阅文大佬张鑫旭搞得框架吧,之前好像看见过

dialog 。。我之前也老记错。。

通俗的解释是 “释放内存”

帮你贴上 张鑫旭 的一篇文章
https://www.zhangxinxu.com/wordpress/2021/08/js-weakmap-es6/

数据地带为您的网站提供全球顶级IDC资源
在线咨询
专属客服