小编Vol*_* E.的帖子

如果需要,npm检查并更新包

我们需要将Karma测试运行器集成到TeamCity中,为此我想给sys-engineer小脚本(powershell或其他):

  1. 从一些配置文件中获取所需的版本号(我想我可以把它作为注释karma.conf.js)

  2. 检查是否在npm的全局仓库中安装了定义版本的karma runner

  3. 如果不是,或者安装的版本比预期版本旧:选择并安装正确的版本

  4. 运行: karma start .\Scripts-Tests\karma.conf.js --reporters teamcity --single-run

所以我真正的问题是:"如果安装了所需的软件包版本,如何检查脚本?".你应该做检查,还是npm -g install每次都可以安全地打电话?

我不想总是检查并安装最新的可用版本,因为其他配置值可能会变得不兼容

teamcity node.js npm karma-runner

400
推荐指数
15
解决办法
32万
查看次数

jQuery` .is(":visible")`不在Chrome中工作

if ($("#makespan").is(":visible") == true) { 
    var make = $("#make").val(); 
}
else {
    var make = $("#othermake").val(); 
}

Make:<span id=makespan><select id=make></select><span id=othermakebutton class=txtbutton>Other?</span></span><span id=othermakespan style="display: none;"><input type=text name=othermake id=othermake>&nbsp;-&nbsp;<span id=othermakecancel class=txtbutton>Cancel</span></span>
Run Code Online (Sandbox Code Playgroud)

上面的代码在Firefox中运行顺畅,但在Chrome中似乎不起作用.在Chrome中它.is(":visible") = false甚至可以显示true.

我正在使用以下jQuery版本:jquery-1.4.3.min.js

jsFiddle链接:http://jsfiddle.net/WJU2r/4/

jquery google-chrome

204
推荐指数
7
解决办法
53万
查看次数

Textarea可以动态进行语法高亮显示吗?

我在CMS中存储了许多HTML块,以便于维护.它们由<textarea>s 代表.

有没有人知道某种类型的JavaScript Widget可以在一个textarea或类似的内容中为HTML进行语法高亮,同时仍然保持纯文本编辑器(没有WYSIWYG或高级功能)?

html javascript widget highlighting richtextbox

194
推荐指数
8
解决办法
16万
查看次数

使用可选参数制作Sass mixin

我正在写一个这样的mixin:

@mixin box-shadow($top, $left, $blur, $color, $inset:"") {
    -webkit-box-shadow: $top $left $blur $color $inset;
    -moz-box-shadow: $top $left $blur $color $inset;
    box-shadow: $top $left $blur $color $inset;
}
Run Code Online (Sandbox Code Playgroud)

当调用我真正想要的是,如果没有$inset传递任何值,则不输出任何内容,而不是编译为这样的内容:

-webkit-box-shadow: 2px 2px 5px #555555 "";
-moz-box-shadow: 2px 2px 5px #555555 "";
box-shadow: 2px 2px 5px #555555 "";
Run Code Online (Sandbox Code Playgroud)

如何重写mixin以便如果没有$inset传递值,则不输出任何内容?

sass

190
推荐指数
8
解决办法
14万
查看次数

Sass - 将Hex转换为RGBa以获得背景不透明度

我有以下Sass mixin,它是RGBa示例的一半完整修改:

@mixin background-opacity($color, $opacity: .3) {
    background: rgb(200, 54, 54); /* The Fallback */
    background: rgba(200, 54, 54, $opacity);
} 
Run Code Online (Sandbox Code Playgroud)

我申请$opacity好了,但现在我被困在那个$color部分.我将发送到mixin的颜色将是HEX而不是RGB.

我的例子用途是:

element {
    @include background-opacity(#333, .5);
}
Run Code Online (Sandbox Code Playgroud)

如何在此mixin中使用HEX值?

css sass mixins background-color rgba

190
推荐指数
4
解决办法
13万
查看次数

Google字体网址在w3.org上打破HTML5验证

我使用此HTML标记加载了3种不同大小的字体:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic|PT+Serif:400,400italic|Bree+Serif">
Run Code Online (Sandbox Code Playgroud)

Till~1/2周前,w3.org验证器支持HTML5; 现在它给出了这个错误:

 Line 14, Column 163: Bad value http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic|PT+Serif:400,400italic|Bree+Serif for attribute href on element link: Illegal character in query: not a URL code point.
Run Code Online (Sandbox Code Playgroud)

W3C Markup Validator现在不喜欢什么?

html5 w3c-validation google-font-api

176
推荐指数
3
解决办法
6万
查看次数

用于抓取游标的CSS(拖放)

我有一个JavaScript webapp,用户需要抓住背景来移动整个屏幕.所以我希望光标在它们悬停在背景上时发生变化.在-moz-grab-moz-grabbingCSS光标是非常理想的.当然,它们只适用于Firefox ...其他浏览器是否有相同的游标?我是否必须做一些比标准CSS游标更自定义的东西?

css cursor css3

153
推荐指数
6
解决办法
15万
查看次数

HTML/CSS中整个div的href链接

这是我想在HTML/CSS中完成的任务:

我有不同高度和宽度的图像,但它们都低于180x235.所以我想做的就是创建一个divwith bordervertical-align: middleall.我已经成功地做到了这一点,但现在我被困在如何正确地将href链接到整个div.

这是我的代码:

<div id="parentdivimage" style="position:relative;width:184px;height:235px;border-width:2px;border-color:black;border-style:solid;text-align:center;">
    <div id="childdivimage" style="position:absolute;top:50%;height:62px;margin-top:-31px;">
        <img src="myimage.jpg" height="62" width="180">
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

请注意,为了方便复制粘贴,样式代码是内联的.

我在某处读到了我可以在代码之上添加另一个父div,然后在其中执行href.但是,根据一些研究,它将不是有效的代码.

所以再次总结一下,我需要整个div(#parentdivimage)作为href链接.

html css

125
推荐指数
3
解决办法
37万
查看次数

在Less中连接字符串

我认为这是不可能的,但我想如果有办法,我会问.我的想法是我有一个变量用于web资源文件夹的路径:

@root: "../img/";
@file: "test.css";
@url: @root@file;

.px {
    background-image: url(@url);
}
Run Code Online (Sandbox Code Playgroud)

我得到了这个结果:

.px { background-image: url("../img/" "test.css"); }
Run Code Online (Sandbox Code Playgroud)

但是,我希望字符串组合成一个字符串,如下所示:

.px { background-image: url("../img/test.css"); }
Run Code Online (Sandbox Code Playgroud)

是否可以在Less中将字符串连接在一起?

css concat path less web

125
推荐指数
5
解决办法
7万
查看次数

CSS text-transform充分利用所有上限

这是我的HTML:

<a href="#" class="link">small caps</a> & 
<a href="#" class="link">ALL CAPS</a>
Run Code Online (Sandbox Code Playgroud)

这是我的CSS:

.link {text-transform: capitalize;}
Run Code Online (Sandbox Code Playgroud)

输出是:

Small Caps & ALL CAPS
Run Code Online (Sandbox Code Playgroud)

我希望输出为:

Small Caps & All Caps
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

css

124
推荐指数
7
解决办法
11万
查看次数