小编nic*_*ass的帖子

Flexbox项之间的间距

这就是我要的:

弯曲间距

我最接近的.在flexbox项目上应用保证金,然后从第一个和最后一个孩子中删除一半.

问题是:first-child并不总是第一个在视觉上,因为我可能会改变布局顺序(例子).

是否有办法在应用保证金时考虑视觉顺序?

css spacing css3 flexbox

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

如何在javascript中获取相对于窗口视口的鼠标位置?

event.pageY获取相对于整个文档高度的鼠标位置(document.documentElement.offsetHeight我假设).

但是如何获得相对于当前视口的鼠标位置document.documentElement.clientHeight呢?

例如,如果浏览器窗口大小为720像素高度,我向下滚动3页并将鼠标放在窗口中间,位置应为"360",而不是1800(720 x 3 - 720/2).

javascript height viewport javascript-events

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

一个总是触发的"过渡事件"事件,只有一次

我需要一个特殊transitionend的事件,在所有转换完成后触发一次,或者如果CSS中没有定义转换则立即触发.

这就是我到目前为止所得到的:

(function($){

  $.event.special.transitionsComplete = {

    setup: function(data, namespaces, eventHandle){    
      var queue = [],
          style = window.getComputedStyle(this, null),
          computedProps = style.getPropertyValue('transition-property').split(', '),
          computedDurations = style.getPropertyValue('transition-duration').split(', '),
          $node = $(this);          

      // only count properties with duration higher than 0s
      for(var i = 0; i < computedDurations.length; i++)
        if(computedDurations[i] !== '0s')
          queue.push(computedProps[i]);           

      // there are transitions
      if(queue.length > 0){
        $node.on('webkitTransitionEnd.x transitionend.x', function(e){          
          queue.splice(queue.indexOf(e.originalEvent.propertyName));          
          if(queue.length < 1)
            $node.trigger('transitionsComplete');
        });

      // no transitions, fire (almost) immediately
      }else{
        setTimeout(function(){
          $node.trigger('transitionsComplete');
        }, 5);

      } …
Run Code Online (Sandbox Code Playgroud)

javascript jquery javascript-events css-transitions

18
推荐指数
1
解决办法
1426
查看次数

page-break-after在flexboxes中不起作用

这不会在Firefox中的打印预览中产生预期结果:

<aside>
  side
</aside>

<div>
  <p> page 1 </p>
  <p> page 2 </p>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

body{
  display: flex;
}

aside{
  flex: none;
  width: 100px;
}

div{
  flex: auto;
}

p{
  break-after: always;
  page-break-after: always;
}
Run Code Online (Sandbox Code Playgroud)

在Chrome和IE中,我得到了2页,就像我应该的那样.当祖先是弹性框时,FF似乎不会破坏2页中的div.为什么?

css printing firefox page-break flexbox

14
推荐指数
2
解决办法
9306
查看次数

如何检测元素是否具有"自动"高度

两者window.getComputedStyle(element).heightelement.clientHeight正在返回该元素的当前高度以像素为单位,而不管在CSS设置的值的.

有没有办法找出高度是否设置为auto或像素以外的其他单位?


@pvnarula通过他链接的页面建议的一个解决方案是暂时更改元素的内容,然后比较高度.有点hacky ......

javascript css height

12
推荐指数
1
解决办法
2376
查看次数

具有偏移量的递归目录迭代器

是否有可能从某一点开始循环?

$iterator = new \RecursiveIteratorIterator(new \RecursiveDirectoryIterator($path, $flags));

$startTime = microtime(true); 
foreach($iterator as $pathName => $file){

  // file processing here

  // after 5 seconds stop and continue in the next request
  $elapsedSecs = (microtime(true) - $startTime);
  if($elapsedSecs > 5)
     break;
}
Run Code Online (Sandbox Code Playgroud)

但是,如何在下一个请求中从断点恢复?

php recursion file-io

7
推荐指数
1
解决办法
249
查看次数

以编程方式将元素拖放到另一个元素上

使用jQuery UI,是否可以使用javascript执行拖放操作?

例子.单击链接后,将其#pony拖放到#box.我试过触发拖动事件,但这似乎不起作用:)

$('#pony').trigger('drag', [$('#box')]);
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-ui droppable draggable

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

::之前的伪元素,负z-index不显示在父元素后面

我发誓我已经这样做了一百次,但是对于我的生活,我无法弄清楚为什么我的:before伪元素的背景显示在文本后面但不在锚点的背景后面.思考?

.button {
    background: tomato;
    padding: 10px 30px;
    margin: 20px 0;
    display: inline-block;
}

.button:hover {
    margin: 18px 0 22px 2px;
    position: relative;
    z-index: 2;
}

.button:hover:after {
    position: absolute;
    background: red;
    top:-2px;
    left: -2px;
    content: "";
    z-index: -10;
    width: 100%;
    height: 100%;
}
Run Code Online (Sandbox Code Playgroud)
<a class="button" href="#">Meow</a>
Run Code Online (Sandbox Code Playgroud)

此处示例:http://jsfiddle.net/cfree/hnKLr/

html css

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

按贝叶斯评级订购数据库结果

我不确定这是否可行,但在做"丑陋"的方式之前我需要确认:)

因此,"结果"是数据库中的帖子,存储方式如下:

  • posts表,包含所有重要的东西,比如ID,标题,内容
  • post元表,包含额外的帖子数据,如rating(this_rating)和投票数(this_num_votes).该数据成对存储,该表有3列:帖子ID /键/值.它基本上是WordPress表结构.

我想要的是取出评分最高的帖子,根据这个公式排序:

br =((avg_num_votes*avg_rating)+(this_num_votes*this_rating))/(avg_num_votes + this_num_votes)

我偷了这里的形式.

avg_num_votes并且avg_rating是已知变量(它们在每次投票时得到更新),因此不需要计算它们.

这可以用mysql查询完成吗?或者我是否需要获取所有帖子并使用PHP进行排序?

php mysql database sorting sql-order-by

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

通过 websockets 使用 blob 发送额外数据

Websockets支持发送 blob,但我们如何用它们发送额外的文本数据?

我的用例是文件上传器。我将每个文件切成多个部分,并一次将最多 3 个部分发送到服务器。在服务器上,我需要一种方法来识别这些切片的顺序,以便我可以重建文件。这就是为什么我需要将切片的索引与 blob 以及文件名一起发送(可以上传多个文件)

javascript websocket fileapi

5
推荐指数
0
解决办法
534
查看次数