小编neo*_*Dev的帖子

javascript中的同步和异步循环

JavaScript中的循环是同步还是异步?(for,while等)

假设我有:

for(let i=0; i<10; i++){
    // A (nested stuff...)
}

// B ...
Run Code Online (Sandbox Code Playgroud)

使用for执行B会在A有时开始...(所以异步)

有没有办法以同步方式使用语句?

javascript

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

jQuery animate()和CSS calc()

我尝试calc()使用jQuery animate 设置CSS ,例如:

$element.animate({
    height: 'calc(100% - 30px)'
}, 500);
Run Code Online (Sandbox Code Playgroud)

而且我注意到它calc()不适用于jQuery动画......

我希望有一种方法可以做到这一点,我不希望以类似的方式去做,替代或解决方法,我想设置calc()

这不可能吗?以任何方式?

如果有可能,请告诉我们如何?

css jquery-animate css-calc

16
推荐指数
2
解决办法
8181
查看次数

twig for loop将每2个元素放入一个新容器中

我有这个循环:

{% for div in myHandleHere %}

    <div> {{ block.text }} </div>

{% endfor %}
Run Code Online (Sandbox Code Playgroud)

这实际上输出如下:

<div> one </div>
<div> two </div>
<div> three </div>
<div> ... </div>
Run Code Online (Sandbox Code Playgroud)

我想要的是,每2个div,将它们放入一个新的容器中,如:

<div class="container">
    <div> one </div>
    <div> two </div>
</div>
<div class="container">
    <div> three </div>
    <div> ... </div>
</div>
Run Code Online (Sandbox Code Playgroud)

请帮忙

html for-loop twig

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

Codemirror搜索使用javascript模拟CTRL + F键

我试图 通过按一个按钮来打开Codemirror搜索对话框(通常通过按CTRL+ 来激活F

我尝试使用

window.find()
Run Code Online (Sandbox Code Playgroud)

但它不会打开对话框,只会在编辑器中突出显示文本...

演示

javascript key-events codemirror

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

禁止在javascript中打开窗口

如何禁用window.open()html,javascript,jQuery ......?
我的意思是阻止任何窗口打开尝试,使所有现有的window.open()函数"无法工作".
哪种方法最好?(也适用于iframe)

javascript iframe window.open

5
推荐指数
2
解决办法
2986
查看次数

高效点击并在jquery中双击

这段代码的目的是创建一个高性能clickdouble click动作,
但它实际上非常糟糕......它的性能不是很高,所以我想知道更好的方法来做到这一点

通过这种方式,我完全失去了单击的敏感性,现在它只是延迟了,

并且双击不是很精彩..

var DELAY = 150, clicks = 0, timer = null;
$(function(){
    $('button').on("click", function(e){
        clicks++;
        if(clicks === 1) {
            timer = setTimeout(function() {
                $('button').html("Single Click");
                clicks = 0;
            }, DELAY);
        } else {
            clearTimeout(timer);
            $('button').html("Double Click");
            clicks = 0;
        }
    })
    .on("dblclick", function(e){
        e.preventDefault();
    });
});
Run Code Online (Sandbox Code Playgroud)
button {
    padding: 10px;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>click Me</button>
Run Code Online (Sandbox Code Playgroud)

jquery double-click

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

n个浮动元素上的css nth-child选择器

如何nth-child(...)在浮动元素上使用css选择器来实现此结果?

在此输入图像描述

<ol>
    <li style="background: red;">Text</li>
    <li>Text</li>
    <li>Text</li>
    <li style="background: red;">Text</li>
    <li style="background: red;">Text</li>
    <li>Text</li>
    <li>Text</li>
    <li style="background: red;">Text</li>
    <li style="background: red;">Text</li>
    <li>Text</li>
    <li>Text</li>
    <li style="background: red;">Text</li>
    <li style="background: red;">Text</li>
    <li>Text</li>
    <li>Text</li>
    <li style="background: red;">Text</li>
    <li style="background: red;">Text</li>
    <li>Text</li>
    <li>Text</li>
    <li style="background: red;">Text</li>
</ol>
Run Code Online (Sandbox Code Playgroud)

DEMO

css css-selectors

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

&lt;main&gt; 元素可以嵌套在 div 中还是必须是 body 的直接后代?

我正在阅读文档,但我仍然不明白该<main>元素是否可以嵌套在其他元素中,例如

<div>
    <div>
        <main>...</main>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

或者它必须是身体的直接后代,例如

<body>
    <main>...</main>
</body>
Run Code Online (Sandbox Code Playgroud)

我见过的所有例子都将 main 显示为 body 的直接后代......

所以我有点困惑:将 main 放在 body 之外的其他元素中是否正确?(当然只用一次)

html semantic-markup

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

iphone粘性菜单jquery onscroll ios 9

在更新到iOS 9.0.1(13A404)之前,这段代码在我的iphone上工作正常,
但是现在相同的代码似乎只在手指发布后工作,
或者在jQuery onscroll结束后,当我快速滑动离开页面滚动时. ..

$(document).on('scroll', function(){
    if( $(this).scrollTop() > 0){
        $('.menu').addClass('sticky');
    }else{
        $('.menu').removeClass('sticky');
    }
});
Run Code Online (Sandbox Code Playgroud)

粘性菜单消失,直到我从屏幕上释放手指,在我在所有网站上刷过之前实时丢失"粘贴"效果,现在已经破坏...

如何解决这个问题让他们像以前一样工作?(实时平滑粘性)

css webkit fixed css-position ios9

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

禁用Chrome视频元素中的自动隐藏控件

我需要让控件始终在chrome视频元素中可见

<video src="video.mp4" controls></video>
Run Code Online (Sandbox Code Playgroud)

实际上它们在几毫秒后自动隐藏

如何禁用该行为使它们始终可见?

google-chrome html5-video

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

声明(或)多个条件时较少

如何在具有多个条件的语句中创建LESS?

这是我目前所拥有的,只有一个条件,但我想检查是否myVariable是" value1" " value2"

& when (@myVariable = 'value1') {
    background: red;
}
Run Code Online (Sandbox Code Playgroud)

less

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

javascript获取元素唯一选择器

我正在使用JavaScript移动元素,我需要为拖放期间发生的组合创建逻辑

我正在尝试从元素中获取详细信息,像选择器这样的CSS也可以,但是如果可能的话,则不建议使用..(例如chrome开发工具中的复制选择器)

document.onmouseup = function(e){
    targetDest = e.target;
    //console.log('targetDest: ', targetDest);

    let 
    indexA = Array.from(targetCurr.parentNode.children).indexOf(targetCurr),
    indexB = Array.from(targetDest.parentNode.children).indexOf(targetDest);

    console.log(indexA, indexB);


    if(targetDest != targetCurr){
        if(targetDest == document.documentElement){
            console.log('document');
        }
        else if(targetDest == undefined){
            console.log('undefined');
        }
        else if(!targetDest){
            console.log('!dest');
        }
        else if(targetDest == null){
            console.log('null');
        }
        else if(targetDest == false){
            console.log('false');
        }
        else{
            console.log('else');
            //targetCurr.parentNode.insertBefore(targetDest, targetCurr);

            //console.log('...');
        }
    }else{
        console.log('itself');
    }


}
Run Code Online (Sandbox Code Playgroud)

javascript

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