小编Mat*_*ood的帖子

如何按顺序将数组中的1个类应用于每个li?

HTML

<ul class="logoUl">
    <li class="orange"></li>
    <li class="blue"></li>
    <li class="green"></li>
    <li class="pink"></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

脚本

if (selectedCategory == 'currentAll') {

    var strString = "orange,blue,green,pink";
    var strArray = strString.split(',');

    $.each(strArray, function (index, value) {
        $("ul.logoUl > li").addClass(value)
    });
}
Run Code Online (Sandbox Code Playgroud)

在ul.logoUL中有4个li,这使得图像成为可能在此输入图像描述 有时徽标会获得背景颜色,将颜色重置为灰色 像这样

目前我的代码确实没有重置颜色在此输入图像描述

题:

如何li在一次添加一个类的同时迭代一个类,希望通过类获得原始颜色方案?

html css jquery

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

如何在飞镖编程中监听键盘事件

我是谷歌飞镖的新手,现在一直在努力学习它.我一般都是编程的新手,我正在尝试阅读文档; 但是,我觉得有点不知所措.

我想知道在这里为空格键创建交互的最合适的方法.当一个人推空格键时,它会在函数void startwatch(),void resetwatch()之间切换

我相信这是keyboardEventController的正确文档页面和文档

void main() {

}

void startwatch() {
  mywatch.start();
  var oneSecond = new Duration(milliseconds:1);
  var timer = new Timer.repeating(oneSecond, updateTime);
}

void resetwatch() {
  mywatch.reset();
  counter = '00:00:00';
}
Run Code Online (Sandbox Code Playgroud)

我需要立即回复所需的任何进一步信息.非常感谢你的帮助.

dart dart-webui

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

如何使用angularJS和jqlite测试event.target.hasClass()?

单击后将事件传递给ctrl.我想编写一个条件,如果element.target有类,它将返回truemodal-click-shield

题:

如何使用.hasClass()event.target利用angulars' jqlite

问题:

目前我收到类型错误说:

$scope.exitModal = function(event){
        // Return to current page when exiting the modal, via UI.
        // After state return, should set focus on the matching link.
        var target = event.target;
        console.log(target.hasClass('modal-click-shield'));
});
Run Code Online (Sandbox Code Playgroud)

错误:

 TypeError: undefined is not a function
Run Code Online (Sandbox Code Playgroud)

HTML:

  <div class="modal-click-shield" ng-click="exitModal($event)">
     <div ui-view="pdw"  class="product-container"></div>
  </div>
Run Code Online (Sandbox Code Playgroud)

javascript javascript-events angularjs angularjs-ng-click jqlite

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

理解类:从延伸3点构成三角形?

问题: 如何使用Triangle Class扩展Point(超(?))并组成一个如下所示的对象:

//  "name":"Thomas The Triangle",
//  "points": [
//     {age: "2015-05-28T06:23:26.160Z", x: 1, y: 1 }, 
//     {age: "2015-05-28T06:23:26.161Z", x: 0, y: 3 },
//     {age: "2015-05-28T06:23:26.164Z", x: 2, y: 3 }
//  ]
Run Code Online (Sandbox Code Playgroud)

JS:

class Point {
  constructor(x, y){
    this.name = "Point"
    this.age = new Date();
    this.x = x;
    this.y = y;
  }
}



class Triangle extends Point{
  constructor(coords, name) {

    super(coords[0][0], coords[0][1]); //this line is best I could do but not correct
    this.name = name
  } …
Run Code Online (Sandbox Code Playgroud)

javascript inheritance class composition

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

为什么Web协议设计为://后缀?

如果://在Web协议中有什么意义?例如ftp://http://

设计模式中有原因吗?为什么不是它只是http:一个http.或类似的东西http~

任何对此文档的引用都将不胜感激.

protocols http

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

在ES6中,“块级函数声明”是什么新规范?

我正在尝试es6兼容性表,以在此处学习。

绑定部分,它说“块级函数声明?”。除了有关单词组合的官方规范外,我找不到任何博客或文档。

问题: “块级函数声明”指的是什么?

javascript ecmascript-6

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

如何使用EventManager监听Angular中的window.resize事件?

我从这个 stackoverflow 借用了一些代码:Angular window resize event 答案的作者说,如果我想监听来自服务的窗口事件而不破坏 Angular Universal,我应该使用EventManager 。话虽这么说,这个答案仍然正确吗?如果是这样,有人可以告诉我为什么当我订阅onResize$Observable 时,在调整窗口大小时没有记录任何内容吗?

import { EventManager } from '@angular/platform-browser';
import { Observable } from 'rxjs/Observable';
import { Subject } from 'rxjs/Subject';
import { Injectable } from '@angular/core';

@Injectable()
export class ResizeService {

  get onResize$(): Observable<Window> {
    return this.resizeSubject.asObservable().filter(_ => !_);
  }

  private resizeSubject: Subject<Window>;

