小编owz*_*zim的帖子

将单位添加到Sass中的数字

我正在尝试创建动态值,但到目前为止失败了.创建的像素值似乎失去了在计算中使用的能力.

$numericValue: 30;

$pixelValue: $numericValue+px;
// also tried $pixelValue: #{$numericValue}px;

$calc: $pixelValue * 2;
// also tried $calc: unquote($pixelValue) * 2;
Run Code Online (Sandbox Code Playgroud)

这会引发错误

语法错误:未定义的操作:"30px乘以2"

sass

17
推荐指数
1
解决办法
4510
查看次数

SFTP支持OSX上的curl

我试图在OSX中获得SFTP对curl的支持.我安装了curl via

$ brew install curl --with-ssh
Run Code Online (Sandbox Code Playgroud)

我还将自制程序版本通过符号链接到/ usr/bin

$ sudo ln -s /usr/local/bin/curl /usr/bin/curl
Run Code Online (Sandbox Code Playgroud)

但我还是得到了

curl: (1) Protocol sftp not supported or disabled in libcurl
Run Code Online (Sandbox Code Playgroud)

使用时

$ curl sftp://some.host.com/path/to/file
Run Code Online (Sandbox Code Playgroud)

我的努力与令人敬畏的git-ftp问题相关联https://github.com/resmo/git-ftp/issues/146

我究竟做错了什么?

macos ssh homebrew sftp curl

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

如果多次应用,带alpha的rgba fillStyle不会完全不透明

我发现了一个奇怪的问题.以下代码导致图像逐渐消失,因为它一次又一次地被半透明的矩形透支.

但至少在draw();图像的第10次迭代应该完全透支,因为那时rect应该是完全不透明的,对吧?但它实际上永远不会完全消失.

这种效果在Chrome上比在Firefox上更糟糕.但要注意:糟糕的屏幕可能隐藏这种错误的行为=)

我还在jsFiddle上做了一个演示.

$(function () {
var canvas = $("#mycanvas"),
    ctx = canvas[0].getContext("2d"),
    imgUrl = "http://it-runde.de/dateien/2009/august/14/25.png";


var image = new Image();  
image.src = imgUrl ;  
$(image).load(function() {
    ctx.drawImage(image, 0, 0, canvas.width(), canvas.height());
    draw();
});

function draw() {        
    ctx.fillStyle = "rgba(255, 255, 255, 0.1)";
    ctx.fillRect(0,0,canvas.width(),canvas.height());
    setTimeout(draw, 100);

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

人们可能希望实现的效果是,一个物体在整个画布上移动,并且已经绘制的位置仅稍微透支,因此后褪色效果的余辉.但这个结果真是太可怕了.

那有什么解决方案吗?

javascript html5-canvas

7
推荐指数
2
解决办法
9753
查看次数

防止某些文件被拉入 git

我想通过远程计算机上的 git pull 忽略一些文件。我仍然希望它是一个工作副本,仅用于更新更改。在我的本地计算机上,我不希望忽略这些文件。

我尝试在远程计算机上的 .gitignore 中添加文件,但我想这仅用于提交。

如何做到这一点?

git

6
推荐指数
1
解决办法
2172
查看次数

Tailwind CSS 中的自定义组“状态”

开箱即用的组基本上只有两种状态:hoverfocus

简化示例:

<div class="group">
  <p class="group-hover:text-gray-900">foo</p>
  <p class="group-hover:text-gray-500">bar</p>
</div>
Run Code Online (Sandbox Code Playgroud)
<a class="group">
  <span class="group-focus:text-gray-900">foo</span>
  <span class="group-focus:text-gray-500">bar</span>
</a>
Run Code Online (Sandbox Code Playgroud)

Ho 添加自定义状态,因此这是可能的:

<a class="group">
  <span class="group-foo-state:text-gray-900">foo</span>
  <span class="group-foo-state:text-gray-500">bar</span>
</a>
Run Code Online (Sandbox Code Playgroud)

并且自定义状态foo-state处于活动状态

<a class="group foo-state">
  <span class="group-foo-state:text-gray-900">foo</span>
  <span class="group-foo-state:text-gray-500">bar</span>
</a>
Run Code Online (Sandbox Code Playgroud)

本质上是模仿CSS级联。

css tailwind-css

4
推荐指数
1
解决办法
4538
查看次数

非常简单的jQuery UI工具提示不起作用

我复制了这个网站的例子:http: //jqueryui.com/tooltip/#default

HTML:

<h3 title='this is the title of hello world'>hello world</h3>
Run Code Online (Sandbox Code Playgroud)

JS:

$(document).ready(function() {
  $(document).tooltip();
});
Run Code Online (Sandbox Code Playgroud)

但它仍然只显示常规工具提示.

JSFiddle添加了CSS资源:http: //jsfiddle.net/HjPtJ/

javascript jquery jquery-ui tooltip

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

标签 统计

javascript ×2

css ×1

curl ×1

git ×1

homebrew ×1

html5-canvas ×1

jquery ×1

jquery-ui ×1

macos ×1

sass ×1

sftp ×1

ssh ×1

tailwind-css ×1

tooltip ×1