小编spu*_*dly的帖子

css选择器匹配没有属性x的元素

我正在研究CSS文件并发现需要设置文本输入框的样式,但是,我遇到了问题.我需要一个匹配所有这些元素的简单声明:

<input />
<input type='text' />
<input type='password' />
Run Code Online (Sandbox Code Playgroud)

......但不符合这些:

<input type='submit' />
<input type='button' />
<input type='image' />
<input type='file' />
<input type='checkbox' />
<input type='radio' />
<input type='reset' />
Run Code Online (Sandbox Code Playgroud)

这就是我想做的事情:

input[!type], input[type='text'], input[type='password'] {
   /* styles here */
}
Run Code Online (Sandbox Code Playgroud)

在上面的CSS中,注意第一个选择器是input[!type].我的意思是我想选择未指定type属性的所有输入框(因为它默认为文本但input[type='text']与之不匹配).不幸的是,我找不到CSS3规范中没有这样的选择器.

有谁知道这样做的方法?

css css-selectors css3

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

SVG获取文本元素宽度

我工作的一些的ECMAScript/JavaScript来SVG文件,并需要获得widthheight一个的text元素,所以我可以调整,围绕它的矩形.在HTML中,我可以使用元素上的offsetWidthoffsetHeight属性,但看起来这些属性不可用.

这是我需要使用的片段.每当我更改文本时我都需要更改矩形的宽度,但我不知道如何获得元素的实际width(以像素为单位)text.

<rect x="100" y="100" width="100" height="100" />
<text>Some Text</text>
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

javascript svg text dom

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

使用JavaScript检测时区缩写

我需要一种方法来检测给定日期对象的时区.我不想要偏移,也不想要完整的时区名称.我需要获得时区缩写.例如,GMT,UTC,PST,MST,CST,EST等......

这可能吗?我得到的最接近的是解析date.toString()的结果,但即使这样也不会给我一个缩写.它给了我时区的长名.

javascript timezone date

43
推荐指数
9
解决办法
5万
查看次数

在ECMAScript5中,"使用严格"的范围是什么?

严格模式编译指示在ECMAScript5中有什么范围?

"use strict";
Run Code Online (Sandbox Code Playgroud)

我想这样做(主要是因为JSLint没有抱怨它):

"use strict";

(function () {
  // my stuff here...
}());
Run Code Online (Sandbox Code Playgroud)

但我不确定这是否会破坏其他代码.我知道我可以做到这一点,这将把pragma的范围扩展到函数...

(function () {

  "use strict";

  // my stuff here...

}());
Run Code Online (Sandbox Code Playgroud)

但JSLint抱怨它(当启用"严格"JSLint选项时),因为它认为您在启用"use strict"之前正在执行代码.

这是我的问题.如果我有fileA.js:

"use strict";
// do some stuff
Run Code Online (Sandbox Code Playgroud)

和fileB.js:

eval( somecodesnippet ); // disallowed by "use strict"
Run Code Online (Sandbox Code Playgroud)

然后将它们以相同的顺序包含在我的html页面中,将pragma限定为文件,还是将pragma放到fileB中,从而阻止eval执行?

javascript scope strict ecma262 ecmascript-5

41
推荐指数
2
解决办法
7644
查看次数

设置CSS字体大小(以像素为单位)时,该值是否指向字母的宽度或高度?

font-size的像素值是指字体的高度还是字体的宽度?

CSS:

