from-resize:Web DOM调整大小观察者周围的Rxjs包装器

时间:2024-04-25 08:13:11
【文件属性】:

文件名称:from-resize:Web DOM调整大小观察者周围的Rxjs包装器

文件大小:272KB

文件格式:ZIP

更新时间:2024-04-25 08:13:11

resize typescript rxjs dom redraw

从调整大小 我们都喜欢使用CSS Flex和Grids。 但是,在某些情况下,Dom容器尺寸的更改可能需要重新绘制其内容。 为了解决这些用例,发布了“”。 现在广泛Resize Observer。 但是,在时代,我发现Resize Observer的API使用起来有些麻烦。 因此,我认为,围绕此API构建RxJs包装器会很不错。 优点 返回一个Observable,它在每次容器尺寸更改时发出 您可以将手表方向设置为“ Horizontal ,“ Vertical或“ Both 。 设置初始去抖时间以控制发射频率 使用emitOnStart在第一次加载时emitOnStartReact 利用的力量奇迹! 安装 检出github软件包以获取指示。 从Github软件包下载@ twig-it工件 在您的.npmrc中创建一个.npmrc文件 添加@ twig-it:registry =


【文件预览】:
from-resize-main
----docs()
--------main.bundle.js(51KB)
--------index.html(447B)
--------main.bundle.js.map(50KB)
--------types()
----package.json(3KB)
----.github()
--------workflows()
--------CODEOWNERS(87B)
----.prettierrc(100B)
----jest.config.js(953B)
----tsconfig.spec.json(330B)
----LICENSE(1KB)
----package-lock.json(658KB)
----src()
--------index.html(1KB)
--------builder.ts(1KB)
--------styles.css(1KB)
--------radio()
--------button()
--------index.ts(2KB)
--------checkbox()
--------charts-js-example()
----tsconfig.json(754B)
----.gitignore(184B)
----webpack.config.js(1018B)
----README.md(2KB)
----projects()
--------from-resize()

网友评论