小编Chr*_*oph的帖子

LESSCSS和@keyframes

有没有人有LESSCSS和问题@keyframes还是@-ms-keyframes?它编译CSS很好@-webkit-keyframes,@-moz-keyframes@-o-keyframes.

css less css-animations

3
推荐指数
1
解决办法
2460
查看次数

使用CSS3,我可以创建使边界脉冲输入和输出的关键帧吗?

我有一个带边框的图像.我希望边界淡入淡出.这是否可以使用opacity + webkit关键帧?想法?

谢谢

css css3 css-animations

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

通过JS读取HTML中的SVG元素属性

我有以下标记(HTML与本机SVG):

<!doctype html>
   <!-- ...    
        html-Elements 
        ... --> 
   <svg version="1.1" ... >
        <defs> <circle id="infop" cx="0" cy="0" r="9" /> </defs>
        <!-- ... 
             svg Elements
             ... --> 
        <svg> <!-- to have separate coordinate-system -->
            <g id="outSvg"></g>
        </svg>
    ...
Run Code Online (Sandbox Code Playgroud)

js方法输出一行和几个<use href="infotop">元素#outSvg(成为图形).该<use>元素具有的onmouseover事件显示工具提示.

现在,当谈到在检索坐标onmouseover-function<use>我碰到的问题:

我尝试了以下不同的方法来检索值:

function showInfo(evt){

    console.log("target: "+evt.target);
    console.log("AttrNS: "+evt.target.getAttributeNS(null,"x"));
    console.log("Attrib: "+evt.target.getAttribute("x"));
    console.log("basVal: "+evt.target.x.baseVal.value);
    console.log("corrEl: "+evt.target.correspondingUseElement.x.baseVal.value);
Run Code Online (Sandbox Code Playgroud)

产生以下输出:

    //target -> ** [object SVGUseElement] in FF, in all other browsers: [object SVGElementInstance])
    //AttrNS -> Works …
Run Code Online (Sandbox Code Playgroud)

javascript svg cross-browser no-framework

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

在目录中写入文件

File dir = android.os.Environment.getDownloadCacheDirectory();
             file =  new File(dir + File.separator + "Music1.mp3");
             if (!file.exists()) {
                 file.getParentFile().mkdirs();
                 file.createNewFile(); 
                }

             fos = new FileOutputStream(file);
             inputStream = urlConnection.getInputStream();
Run Code Online (Sandbox Code Playgroud)

file.createNewFile ()抛出异常:

System.err(275): java.io.IOException: Permission denied
Run Code Online (Sandbox Code Playgroud)

我怎么解决这个问题?

android file

3
推荐指数
1
解决办法
2931
查看次数

CSS和正则表达式(?)

我想知道有没有办法在css文件中做正则表达式替换?

例如:我有很多这样的选择器:

 #div_23
 #div_45
 #div_8
Run Code Online (Sandbox Code Playgroud)

假设我不能使用类来添加样式,有没有办法在CSS文件中做这样的事情:

 #div_[0-9] {background:#000000}
Run Code Online (Sandbox Code Playgroud)

css css-selectors

3
推荐指数
1
解决办法
203
查看次数

使用javascript中的regex用下划线替换每个前导和尾随空格

var str = '  Some string    ';
var output = str.replace(/^\s|\s(?=\s*$)/g , '_');
Run Code Online (Sandbox Code Playgroud)

输出应该如下所示

'___Some string____'
Run Code Online (Sandbox Code Playgroud)

此代码适用于尾随空格,但所有前导空格都只用一个下划线替换.

这个工作的php正则表达式是: /\G\s|\s(?=\s*$)/

javascript regex string whitespace replace

3
推荐指数
1
解决办法
964
查看次数

用较少的链接关键帧属性

所以我正在尝试为css3关键帧创建一个LESS mixin.链接id和类的方法通常如下:

#idOne,
#idTwo,
.classOne,
.classTwo {
    ...
}
Run Code Online (Sandbox Code Playgroud)

这不是什么新鲜事,也没什么大不了的.我现在正在尝试创建以下mixin

#rotate(@deg){
    -webkit-transform: rotate(@deg);
    -moz-transform: rotate(@deg);
    -o-transform: rotate(@deg);
}
Run Code Online (Sandbox Code Playgroud)

