草庐IT

gulp-clean-css

全部标签

javascript - 使用 jQuery 调整元素滚动的 CSS 不透明度

您好,我想将两个div的CSS不透明度与该元素的滚动量绑定(bind)。例如假设我有两个div:当红色div进入视口(viewport)时,其不透明度从0变为100-取决于滚动量。同样,当蓝色div进入视口(viewport)时,其不透明度从100变为0,具体取决于滚动量。我找到了这个Jquery/JavascriptOpacityanimationwithscroll-varfadeStart=100//100pxscrollorlesswillequivto1opacity,fadeUntil=200//200pxscrollormorewillequivto0opacity,fa

javascript - 很好地在 gulp 任务中抛出错误

我正在创建一个在某些情况下可能会失败的gulp任务。gulp.task('favicon',function(){try{require('child_process').execSync('icotool--version');}catch(e){varerr=newError('Unixbashandicotoolrequiredforgeneratingfavicon');throwerr;}returngulp.src('',{read:false}).pipe(shell(['./generate-favicon.sh']));});当通过gulp运行我的任务并遇到错误时,错

javascript - 有没有办法在 Visual Studio 2008 中折叠 javascript 或 CSS

如果能够在js和css文件中创建“区域”就好了。更容易使用。我在Google上找不到任何关于此的内容,但即使是Dreamweaver也可以做到这一点。谢谢! 最佳答案 您可以选择要隐藏的block并执行CTRL+M,H(编辑-->大纲-->隐藏选择)如果有足够的时间,某人可以编写一个宏或添加来识别所有函数或对象并分别列出它们。 关于javascript-有没有办法在VisualStudio2008中折叠javascript或CSS,我们在StackOverflow上找到一个类似的问题:

javascript - 使用 ?version=XXX 刷新缓存中的 CSS 文件

为了刷新缓存中的CSS文件,我经常使用file.css?version=DDMMYYYY技巧。但是,我对这种方法有疑问。我在旧的外联网上工作。所有页面都使用相同的CSS文件。外网没有任何模板文件,外网的每个页面都包含这个css。我需要为所有酒店后台页面刷新此css文件。我的问题是:我想在登录页面上使用file.css?version=DDMMYYYY技巧。其他页面仍将包含file.css(没有?version部分)如果用户进入登录页面,他将收到新版本的css文件。但是其他页面将使用哪个版本?旧版本(file.css)还是新版本(file.css?version=DDMMYYYY)?换句

javascript - Gulp.js : task based on forEach loop

我有一个对象数组,如下所示。varbundles=[{src:'js/my-component/*.js',bundleName:'my-component.js'},{src:'js/my-other-component/*.js',bundleName:'my-other-component.js'}]我希望gulp任务处理/连接数组中的每个条目,但它似乎不起作用。gulp.task('bundlejs',function(){returnbundles.forEach(function(obj){returngulp.src(obj.src).pipe(concat(obj.bu

javascript - 在 ASP.NET MVC 中组合和缩小 JS 和 CSS

我创建了默认的ASP.NETMVC3Web应用程序。然后我在\Views\Shared_Layout.cshtmlView中添加了三个css和三个js文件:@ViewBag.Title....当我运行应用程序时,我的html代码是HomePage是否有可能在MVC中有一个处理程序来将我的输出html更改为:HomePage所以链接js.axd=/Scripts/jquery-1.5.1.min.js,/Scripts/JScript1.js,/Scripts/JScript2.js会将所有这些js文件的内容返回给浏览器,链接css.axd=/Content/Site.css,/Cont

javascript - 使用 CSS 为跨度中的第 n 个字母设置样式

我有:12h12m12s并且我希望使h、m和s小于文本的其余部分。我听说过css中的nth-letter伪元素,但它似乎不起作用:#string:nth-letter(3),#string:nth-letter(6),#string:nth-letter(9){font-size:2em;}我知道我可以使用javascript来解析字符串并用周围的span标签替换字母并设置标签的样式。但是,该字符串每秒更新一次,而且似乎解析通常会占用大量资源。 最佳答案 在性能方面,我建议使用spanhell。12h12m12s每个h、m和s字母一

javascript - 使用 Gulp 在外部制作 browserify 模块

我有一个库lib.js,我想从lib/a.js和lib/b.js创建,然后能够使用vara=require('lib/a.js');从脚本client.js中使用它并且当我只包含已编译的时它可以工作client.js之前的lib.js库(因此,lib.js必须声明一个require函数知道关于lib/a.js)我想我必须使用external和alias但我不确定正确的方法是什么此外,是否可以有一个Gulp文件自动为我的库中的文件夹创建所有别名?例如。为lib/目录中的所有文件创建别名? 最佳答案 这里有几个gulp任务可以帮助您分别

javascript - 使用 Javascript 将 CSS3 支持添加到 IE7+

我想使用CSS3选择器(例如:nth-child),但任何版本的IE都不支持它们。在我的Rails应用程序中,我已经包含了Script.aculo.us和Prototype,如果不必包含Jquery就好了。是否有修复IE行为的脚本?(我对IE6兼容性不感兴趣) 最佳答案 看看IE8.js图书馆DeanEdwards.它几乎可以满足您的要求。参见IE7TestPage对于它修复的东西。 关于javascript-使用Javascript将CSS3支持添加到IE7+,我们在StackOver

javascript - 通过 Javascript 继承 CSS 值

在我的页面上,我正在通过javascript更改一些css样式。当我尝试提取一个已继承的值时-它出现空白。请考虑以下事项:.Sliding{display:none;overflow:hidden;}.Sliding#FilterBox{height:185px;background-color:Fuchsia;}和html:TestFormThisisatest/12345如果我查看元素“document.getElementById(objname).style.display”,它是空白的吗?如何通过javascript读取显示值? 最佳答案