文件名称:loadCSS:异步加载CSS
文件大小:65KB
文件格式:ZIP
更新时间:2024-03-19 22:09:18
JavaScript
加载CSS 一种异步加载CSS的模式[c] 2020 @ scottjehl,@ zachleat 许可MIT 为什么要使用异步CSS加载器? 使用link[rel=stylesheet]或@import引用CSS样式link[rel=stylesheet]会导致浏览器在样式表加载时延迟页面渲染。 当加载对页面的初始呈现不重要的样式表时,这种阻塞行为是不可取的。 下面的模式允许我们异步获取和应用CSS。 如有必要,此存储库还提供了一个单独的(和可选的)JavaScript函数,用于动态加载样式表。 如何使用 作为主要模式,我们建议从HTML加载这样的异步CSS: <link rel="stylesheet" href="/path/to/my.css" media="print" onload="this.media='all'; this.onload=null;"> 本文介绍了
【文件预览】:
loadCSS-master
----.travis.yml(86B)
----package.json(918B)
----test()
--------slow.css(146B)
--------recommended.html(348B)
--------.htaccess(775B)
--------import-head.html(403B)
--------mediatoggle.html(1KB)
--------control.html(397B)
--------dom-append.html(543B)
--------test-onload.html(672B)
--------test.html(584B)
--------new-high.html(1KB)
--------index.html(2KB)
--------new-low.html(1KB)
--------body.html(229B)
--------import.html(403B)
--------qunit()
--------attributes.html(4KB)
----server.js(1KB)
----LICENSE(1KB)
----package-lock.json(110KB)
----CONTRIBUTING.md(879B)
----Gruntfile.js(874B)
----src()
--------loadCSS.js(3KB)
--------onloadCSS.js(846B)
----.npmignore(13B)
----.gitignore(18B)
----README.md(5KB)
----.jshintrc(316B)
----bower.json(84B)