小编Ric*_*haw的帖子

显示2位小数的数字

将PHP字符串舍入到2位小数的正确方法是什么?

$number = "520"; // It's a string from a database

$formatted_number = round_to_2dp($number);

echo $formatted_number;
Run Code Online (Sandbox Code Playgroud)

输出应该是520.00;

round_to_2dp()功能定义应该如何?

php formatting numbers rounding number-formatting

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

使用可选参数制作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万
查看次数

如何使用触控启用的浏览器模拟悬停?

使用这样的HTML:

<p>Some Text</p>
Run Code Online (Sandbox Code Playgroud)

然后一些CSS像这样:

p {
  color:black;
}

p:hover {
  color:red;
}
Run Code Online (Sandbox Code Playgroud)

如何允许长时间触摸启用触摸的设备复制悬停?我可以改变标记/使用JS等,但想不到一个简单的方法来做到这一点.

html javascript css hover touch

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

使用Jquery查找父div的id

我有一些像这样的HTML:

<div id="1">
    <p>
        Volume = <input type="text" />
        <button rel="3.93e-6" class="1" type="button">Check answer</button>
    </p>
    <div></div>
</div>
Run Code Online (Sandbox Code Playgroud)

和一些JS这样:

$("button").click(function () {
    var buttonNo = $(this).attr('class');
    var correct = Number($(this).attr('rel'));

    validate (Number($("#"+buttonNo+" input").val()),correct);
    $("#"+buttonNo+" div").html(feedback);
});
Run Code Online (Sandbox Code Playgroud)

我真正喜欢的是如果我没有按钮上的class ="1"(我知道数字类无效,但这是一个WIP!),所以我可以确定buttonNo基于父div的id.在现实生活中,有多个部分看起来像这样.

  1. 如何找到按钮的div的id.

  2. 在按钮代码中存储答案的更加语义的方法是什么.我希望尽可能让非程序员在不破坏东西的情况下进行复制和粘贴!

jquery dom semantics

99
推荐指数
7
解决办法
28万
查看次数

回调CSS过渡

CSS转换完成后是否可以获得通知(如回调)?

javascript css css3 css-transitions

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

unix时间戳是存储时间戳的最佳方式吗?

我总是使用unix时间戳来处理所有事情,但我想知道是否有更好的方法.

你用什么来存储时间戳?为什么?

timestamp

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

在bash中转义字符(对于JSON)

我正在使用git,然后将提交消息和其他位作为JSON有效负载发布到服务器.

目前我有:

MSG=`git log -n 1 --format=oneline | grep -o ' .\+'`
Run Code Online (Sandbox Code Playgroud)

它将MSG设置为:

Calendar can't go back past today
Run Code Online (Sandbox Code Playgroud)

然后

curl -i -X POST \
  -H 'Accept: application/text' \
  -H 'Content-type: application/json' \
  -d "{'payload': {'message': '$MSG'}}" \
  'https://example.com'
Run Code Online (Sandbox Code Playgroud)

我真正的JSON有另外两个领域.

这样可以正常工作,但是当我有一个提交消息(例如上面带有撇号的提交消息)时,JSON无效.

如何逃脱bash所需的角色?我不熟悉这种语言,所以不知道从哪里开始.更换'\'会做的最小,我怀疑这份工作.

bash json escaping

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

CSS3跨弧转换

是否可以使用当前的CSS3沿弧或曲线平移对象(特别是DIV)?这是一张有助于说明的图片. 在此输入图像描述

css translate css3 css-transitions css-transforms

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

使用CSS3变换scale()缩放/缩放DOM元素及其占用的空间

在我的页面中间,我有一个div元素,其中包含一些内容(其他div,图像,等等).

<div>
    before
</div>
<div id="content-to-scale">
    <div>something inside</div>
    <div>another something</div>
</div>
<div>
    after
</div>
Run Code Online (Sandbox Code Playgroud)

我想扩展该元素(内容到规模)和所有它的孩子.看起来像是CSS3变换规模操作的工作.但问题是,这只是对元素层次结构可视化的转换,它不会改变页面上元素的空间(或位置).换句话说,缩放该元素将使其与"之前"和"之后"文本重叠.

是否有简单/可靠的方法来扩展视觉表示,还有占用的空间量?

没有Javascript的纯CSS的额外分数.对于使用其他转换函数(如旋转和倾斜)做正确解决方案的解决方案,还有更多要点.这不必使用CSS3转换,但需要在所有最近支持HTML5的浏览器中支持它.

css html5 scale css3 css-transforms

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

你如何设置HTML5表单验证消息的样式?

假设您有一些像这样的HTML:

<form>
    <input placeholder="Some text!" required>
    <input type="email" placeholder="An Email!" required>
    <input type="submit" value="A Button!">
</form>
Run Code Online (Sandbox Code Playgroud)

由于required属性,如果将空白留空,较新的Webkits和Firefox会在该字段旁边显示验证消息.

他们回应了以下规则的风格:

div {
    font: Helvetica;
}
Run Code Online (Sandbox Code Playgroud)

但我找不到更具体的选择器.有谁知道使用或将要使用的选择器,甚至是与此相关的webkit/gecko的错误报告?

(JSFiddle显示它们可以用div选择器设置样式:http://jsfiddle.net/p7kK5/)

forms html5

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