文件名称：ember-measure:提供易于使用的mixin来测量Ember Components中的DOM元素
文件大小：88KB
文件格式：ZIP
更新时间：2024-06-06 20:27:05
JavaScript
余烬措施 提供易于使用的mixin来测量Ember Components中的DOM元素，并响应大小变化。 在内部，我们使用 ，它是MutationObserver一种新型类型，因此包含了一个来支持回溯到IE10的旧版浏览器。 动机 以前，您必须将侦听器附加到文档的resize事件中，以通知有关视口尺寸的任何更改。 然后，在事件处理程序中，您将必须确定哪些元素已受到该更改的影响，并调用特定的例程进行适当的响应。 如果在调整大小后需要元素的新尺寸，则需要调用getBoundingClientRect或getComputerStyle，如果不对所有读取和所有写入进行批处理，则可能会导致布局混乱。 然后您意识到，这甚至还没有涵盖在没有调整主窗口大小的情况下元素更改其大小的情况。 例如，附加新的子代，将元素的显示样式设置为无，或类似的操作可以更改元素，其同级或祖先的大小。 这就是为什么Resi
【文件预览】：
ember-measure-master
----ember-cli-build.js(516B)
----testem.js(206B)
----yarn.lock(219KB)
----.eslintrc.js(188B)
----lib()
--------rollup-external-package.js(552B)
----.npmignore(195B)
----.ember-cli(280B)
----.travis.yml(875B)
----config()
--------release.js(588B)
--------environment.js(112B)
--------ember-try.js(1KB)
----LICENSE(1KB)
----LICENSE.md(1KB)
----README.md(5KB)
----addon()
--------utils()
--------components()
--------mixins()
--------with-content-rect.js(66B)
----.editorconfig(368B)
----tests()
--------integration()
--------index.html(1KB)
--------test-helper.js(162B)
--------.eslintrc.js(55B)
--------helpers()
--------dummy()
--------unit()
----.gitignore(346B)
----app()
--------utils()
--------components()
----index.js(980B)
----.watchmanconfig(37B)
----package.json(2KB)
----vendor()
--------.gitkeep(0B)