当前位置:首页 > 日记 > 正文

CSS中的URL工具简介

CSS中的URL工具简介
本文主要介绍了CSS URL工具一个简单的介绍,包括URL和URL重写翻译,等等。
有很多原因,你需要在CSS代码替换URL转换成数据的URI,它指向一个CDN,自动生成的文件名替换文件名,等等。这个工具可以帮助你解析URL从一个给定的CSS代码,让你用你选择的任何价值。更换CSS代码是完全一样的源代码,除了URL已经被你的选择所取代。

此库包含许多工具,可以帮助您操作和更改CSS URL。

CSS URL重写(重写)

CSS URL重写使用CSS分词器找到所有CSS URL的安全,使所有的变化完全安全的,因为它不依赖于正则表达式从CSS提取URL。

使用方法
CSS代码将内容复制到剪贴板。
Var URLRewriter =需要(cssurl URLRewriter);

VAR重写=新urlrewriter(功能(URL){)
自动将具有唯一值的查询字符串追加到缓存中
返回URL +=+ Date.now();
});

VaR结果= rewriter.rewrite(csscode);

当CSS URL重写通过CSS代码,它调用函数,传递到cssurlrewriter构造函数并将它传递到每个URL发现。URL变量是指URL中的CSS代码,删除任何报价和空间的空间(没有url())。之后,您可以检查URL,它修改为你想要的,并返回值,你需要使用它。

限制

CSS URL重写URL的URL将只替换标签,这是代表,它必须在URL的形式(Foo,CSS)代替,和foo.css的形式存在,尽管后者是一些CSS允许。

重写流(重写流)

CSS URL重写流量使用内流的URL重写,所以你可以很容易的把代码放在。

使用方法
CSS代码将内容复制到剪贴板。
无功urlrewritestream =需要(cssurl URLRewriteStream);

fs.createreadstream(我。CSS)。Pipe(新urlrewritestream(功能(URL){ {)
自动将具有唯一值的查询字符串追加到缓存中
返回URL +=+ Date.now();
})),Pipe(fs.createwritestream(我的新。CSS));

URL翻译(译者)

CSS URL翻译是翻译相关的CSS URL不同的CSS文件的工具。有时你可能要移动一个CSS文件,例如,从CSS / / foo.css CSS sprites / sprites.css。当你这样做时,在CSS文件中的任何URL是不准确的。CSS URL翻译,用CSS URL重写的结合,使我们能够很容易地修改新路径自动计算新的路径。译者也足够聪明不将任何无关的URL。

使用方法
CSS代码将内容复制到剪贴板。
无功urltranslator =需要(cssurl URLTranslator);

