小编Jam*_*lly的帖子

在与正则表达式匹配的文本文件中查找行

任何人都可以解释我如何在Ruby中使用正则表达式只返回字符串的匹配项.

例如,如果代码读入包含一系列名称的.txt文件:

John Smith
James Jones
David Brown
Tom Davidson
etc etc
Run Code Online (Sandbox Code Playgroud)

..并且匹配的单词输入为'ohn',然后它将返回'John Smith',但没有其他名称.

ruby regex

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

jQuery选择器每行的第一个td

我有这个东西:

<table>
  <tr>
    <td>nonono</td> <!-- FIND THIS -->
    </td>foobar</td>
  </tr>
  <tr>
    <td>nonono2</td> <!-- FIND THIS -->
    </td>foobar2</td>
  </tr>
  <tr>
    <td>nonono3</td> <!-- FIND THIS -->
    </td>foobar2</td>
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

我试过$('td:first')没有运气;

预期收益:<td>nonono</td>,<td>nonon2</td><td>nonon3</td>

提前致谢!

jquery jquery-selectors

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

如何使用CSS为容器中的特定单词着色

假设我有一个容器:

 <div id="container"> This is a red apple </div>
Run Code Online (Sandbox Code Playgroud)

如何用红色为"红色"一词着色?像(伪代码)的东西

#container:[word="red"]{
   color:red;
}
Run Code Online (Sandbox Code Playgroud)

是否可以在纯CSS中执行此操作而不引入JavaScript或修改现有HTML?

html css

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

Css Content,Attr和Url在同一句话中

我已经使用了content属性很长一段时间了,今天我想尝试新的东西.而不是使用JS来显示图像工具提示,我想知道是否可以使用CSS动态地执行它.

所以我尝试过:

.TableLine:hover:after{
  content: url("../Img/Photo/"attr(id)".jpg"); 
}
Run Code Online (Sandbox Code Playgroud)

其中attr(id)应该返回的图片(字母数字)的ID这也是图象的名称.

它根本不起作用,它没有效果.我认为该块没有解析,因为向块添加边框或背景似乎也没有效果.

当我只使用attr(id)单独的,没有url的东西,它完美的工作.当我用attr(id)图片的真实名称替换它时,它也有效.

在网上搜索了一段时间后,我没有发现任何相关内容,所以我在这里.这是一个已知的错误还是我的错误?:)

css url attr css-content

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

如何在Android中找出SIGSEGV的原因

我的Android应用程序崩溃的报告越来越多,崩溃发生在本机代码中,因此不会产生堆栈跟踪.我只有一个本机功能,这不是问题,因为它在启动过程中被调用一次,问题发生在2-3分钟后.

我从logcat获得了以下部分转储:

I/DEBUG   ( 8704): pid: 9028, tid: 9136  >>> xxxx <<<
I/DEBUG   ( 8704): at : (2012-10-30 21:10:42.000086303 UTC) 0
I/DEBUG   ( 8704): signal 11 (SIGSEGV), fault addr deadbaad
I/DEBUG   ( 8704):  r0 00000000  r1 afd14691  r2 00000027  r3 00000070
I/DEBUG   ( 8704):  r4 afd42328  r5 00000000  r6 00000000  r7 0000a000
I/DEBUG   ( 8704):  r8 00000000  r9 4a77b900  10 4a77b8d8  fp 00000046
I/DEBUG   ( 8704):  ip 00001750  sp 4a77b590  lr deadbaad  pc afd11ce4  cpsr 60000030
I/DEBUG   ( 8704):  d0 …
Run Code Online (Sandbox Code Playgroud)

android segmentation-fault

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

Chrome中的字体权重转换

尝试font-weight使用CSS优雅地从'400'过渡到'600',但它似乎不适用于Chrome.这是一个已知的错误还是我做错了什么?

在这里查看小提琴以获取示例

css fonts google-chrome css3 css-transitions

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

