javascript – 基于Blob的“链接样式表”与标准“样式”标记

我想知道使用样式作为Blob链接有什么好处和区别：

超过标准标签：

我的意思是Blob创建如下：

var blob = new Blob([css_here],{type: 'text/css'});
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = window.URL.createObjectURL(blob);
head.appendChild(link);

提前致谢.

最佳答案

>内存管理

如果你把东西当作样式,然后删除 – 它已经消失了.
但是,如果你把东西作为blob url然后删除 – 你仍然将blob url存储在内存中,它应该手动释放.
请参阅此处的注释：https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL#Notes

>相对路径分辨率

使用样式内部的所有相对URL都是透明地解析的(例如@ font-face {src：url(‘/ assets / font.ttf’);}.
但是对于blob,那些相对url被视为相对于blob url本身(即相对于blob：http：// domain / some-hash).
因此,相对网址将在这种情况下有效地停止工作.

原文地址：https://www.jb51.cc/css/426962.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。