content-visibility:Web组件使用CSS内容可见性和后备交集观察器

【文件属性】：
文件名称：content-visibility:Web组件使用CSS内容可见性和后备交集观察器
文件大小：32.35MB
文件格式：ZIP
更新时间：2021-05-07 00:57:41
javascript css typescript webcomponents intersection-observer 内容可见性 是一个简单的Web组件，封装了现代CSS属性content-visibility和Web API Intersection Observer API，以提供跨浏览器解决方案来跳过渲染（布局和绘画）元素，直到需要（出现在视口上）来增强效果页面性能。 只能在Chrome 85 +，Chrome Android 85+和Opera 71+上支持CSS content-visibility ，但不幸的是，Firefox，Safari和IE不支持CSS content-visibility ，请参阅 。 除IE之外， Intersection Observer API几乎支持所有浏览器，因此包含了一个Intersection Observer 以在IE上兼容。 基本上，其中的所有子级仅在视口中出现后才会渲染。 < content-visib

【文件预览】：
content-visibility-master
----.eslintrc.json(728B)
----.eleventy.cjs(471B)
----rollup.config.js(725B)
----karma.conf.cjs(546B)
----docs-src()
--------index.md(1KB)
--------.nojekyll(0B)
--------api.11ty.cjs(2KB)
--------_README.md(577B)
--------docs.css(2KB)
--------_includes()
--------_data()
--------examples()
--------install.md(835B)
--------package.json(25B)
----src()
--------test()
--------content-visibility.ts(4KB)
----images()
--------safari-before.png(337KB)
--------chrome_128x128.png(12KB)
--------chrome-before.png(32KB)
--------firefox_128x128.png(16KB)
--------safari_128x128.png(24KB)
--------firefox-after.png(177KB)
--------chrome-after.png(32KB)
--------safari-after.png(405KB)
--------firefox-before.png(136KB)
--------content-visibility-frames.gif(8.05MB)
--------content-visibility-frames-2.gif(17.61MB)
--------no-content-visibility.gif(5.47MB)
--------internet-explorer_128x128.png(17KB)
--------edge_128x128.png(10KB)
--------opera_128x128.png(10KB)
--------webcomponent_192x192.png(10KB)
----.vscode()
--------extensions.json(447B)
----.npmignore(118B)
----.prettierrc.json(96B)
----tsconfig.json(694B)
----LICENSE(1KB)
----README.md(4KB)
----custom-elements.json(2KB)
----.gitignore(148B)
----package-lock.json(944KB)
----package.json(4KB)
----.nvmrc(7B)
----dev()
--------index.html(28KB)
--------README.md(525B)