对于以下内容:

@-webkit-keyframes wiggle {
  10% { #rotate(14deg); } 
  20% { #rotate(-12deg); }  
  30% { #rotate(10deg); } 
  40% { #rotate(-8deg); }
  50% { #rotate(6deg); }
  60% { #rotate(-4deg); } 
  70% { #rotate(3deg); }  
  80% { #rotate(-2deg); } 
  90% { #rotate(1deg); }  
  100% { #rotate(0deg); } 
}

@-moz-keyframes wiggle {
  10% { #rotate(14deg); }  
  20% { #rotate(-12deg); } 
  30% { #rotate(10deg); }  
  40% { …
Run Code Online (Sandbox Code Playgroud)

animation css3 less css-animations

3
推荐指数
1
解决办法
2128
查看次数

使用本机Java检查4xx Http代码

我有一些java代码检查http响应.现在,我想检查客户端错误(4xx)系列的代码,我该怎么做?

int responseCode = ab.sendGetRequest(href);
Run Code Online (Sandbox Code Playgroud)

最简单的解决方案是:

if (400 <= responseCode && responseCode < 500 ){
   //...
}
Run Code Online (Sandbox Code Playgroud)

或者在编码惯例方面更好一点但是可读性大受欢迎:

if (HttpStatus.SC_BAD_REQUEST <= responseCode && 
    responseCode < HttpStatus.SC_INTERNAL_SERVER_ERROR)
Run Code Online (Sandbox Code Playgroud)

如何检查responseCode4xx家人不知何故像下面...

CLIENT_ERROR.contains(code)
Run Code Online (Sandbox Code Playgroud)

重要的是,我不想使用自定义解决方案(自己编写CLIENT_ERROR或检查范围,......).java中是否已存在用于此目的的相应类?

java http

3
推荐指数
2
解决办法
2007
查看次数

只更改悬停元素中的类

所以我正在创建一个关于用户提交的食谱的页面.有些用户提交了关于食谱的简短引用,有些则没有.我希望在用户将鼠标悬停在配方图像上时显示引用(如果存在).

现在,我正在使用这个:

$(".recipe").hover(function(){
            $(".slider-submit").hide();
            $(".slider-description").show();
        },
        function(){
            $(".slider-submit").show();
            $(".slider-description").hide();
        });
Run Code Online (Sandbox Code Playgroud)

第一个问题是它会改变所有食谱,而不仅仅是那些悬停在其上的食谱.第二个问题是,我不确定如何检查该配方是否存在"滑块描述".

这是我正在努力的一个小提琴.我还在学习JQuery,请给我任何提示!

html javascript css jquery jquery-hover

3
推荐指数
1
解决办法
118
查看次数

JavaScript返回错误后执行代码

我正在使用一个函数来检查是否填写了必填字段.我有这两个功能,应该做同样的事情,但第一个没有.在遇到退货后,javascript不应该停止执行代码吗?

此函数返回true:

//Checks if various stages are ready
function trnReady(area) {
    switch (area)
    {
        case 'settings':
            $('input.required').each(function(){

                if($(this).val() == '')
                {
                    return false;
                }
            }); 
        break;
    }
    return true;
}
Run Code Online (Sandbox Code Playgroud)

虽然这个返回false:

//Checks if various stages are ready
function trnReady(area) {
    var r = true;
    switch (area)
    {
        case 'settings':
            $('input.required').each(function(){

                if($(this).val() == '')
                {
                    r = false;
                }
            }); 
        break;
    }
    return r;
}
Run Code Online (Sandbox Code Playgroud)

我以为第一次返回会停止执行代码?我想知道它是否与范围有关?

javascript

2
推荐指数
1
解决办法
4813
查看次数