  constructor(private eventManager: EventManager) {
    this.resizeSubject = new Subject();
    this.eventManager.addGlobalEventListener('window', 'resize', this.onResize.bind(this));
  }

  private onResize(event: UIEvent) {
    this.resizeSubject.next(<Window>event.target);
  }
}
Run Code Online (Sandbox Code Playgroud)

我的组件.ts

export class MenuContainer …
Run Code Online (Sandbox Code Playgroud)

javascript dom-events observable rxjs angular

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

angular是否有任何方法来计划dom的度量和变异?

我创建了一个Angular问题:https : //github.com/angular/angular/issues/20471

也在gist中启动了一项提案:https : //gist.github.com/matthewharwood/23ea18c8509b8056813d3c3e7df0d1b2

嘿,我在 Angular / cdk指令之外搞砸了,该指令在ngZones 和之外工作@angular/animations。我想知道您是否可以告诉我是否考虑了特定的布局颠簸优化?我提高性能的秘密武器一直是使用fastdom库来实现视差滚动等效果。我尚未测试性能,因为我感觉到角度已经有类似太快的方法,我只是不知道。

问题: Angular是否有任何方法来计划DOM的度量和变异?如果是这样,怎么办?如果不是,将快节奏实现到cdk和动画之类的库中是否明智?如果再次如此,您能给我一些例子来帮助我更好地与角度小组沟通吗?

无论如何,描述问题有点难以解释。但是,让我们看一下频率,然后我将调整角度。

Fastdom的工作方式如下:

fastdom.measure(() => {
  console.log('measure');
});

fastdom.mutate(() => {
  console.log('mutate');
});

fastdom.measure(() => {
  console.log('measure');
});

fastdom.mutate(() => {
  console.log('mutate');
});
Run Code Online (Sandbox Code Playgroud)

将输出:

measure
measure
mutate
mutate
Run Code Online (Sandbox Code Playgroud)

查看cdk时:https : //sourcegraph.com/github.com/angular/material2@master/-/blob/src/cdk/scrolling/scrollable.ts

除非是ngZones,否则似乎没有措施包装。

  ngOnInit() {
    this._scrollListener = this._ngZone.runOutsideAngular(() => {
      return this._renderer.listen(this.getElementRef().nativeElement, 'scroll', (event: Event) => {
        this._elementScrolled.next(event);
      });
    });

    this._scroll.register(this);
  }
Run Code Online (Sandbox Code Playgroud)

测试用例:假设您在页面上有一个元素,该元素可以根据当前滚动位置进行翻译。

您可以通过以下方式实现此功能:(伪代码)

// index.html
<body …
Run Code Online (Sandbox Code Playgroud)

javascript performance dom angular angular-animations

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

如何在angular组件中提供/模拟Angularfirestore模块以通过默认测试?

如何在我的app.component中提供AngularFirestore模块,以便我的默认toBeTruthy()测试通过?

Error: StaticInjectorError(DynamicTestModule)[AppComponent -> AngularFirestore]: 
      StaticInjectorError(Platform: core)[AppComponent -> AngularFirestore]: 
        NullInjectorError: No provider for AngularFirestore!
Run Code Online (Sandbox Code Playgroud)

应用组件

export class AppComponent implements OnInit {
  private notesCollection: AngularFirestoreCollection<any>;
  public notes: Observable<any[]>;

  constructor(private afs: AngularFirestore) {}

  ngOnInit() {
    this.notesCollection = this.afs.collection('notes');
    this.notes = this.notesCollection.valueChanges();
  }
}
Run Code Online (Sandbox Code Playgroud)

这只是默认测试:

class FirebaseMock implements AngularFirestore {
  app: FirebaseApp;
  firestore: FirebaseFirestore;
  persistenceEnabled$: Observable<boolean>;

  collection<T>(path: string, queryFn?: QueryFn): AngularFirestoreCollection<T> {
    return undefined;
  }

  doc<T>(path: string): AngularFirestoreDocument<T> {
    return undefined;
  }

  createId(): string {
    return undefined;
  }
}

describe('AppComponent', () …
Run Code Online (Sandbox Code Playgroud)

testing angularfire2 angular

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

CloudCDN 是否支持 Brotli 编码的服务?

我的公司正在考虑从 AWS 迁移到 GCP。我们希望从 CloudCDN 支持的功能之一是 brotli 编码。我们有一个技术栈,可以将我们的 javascript 打包成 3 个文件:

chunk.js
chunk.js.gz
chunk.js.br
Run Code Online (Sandbox Code Playgroud)

如果 CloudCDN 收到客户端请求标头Accept-Encoding: br, gzip ,CloudCDN 是否足够智能以提供 Brotli 文件?而且,它会被缓存吗?如果没有,是否还有其他方法可以在 CloudCDN 中实现这一点。

AWS Cloudfront 仅在使用 2 个 lamdbas 时提供此功能。我认为这是一个坏主意。

compression encoding brotli google-cloud-cdn

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