VaR翻译=新urltranslator();
VaR结果= translator.translate(, / / /:IMG foo。png

console.log(结果); / / / /:IMG foo。png

发展

要运行测试,克隆以下仓库并执行它:
复制代码代码如下:$ NPM我
$ NPM试验

版权和许可BSD3

相关文章

Javascript实现决定鼠标的状态。

Javascript实现决定鼠标的状态。

状态,鼠标,电脑软件,Javascript,Javascript实现决定鼠标的状态。 函数的Dclick(){ form1.text.value =你双击页面!; } 函数单击(){ form1.text.value =你点击页面上的; } 函数向下(){ form1.text.value =你按下鼠标; } 函数向上(){ form1.text.value =你释…

PS合成复仇者联盟电影海报教程

PS合成复仇者联盟电影海报教程

教程,复仇者,电影海报,联盟,电脑软件,本教程是介绍一个PS合成合成复仇者的电影海报给朋友。本教程制作的海报非常好。建议你喜欢你的朋友一起学习。 本教程介绍朋友到PS图片合成复仇者联盟电影海报的方法,本教程非常好,推荐给喜欢的朋友来一…

如何在手机QQ的QQ空间中添加水印

如何在手机QQ的QQ空间中添加水印

空间,水印,电脑软件,QQ,QQ是一款功能强大的聊天软件,对于有些不懂使用技巧和方法的人来说,小编为你一一介绍。 现在,越来越多的人使用手机QQ。用手机访问太空很方便。我们可以在电脑上设置图片和添加水印。当然,QQ也可以。这里有一个详细的教程…

PS光影效果特效教程

PS光影效果特效教程

教程,光影,特效,效果,电脑软件,本教程是向朋友介绍如何使用PS来创建光影效果。很适合初学者学习。 本教程主要是向大家介绍ps制作光影效果的过程,希望大家喜欢! 方法/步骤 1。打开软件中的三维图片。 2,打开图片通道,新建一个新的通道,在这个…

温暖的心被折磨了很长时间,它会减缓

温暖的心被折磨了很长时间,它会减缓

它会,很长时间,多愁善感,冷酷,个性签名,你一天八百次都找不到关于我的线索。 {承诺是白纸,脚本会有结尾}。 爱我,你怕眼泪吗你忘了吗你累了吗 你现在想我了吗你能把我和她比较一下吗 等待太久的事情,大部分都不是他们想要的。 深爱,除了与我长…

用PS图象处理软件做的糖果

用PS图象处理软件做的糖果

图象,处理软件,电脑软件,PS,本文主要介绍了如何利用PS图象处理软件做糖果风格的艺术字,不同的层,直到满意为止,喜欢的朋友一起尝试快。 本教程是利用PS图象处理软件的可爱的糖果贴纸风格的艺术字教程效果的文字和笔画分别进行。正文部分堆叠…

词的页面顺序,如何设置4,1,2个常见

词的页面顺序,如何设置4,1,2个常见

顺序,如何设置,常见,页面,电脑软件,问题: 很多人说插入一段,但是插入后,第二页会浮起一个格子,不能放在原来的位置,我们该怎么处理呢 答案uff1a 显示编辑标记,看看是否有更多的返回。此时,您可能会在最后一段分页时放置光标。您应该把它放在分页…

烟花扩展插件3D辅助绘制旋转立体球

烟花扩展插件3D辅助绘制旋转立体球

绘制,扩展,插件,3D,烟花,虽然烟花缺乏3D建模的功能,但烟花在使用3D烟花的3D基础后也能产生很大的3D效果。 虽然烟花缺乏3D建模的功能,但烟花在使用3D烟花的3D基础后也能产生很大的3D效果。 完成效果预览: 具体过程如下: 首先下载并安装3dprim…

2015句经典空间谈QQ空间

2015句经典空间谈QQ空间

空间,经典,电脑软件,QQ,这个世界把你当作一文不值,你要像太阳一样,下面是一句经典的空间来谈,欢迎。 一、只要相遇,不能停留,不相见。 二、你不想种花,你说:我不想看到它有点乱,但我想看你一点点的出路。 三。我曾经幻想过在一个白色的婚纱,听你说你…

笑总比哭好

笑总比哭好

总比,电脑软件,一个,唯一的希望,不管是三年,五年,十年后,总有一天,我们相遇,也有了,你喊,我想你,那时,我会泪流满面。 第二,如果你的大多数朋友不喜欢你的朋友,那么他/她肯定不是适合你的人。 三,我想只要我真的能感动一个人,到后来,却只感动了我。 四,也许…

excel2010糊的预言excel2010教程效

excel2010糊的预言excel2010教程效

教程,效果,电脑软件,Excel的选择性粘贴功能非常强大,但在过去的Excel版本中,有一个小小的遗憾,只有粘贴才能看到粘贴。有时候,如果您不知道选择粘贴中的选项,有时会粘贴数据,这是一种科学的计数方法。有时它与公式粘在一起,所以会让人觉得有点头晕…

中下层内容摘要

中下层内容摘要

内容摘要,电脑软件,本文主要介绍了div的内容,中、下总结,需要的朋友可以参考下。 虽然以内容为中心和以div为中心的问题已经成为一个老话题,但最近许多开发者被问到如何实现它,事实上,网络上有很多信息和案例,我将总结一些更常见的方法来处理它。…