文件名称:css-suspense:CSS加载React
文件大小:556KB
文件格式:ZIP
更新时间:2024-05-02 10:17:02
JavaScript
CSS悬念 加载css文件,是一种悬念的方式。 要求 不要将CSS内联到js包中 服务器渲染时,内联<link>标签, 在客户端,暂停渲染直到css加载(带有可选的fallback ui) 如果已经加载,则同步渲染 api api是一个无聊的Stylesheet标签。 < Stylesheet href = '/path/to/style.css'> { /* this content will not render to dom until the stylesheet finishes loading */ } < span className = 'big'> what up what up < / span > 去做 卸载不使用的样式(需要SimpleCacheProvider::invalidate ) 测试等
【文件预览】:
css-suspense-master
----example()
--------index.js(517B)
--------index.html(138B)
--------style.css(47B)
----.babelrc(44B)
----vendor()
--------react-dom-unstable-native-dependencies.development.js(59KB)
--------react-scheduler.production.min.js(3KB)
--------react-is.production.min.js(2KB)
--------react-dom-test-utils.production.min.js(10KB)
--------react-dom.production.min.js(99KB)
--------react-dom-server.browser.production.min.js(15KB)
--------react-dom-unstable-native-dependencies.production.min.js(11KB)
--------react-test-renderer.production.min.js(49KB)
--------react-is.development.js(5KB)
--------react-test-renderer.development.js(364KB)
--------react-test-renderer-shallow.production.min.js(7KB)
--------react-art.production.min.js(86KB)
--------react-dom-test-utils.development.js(44KB)
--------react-dom.development.js(641KB)
--------react-test-renderer-shallow.development.js(23KB)
--------react-dom-server.browser.development.js(102KB)
--------react-art.development.js(428KB)
--------react.development.js(58KB)
--------react.production.min.js(7KB)
--------react-scheduler.development.js(15KB)
----.flowconfig(58B)
----package.json(637B)
----.parcelrc(61B)
----src()
--------index.js(1KB)
----.gitignore(44B)
----README.md(754B)
----yarn.lock(164KB)