小编Phr*_*ogz的帖子

在CSS内容值中放置Unicode字符

我有个问题.我找到了向下箭头的HTML代码,↓(↓)

凉.现在我需要在CSS中使用它,如下所示:

nav a:hover {content:"&darr";}
Run Code Online (Sandbox Code Playgroud)

这显然↓是行不通的,因为它是一个HTML符号.关于css中使用的这些"转义的unicode"符号的信息似乎较少.还有其他符号\2020,我发现但没有箭头.什么是箭头代码?

css unicode symbols unicode-escapes

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

在浏览器中将SVG转换为图像(JPEG,PNG等)

我想通过JavaScript将SVG转换为位图图像(如JPEG,PNG等).

javascript svg

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

CSS在特定`inline-block`项之前/之后换行

假设我有这个HTML:

<h3>Features</h3>
<ul>
    <li><img src="alphaball.png">Smells Good</li>
    <li><img src="alphaball.png">Tastes Great</li>
    <li><img src="alphaball.png">Delicious</li>
    <li><img src="alphaball.png">Wholesome</li>
    <li><img src="alphaball.png">Eats Children</li>
    <li><img src="alphaball.png">Yo' Mama</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

这个CSS:

li { text-align:center; display:inline-block; padding:0.1em 1em }
img { width:64px; display:block; margin:0 auto }
Run Code Online (Sandbox Code Playgroud)

结果可以在这里看到:http://jsfiddle.net/YMN7U/1/

现在想象一下,我想把它分成三列,相当于<br>在第三列之后注入一个<li>.(实际上这样做在语义和语法上都是无效的.)

我知道如何选择<li>CSS中的第三个,但是如何在它之后强制换行呢?这不起作用:

li:nth-child(4):after { content:"xxx"; display:block }
Run Code Online (Sandbox Code Playgroud)

我也知道这个特殊情况可以通过float代替使用inline-block,但我对使用的解决方案不感兴趣float.我也知道,对于固定宽度的块,可以通过将父级的宽度设置为宽度的ul3倍来实现.我对这个解决方案不感兴趣.我也知道,display:table-cell如果我想要真正的列,我可以使用; 我对这个解决方案不感兴趣.我对在内联内容中强制中断的可能性感兴趣.

编辑:要清楚,我对"理论"感兴趣,而不是特定问题的解决方案.CSS可以在display:inline(-block)?元素中间注入换行符,还是不可能?如果你确定这是不可能的,这是一个可以接受的答案.

html css

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

通过多个文件将Sinatra用于大型项目

似乎在Sinatra中所有路由处理程序都被写入一个文件中,如果我理解它是一个大/小控制器.有没有办法将它拆分成单独的独立文件,所以当让我们说某人调用"/"时 - 执行一个动作,如果接收到像"/ posts/2"这样的smth,那么另一个动作 - 在PHP中应用的类似逻辑?

ruby sinatra

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

在浏览器中规范鼠标滚轮速度

对于另一个问题,我编写了这个答案,包括这个示例代码.

在该代码中,我使用鼠标滚轮来放大/缩小HTML5 Canvas.我找到了一些代码来规范Chrome和Firefox之间的速度差异.但是,Safari中的缩放处理要比其中任何一个快得多.

这是我目前的代码:

var handleScroll = function(e){
  var delta = e.wheelDelta ? e.wheelDelta/40 : e.detail ? -e.detail/3 : 0;
  if (delta) ...
  return e.preventDefault() && false;
};
canvas.addEventListener('DOMMouseScroll',handleScroll,false); // For Firefox
canvas.addEventListener('mousewheel',handleScroll,false);     // Everyone else
Run Code Online (Sandbox Code Playgroud)

在Chrome v10/11,Firefox v4,Safari v5,Opera v11和IE9上滚动相同数量的鼠标滚轮时,我可以使用哪些代码来获得相同的"delta"值?

这个问题是相关的,但没有好的答案.

编辑:进一步调查显示一个滚动事件'up'是:

                  | evt.wheelDelta | evt.detail
------------------+----------------+------------
  Safari v5/Win7  |       120      |      0
  Safari v5/OS X  |       120      |      0
  Safari v7/OS X  |        12      |      0
 Chrome v11/Win7  |       120 …

javascript mousewheel

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

使用jQuery添加其他数据以选择选项

我希望非常简单的问题.

我有这样的常用<select>盒子

<select id="select">
    <option value="1">this</option>
    <option value="2">that</option>
    <option value="3">other</option>
</select>
Run Code Online (Sandbox Code Playgroud)

我可以获取所选值(通过使用$("#select").val())和所选项目的显示值(通过使用$("#select :selected").text().

但是我如何在<option>标签中存储额外的值?我希望能够做类似的事情<option value="3.1" value2="3.2">other</option>并获得value2属性的值(在示例中为3.2).

html javascript jquery

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

从Ruby学习Python; 异同

我非常了解Ruby.我相信我现在可能需要学习Python.对于那些了解两者的人来说,两者之间的概念是相似的,哪些是不同的?

我正在寻找一个类似于我为JavaScripters学习Lua所做的入门的列表:简单的事情,如空白意义和循环结构; nilPython中的名称,以及哪些值被视为"truthy"; 是不是习惯于使用相当于mapeach/或笨拙的 东西 ,那些大概笨拙的常规吗?

如果我得到了各种各样的答案,我很乐意将它们汇总到社区维基中.或者你们都可以互相争斗,试图创造一个真正的综合名单.

编辑:要清楚,我的目标是"正确的"和惯用的Python.如果有一个Python的等价物inject,但是没有人使用它,因为有更好/不同的方法来实现迭代列表和累积结果的常用功能,我想知道你是如何做的.也许我会用一系列共同目标更新这个问题,如何在Ruby中实现它们,并询问Python中的等价物.

ruby python

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

将图像从数据URL绘制到画布

如何在画布中打开图像?这是编码的

我正在使用

var strDataURI = oCanvas.toDataURL(); 
Run Code Online (Sandbox Code Playgroud)

输出是编码的基础64图像.如何在画布上绘制此图像?

我想使用strDataURI 和创建图像?它是poosible?
如果不是那么可能是什么可能是在画布上加载图像的解决方案?

html5 canvas image data-uri

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

更改git标签的日期(或基于它的GitHub发布)

我通过在Main分支的各个提交中添加标签,将Releases添加到GitHub上的项目中.

在我的一个项目中,我没有按时间顺序将标记添加到提交中.(我发现了明显的提交并标记了它们,然后我发现不那么明显,较旧的提交并标记它们.)

现在GitHub将 v1.0.1 显示为当前版本,其前面是v0.7.0,之前 v1.1.2 .

它似乎使用标记创建时的日期作为发布日期而不是标记的提交.如何编辑我的标签,使其日期与标记的提交相同?

gitk和GitHub之间的版本和日期的映射

tags git github

89
推荐指数
3
解决办法
8163
查看次数

生成所有字母和数字的数组

使用ruby,是否可以使字母表中的每个字母数组和0-9容易?

ruby

86
推荐指数
4
解决办法
6万
查看次数