为什么在将0作为唯一参数传递给calc()函数时,我必须指定一个单位标识符(例如'px')?

CSS值和单位模块3级状态:

...对于零长度,单位标识符是可选的(即可以在语法上表示为<number>'0').

这就是为什么我们中的大多数以0交易时,如掉落单元标识符0px,0em,0%等所有的计算结果为相同的长度.

同样的文档还说明了这个calc()功能:

...可用于任何<length>,<frequency>,<angle>,<time>,<number>,或<integer>值是允许的.一个的部件calc()表达可以是文字值,attr()calc()表达,或<percentage>值的是解决前述类型之一.

这里的问题是Chrome,Firefox,Opera和Internet Explorer的最新版本被calc(0)视为无效表达.这0是一个解析为<number>类型的值(正如我们从本文中引用的第一个片段中了解到的那样).

如果我们尝试width: calc(0)通过W3C自己的CSS Validator进行验证,则会出现以下错误:

值错误:宽度calc(0)不是宽度值:calc(0)

但是,如果我们尝试并验证width: 1,我们会给出以下错误,这似乎与此错误相矛盾:

值错误:宽度只能0是一个长度.你必须在你的号码后面放一个单位:1


在此示例中,1px红色边框应用于每个code元素.在尝试覆盖边框宽度时,第一个calc(0)指定为边框宽度,后者指定为边框宽度calc(0px).

code {
  display: inline-block;
  padding: 2px; …
Run Code Online (Sandbox Code Playgroud)

html css specifications css3

19
推荐指数
1
解决办法
438
查看次数

你如何检查浏览器中的CSS变量?

按照规范定义我的变量,如下所示:

:root {
 --my-colour: #000;
}
Run Code Online (Sandbox Code Playgroud)

并像这样访问它们:

.my-element {
  background: var( --my-colour );
}
Run Code Online (Sandbox Code Playgroud)

哪个工作正常.

但是,我想知道是否有一种调试或检查:rootCSS规则的方法,以查看已定义的变量,以及它们的值是什么?

根据我的理解,:root选择器和html选择器都针对相同的元素,但是当我html使用Chrome的调试工具检查元素时,我看不到任何定义:

检查html元素

有没有办法找出已定义的变量及其值?

html css web-component google-chrome-devtools css-variables

19
推荐指数
2
解决办法
6093
查看次数

颜色"透明"不起作用

我有IE的问题(还有什么?):

我用CSS生成内容,它也有背景图像.我看起来像那样:

#nav ul li:after {
    content: "--";
    position: relative;
    z-index: 99;
    background: transparent url(image.png);
    color: transparent;
}
Run Code Online (Sandbox Code Playgroud)

文本颜色在非IE浏览器中是透明的,但在所有IE浏览器(IE6-IE8)中它都是黑色的,你可以看到它.我怎么能让文字透明/不可见?

我已经尝试过了:可见性 - 不透明度 - 过滤器 - 文本缩进...但是没有一个人能够正确地完成他的工作,要么它消失了(带有我需要的背景),要么属性不适用.

css internet-explorer css-content

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

哪种SVG支持检测方法最好?

有人已经问过我关于在浏览器中检测SVG支持的问题,但有三个主要的解决方案,而不是很多关于每个优点的讨论.

那么:哪个,哪个最好?在便携性和正确性方面,即.假阴性(即"没有svg")是不受欢迎的,但是可接受的; 误报不是.

图表A:

var testImg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D';

var img = document.createElement('img')

img.setAttribute('src',testImg);

return img.complete; 
Run Code Online (Sandbox Code Playgroud)

图表B:

return document.implementation.hasFeature(
    "http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1");
Run Code Online (Sandbox Code Playgroud)

图表C:

return !! document.createElementNS &&
       !! document.createElementNS (
             'http://www.w3.org/2000/svg',
             "svg")
      .createSVGRect;
Run Code Online (Sandbox Code Playgroud)

javascript svg browser-feature-detection

18
推荐指数
2
解决办法
8340
查看次数