.sixteen {
  font-size: 16px;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<span class='sixteen'>a</span>
Run Code Online (Sandbox Code Playgroud)

"a"是16像素高还是16像素宽,或者两者都是最大宽度/高度,以便整个角色适合16px的盒子?

我在这方面看到的所有文件都是模棱两可的.

html css

26
推荐指数
1
解决办法
9344
查看次数

如何检查按键上文本字段的新值?

我有一个表单字段,我需要能够检测字段何时更改并使用字段的值执行一些其他代码.如果按下的键实际上改变了文本框的值,我只想执行代码.这是我提出的解决方案.

function onkeypress(e) {
  var value = this.value;
  // do something with 
}

function onkeyup(e) {
  if ( e.which == 8 || e.keyCode == 46 ) { // delete or backspace keys
    this.onkeypress(e);
  }
}
Run Code Online (Sandbox Code Playgroud)

但是只有一个问题.onkeypress在字段值更新之前被触发,所以当我获取值时,我得到之前的值.如果我知道一种方法来测试密钥是否改变了值,我会专门使用密钥,但是某些字符(如箭头键)对字段的值没有影响.

有任何想法吗?

javascript keycode onkeypress fromcharcode onkeyup

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

HTML fieldset允许子项无限扩展

我想把一个可滚动的盒子放在里面fieldset,但我遇到了一个怪癖,我无法弄清楚它的方式.当您将可滚动条div放在a中时fieldset,fieldset展开而不是使可滚动元素滚动.

这是一个测试用例.以下扩展无限期(boo):

<div style="width: 300px; overflow: hidden;">
   <fieldset>
      <div style="overflow: scroll; white-space: nowrap;">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem arcu, sodales non gravida eget, vehicula vitae nulla. Quisque turpis justo, consectetur ut egestas at, pulvinar nec diam. Donec porttitor lobortis elit quis scelerisque. Proin at mollis nibh. Nulla nisi dolor, rutrum nec rhoncus congue, cursus at urna. Curabitur adipiscing euismod nisl nec consequat. Aliquam justo justo, …
Run Code Online (Sandbox Code Playgroud)

html css overflow fieldset

9
推荐指数
2
解决办法
2325
查看次数

JavaScript事件序列

JavaScript中的某些事件先于其他事件发生.例如,对于input元素,keydown和keypress事件首先触发.然后,如果那些返回值不为false,则更新input.value.然后,keyup事件触发.

是否有一个网站,我可以找到所有事件及其执行顺序的完整列表,以及中间发生的其他事情,例如更新示例中输入框中的值?

这样的清单非常有用.

javascript events timing sequence

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

如何确定是从命令行还是作为cgi脚本调用脚本?

我有一个我写的脚本,可以在命令行上使用,也可以作为CGI脚本使用,需要确定脚本的调用方式,这样我就可以为web请求输出内容类型的头文件(也许还有一些反缓存标题也是).我的第一个想法是检查http环境变量是否存在:

my $js = build_javascript();

if ( exists $ENV{HTTP_HOST} ) {
   print "Content-type: text/javascript\n\n";
}
print $js;
Run Code Online (Sandbox Code Playgroud)

有没有更好的办法?

perl command-line cgi environment-variables

8
推荐指数
2
解决办法
1664
查看次数

或使用mustache.js等效的运算符

好的,所以我知道小胡子模板没有逻辑,但我该如何实现呢:

<?php
  if ($a || $b) {
    echo $c, $d, $e;
  }
?>
Run Code Online (Sandbox Code Playgroud)

...使用胡子模板语法?我能想到的最好的是:

{{#a}}
  {{c}}{{d}}{{e}}
{{/a}}
{{^#a}}
  {{#b}}
    {{c}}{{d}}{{e}}
  {{/b}}
{{/a}}
Run Code Online (Sandbox Code Playgroud)

...这显然是可怕的,并要求我复制'if'中的任何内容.

有任何想法吗?

javascript templates mustache

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

如何从Perl管道输入到Java命令?

我需要通过Java程序运行一个字符串,然后检索输出.Java程序通过标准输入接受字符串.以下作品:

my $output = `echo $string | java -jar java_program.jar`;
Run Code Online (Sandbox Code Playgroud)

有一个问题:$string可能是任何事情.有关这个问题的良好解决方案的任何想法?

perl command pipe

6
推荐指数
2
解决办法
2780
查看次数

react-dom/server 可以在客户端工作吗?

我需要在客户端呈现顶级 html 标签(例如<html><head>...</head><body></body></html>)。结果将被注入到 iframe 中。在服务器上,我会使用renderToStaticMarkupfrom 的函数react-dom/server,但仅客户端react-dom没有此函数。

可以react-dom/server在最新版本的react(当前为15.3.0)中的客户端上运行吗?如果是这样,React 开发团队是否有任何迹象表明它将在未来版本中继续在客户端上受到支持?

javascript server-side client-side reactjs react-dom

5
推荐指数
1
解决办法
1917
查看次数

事件冒泡和onblur事件

我正在编写一个表单验证脚本,并希望在其onblur事件触发时验证给定字段.我还想使用事件冒泡,所以我不必将onblur事件附加到每个单独的表单字段.不幸的是,onblur事件并没有泡沫.只是想知道是否有人知道可以产生相同效果的优雅解决方案.

javascript onblur event-bubbling

4
推荐指数
3
解决办法
8061
查看次数