小编Sle*_*ead的帖子

如何避免在循环中将元素附加到 DOM

我的功能如下。考虑到高性能,如何避免在 html 的循环结构中添加文本?请指教。非常感谢。

function  createDiv (array) {
    var i;
    var target = document.getElementById("container");
    for(i = 0; i < array.length; i++) {       
        target.appendChild("<div>" + array[i] + "</div>");
    }
}
Run Code Online (Sandbox Code Playgroud)

html javascript performance dom

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

我可以将 LESS mixins 与 `when` 语句加上伪元素一起使用吗

我可以将 LESS mixin 与when语句加伪元素一起使用吗?我想创建一个 Mixins。合乎逻辑的是,如果原色是白色,那么我需要给出.userBadge:after辅助色。

这是我的 LESS mixins,但似乎不起作用。

    .property-style(@primary-bgcolor, @primary-color, @secondary-bgcolor, @secondary-color) {
        .wrapper {
            background-color: @primary-bgcolor;
        }
        .userBadge:after(@primary-color, @secondary-color) when (@primary-color = "#fff")   {
                background: @secondary-color;
        }  
    }
Run Code Online (Sandbox Code Playgroud)

你能帮忙吗?非常感谢。

if-statement less

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

有没有办法计算Angular html页面中的所有循环布尔值

有没有办法计算Angular html页面中的所有循环布尔值

this.items = [{
    id:1,
    isUpdate: false
  },
  {
    id:2,
    isUpdate: true
  },
  {
    id:3,
    isUpdate: true
  }
Run Code Online (Sandbox Code Playgroud)

只要其中一个isUpdate值为true,无论isUpdate值为多少,通知组件都会显示并只显示一次.

我想知道是否有办法计算app.component.html页面中的布尔值,以查看isUpdate值中是否至少有一个为true并显示通知组件.而且我不想多次显示通知组件,只显示一次.

到目前为止,我的代码如下所示,它会多次显示通知:

app.component.html
<div *ngFor = "let notification of items">
  <notification *ngIf="notification.isUpdate"></notification>
</div>
Run Code Online (Sandbox Code Playgroud)

Notification.component.html
<alert type="warning">
  <span class="icon-notification"></span>  Ready to update.
</alert>
Run Code Online (Sandbox Code Playgroud)

先感谢您.

angular

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

以下javascript代码的输出是什么?为什么?

我是JavaScript的新手.您能否解释下面的JavaScript代码的输出应该是什么?请尽可能详细解释原因.非常感谢.

var Foo = function( a ) { 
    function bar() {   
        return a; 
    }
    this.baz = function() {   
        return a; 
    };
};

Foo.prototype = {
    biz: function() {    
        return a; 
    }        
};

var f = new Foo( 7 );
f.bar(); 
f.baz(); 
f.biz(); 
Run Code Online (Sandbox Code Playgroud)

javascript function

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

标签 统计

javascript ×2

angular ×1

dom ×1

function ×1

html ×1

if-statement ×1

less ×1

performance ×1