- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
长丝集团的loadCSS library似乎是异步加载 CSS 的事实上的标准。偶Google建议使用图书馆。但是,我想知道为什么不直接使用ajax来异步加载CSS。像这样的事情:
fetch('styles.css').then(response => {
const el = document.createElement('style');
el.textContent = response.text();
document.head.append(el);
});
这会减少很多代码(错误处理或使用 XHR 会多一些),但由于我认为 Filament Group 的人都是非常聪明的人,所以我想知道我是否错过了 ajax 方法的一些明显缺点。
那么 loadCSS 与 ajax 方法的优缺点是什么?
最佳答案
我自己刚刚发现一个问题:相对网址不再起作用。
想象一个包含如下内容的 CSS 文件:
.background {
background-image: url("../images/background.jpg")
}
该文件的 URL 类似于 /assets/css/background.css
,因此可以在 /assets/images/background.jpg
下找到背景图像。当我使用ajax加载CSS文件并使用样式标签内联它时,我会得到如下内容:
<html>
<head>
...
<style>
.background {background-image: url("../images/background.jpg")}
</style>
</head>
...
</html>
然后浏览器将不再找到背景图像,因为相对 URL 仍然是相对于 CSS 文件的原始位置而不是当前页面。
关于javascript - Filament Group 的 loadCSS 与 ajax,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48163732/
如何使用 loadCSS ( https://github.com/filamentgroup/loadCSS ) 加载我的样式表? 目前,我正在将 loadCSS 的 javascript 与类似的
长丝集团的loadCSS library似乎是异步加载 CSS 的事实上的标准。偶Google建议使用图书馆。但是,我想知道为什么不直接使用ajax来异步加载CSS。像这样的事情: fetch('st
我希望这里有人使用Blink.jl软件包来构建Julia和Electron应用程序。 我在设置和使用它时遇到了问题。问题与提供的api中的所有功能有关: load/loadcss/loadjs/imp
我正在尝试打包 filamentgroup/loadCSS使用 webpack 2 但我没有这样做。我想要 cssrelpreload.js在浏览器中执行,因此它会为不支持 rel="preload"
我正在使用 Django,我想将一些 css 应用于单个文本框。我使用网站 enjoycss.com 创建了一些 css。然后我将这个 css 添加到 Django 的 base.css 的末尾: .
我是一名优秀的程序员,十分优秀!