小编vsy*_*ync的帖子

在addEventListener元素上注册事件时,然后在不删除事件的情况下删除该元素,并且反复这样做会使内存"泄露"吗？

如何使用jQuery在焦点/模糊上切换元素的CSS？

$('.answerSpace').bind('blur', function(){
$('.normProf').toggleClass('opacProf');
});

$('.answerSpace').bind('focus', function(){
    $('.opacProf').toggleClass('normProf');
});

所以现在我有了这个.但它不太有用......

给定一个数组:

var arr = [1,,2,5,6,,4,5,6,,];

计算有多少空值:(长度 - 删除空值后的长度)

var empties = arr.length - arr.filter(function(x){ return true }).length;

// return 3

或类似的东西

arr.empties = arr.length;
arr.forEach(function(x){ arr.empties--  });

// arr.empties returns 3

这是最好的方式还是我错过了什么？

我浪费了太多时间在这上面......递归部分非常虚幻.
对于给定的HTML结构,深度未知,我需要转换为JSON.
(我使用的是我正在构建的一些YAML i18n翻译系统)

我的一般想法是深入到它找到INPUT,然后创建一个具有键/值的span.innerHTML/input.value对象,并返回该对象,因此它将是最后<span class="title">到达的KEY的VALUE .

(是的,它有点复杂,但开发非常有趣)

JSBIN游乐场 - 实时代码示例

我不能让我的递归函数正常工作,输出我想要的JSON ...

HTML结构

<ul>
    <li>
        <span class="title">footer</span>
        <ul>
            <li>
                <span>statement</span>
                <input type="text" value="xxx">
            </li>
        </ul>
    </li>
    <li>
        <span class="title">landing</span>
        <ul>
            <li>
                <span>page_title</span>
                <input type="text" value="yyy">
            </li>
            <li>
                <span>page_sub_title</span>
                <input type="text" value="xxx">
            </li>
            <li>
                <span class="title">pricing</span>
            <ul class="level11">
                <li>
                    <span>title</span>
                    <input type="text" value="aaa">
                </li>
                <li>
                    <span>cost</span>
                    <input type="text" value="xxx">
                </li>
            </ul>
            </li>
        </ul>
    </li>
</ul>

(通缉)JSON输出

{
    footer : {
        statement : 'xxx'
    }, …

我需要知道是否有一种方法可以确定div是否在屏幕的中心.

HTML:

<div id="container">
 <div class="box" id="box0">
  text
 </div>
 <div class="box" id="box1">
  text
 </div>

 .....

 <div class="box" id="box100">
  text
 </div>
</div>

考虑到页面是可滚动的,有没有办法确定div何时位于可见屏幕的中心？所以基本上,当用户向下滚动页面时,应该选择位于可见屏幕中间的div.

谢谢

我有一个包含链接和图像的缩略图列表,因此当用户悬停一个li元素时,它的高度变为100%,但由于某些奇怪的原因,它在Chrome中出错的问题.我不明白为什么在Chrome中悬停的li宽度不会调整为"新"尺寸.

(注意:这是我的问题的简化版本)

此外,此问题仅发生在:hover.但不,让我们说吧:nth-child

游乐场链接

更新:问题继续......

更新2:

强制重绘每个mousehweel事件... thumbs.hide().show(0);

所以我有一个对象数组;

[
    {
        "foo": 2,
        "bar": "test"
    },
    {
        "foo": 19,
        "bar": "value"
    },
    {
        "foo": 7,
        "bar": "temp"
    }
]

我需要将具有特定值的对象移动foo到数组的开头.值始终在对象中,但不保证对象将在数组中.

所以在运行之后moveToFront(19);,我有以下内容:

[
    {
        "foo": 19,
        "bar": "value"
    },
    {
        "foo": 2,
        "bar": "test"
    },
    {
        "foo": 7,
        "bar": "temp"
    }
]

我该怎么做呢？

如何在不同文件中重用带有样式组件的样式集合？

使用 SASS，我可以像这样定义和使用 mixin：

@mixin section( $radius:4px ) {
  border-radius: $radius;
  background: white;
}

.box { @include section(); }

使用样式化组件，您可以扩展样式，但这意味着我需要将该组件导入到每个页面中。与 ThemeProvider 随处可用的变量相比，这相当麻烦。

https://www.styled-components.com/docs/basics#extending-styles

我们有很多项目，我们希望在它们之间共享我们的组件，但问题是每个项目都有其特殊的配置文件，该文件指示服务器 URL 或自定义错误处理程序模块等。

我的问题是，如何在 npm 或任何其他方式中发布包，以便我们可以在不同项目的组件中导入不同的配置文件。

有关更多信息，我们尝试了bit平台，但它也会引发错误，在代码行上我们导入配置文件

import config from './modules/general-config'

我正在使用浏览器的本机提取API来处理网络请求.此外,我正在使用whatwg-fetch polyfill用于不支持的浏览器.

但是,如果请求失败,我需要重试.现在我找到了这个npm包whatwg-fetch-retry,但他们没有解释如何在他们的文档中使用它.有人可以帮我这个或建议我另类吗？