小编dhi*_*ilt的帖子

window.setTimeout()和setTimeout()之间有什么区别?

我想知道它们之间的区别

window.setTimeout(myFancyFunciton, 1000); 
Run Code Online (Sandbox Code Playgroud)

setTimeout(myFancyFunciton, 1000);
Run Code Online (Sandbox Code Playgroud)

两者似乎完全一样.你什么时候应该使用其中一个?

javascript settimeout

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

Google Chrome扩展程序 - 等待页面加载

在我的Google Chrome扩展程序中,我有一个内容脚本(content.js)和一个背景页面(background.html).我有context.js检查页面上显示的关键字.但是,我想等到页面完全加载,直到我搜索页面,因为关键字可能出现在页面的底部.

通过内容三明治示例(文件)查看页面操作,这基本上就是我正在做的事情.如果您加载扩展程序,您将看到扩展程序仅在页面顶部显示"三明治"一词时才有效.

google-chrome google-chrome-extension

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

如何使用Javascript或lodash对两个对象的属性进行浅层比较?

有没有办法我可以做一个浅层比较,不会下去比较Javascript或lodash中对象内部的对象内容?请注意,我确实检查了lodash,但似乎进行了深入的比较,我不想这样做.

var a = { x: 1, y: 2}
var b = { x: 1, y: 3}
Run Code Online (Sandbox Code Playgroud)

有没有办法比较ab

javascript object-comparison

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

具有动态可变高度/宽度的角度虚拟滚动?

我正在寻找具有以下功能的角度虚拟滚动包:1)水平虚拟滚动2)容器宽度和高度是可变的。3) 项目宽度设置为容器宽度的百分比。4) 项目可以在渲染期间最小化。

Angular cdk 目前使用固定的 itemSize 来确定高度和宽度......下面是一个如何渲染它的示例:

.parent {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 10px;
}
.child {
  width: 33.333%;
  height: 100%;
}
.child.mini {
  width: 40px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="parent">
  <div class="child" *ngFor="let item of items" [class.mini]="item.isMini">
    <button (click)="item.isMini = !item.isMini">Minimize Me!</button>
    {{item.name}}
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

有什么推荐吗?

javascript angular-material angular virtualscroll

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

(Angular 2+)在*ngFor中使用ng-content,无法访问循环变量

如何将/ transllude/project转换为循环内的插槽,并使投影内容能够访问循环变量?

假设我有一个带有以下内容的基本组件

<tr *ngFor="let data of items">
    <td>{{data.title}}</td>
    <ng-content select="[slot]"></ng-content>
</tr>
Run Code Online (Sandbox Code Playgroud)

一个使用翻译槽"slot"的子组件

<parent [items]="items"> 
    <ng-container slot>
        <td>{{data.category}}</td>
        <td>{{data.number}}</td>
    </ng-container>
</parent>
Run Code Online (Sandbox Code Playgroud)

我想生成的HTML是

<tr>
    <td>{{data.title}}</td>
    <td>{{data.category}}</td>
    <td>{{data.number}}</td>
</tr>
Run Code Online (Sandbox Code Playgroud)

但实际发生的是"数据"未在子组件中定义,这是有道理的.有什么方法可以让它像这样工作吗?

javascript ng-template ngfor angular

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

仅限字母和数字的正则表达式验证器

什么是asp.net中的字母和数字的正则表达式验证器?

我只需要输入0-9,az和AZ.我不想允许任何特殊字符单引号或双引号等.我使用的是asp.net 3.5框架.

我试着^[a-zA-Z0-9]+$^[a-zA-Z0-9]*$.他们没有工作.

任何帮助将不胜感激.

regex asp.net validation

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

如何在 Javascript 中比较字符串数组?

我想看看两个字符串数组是否相等。

例如:

compare(["abc", "def"], ["def", "abc"])

应该返回true并且类似地,

compare(["abc", "def"], ["def", "ghi"]) 
Run Code Online (Sandbox Code Playgroud)

应该返回false

做这个的最好方式是什么?

javascript arrays compare string-comparison

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

仅当值不为null时才推送Javascript数组

我想知道是否,以及如果下面的工作如何工作:

我有一个如下定义的数组:

var array = [
  {number: '1', value: 'one', context: 'someContext'}, 
  {number: '2', value: 'two', context: 'anotherContext'},
  ...
]
Run Code Online (Sandbox Code Playgroud)

我目前正在做的是将元素推入数组,array.push({number: '1', value: 'one', context: 'someContext'});依此类推,每个数组元素.

现在这个东西被扩展了:说还有另一个叫做"内容"的键.此键具有适当的值,可以是undefined或字符串.现在的问题是:如果我把推送放在这样的函数中:

push(number, value, context, content) {
    array.push({
       number: number,
       value: value,
       context: context,
       content: content
    })
}
Run Code Online (Sandbox Code Playgroud)

无论如何,我可以确保,如果内容(函数作为参数获取)不为null,则关键内容仅添加到元素中.

当然我可以修改这样的功能:

push(number, value, context, content) {
    if(!content) {
        array.push({
           number: number,
           value: value,
           context: context,
           content: content
       })
    } else {
        array.push({
           number: number,
           value: value,
           context: context
        })
   }
}
Run Code Online (Sandbox Code Playgroud)

但问题是,如果在推送功能中无论如何都要这样做.我也想过类似的东西

array.push({
  number: …
Run Code Online (Sandbox Code Playgroud)

javascript arrays if-statement

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

Angular 2基于角色的导航在同一路径上

我有一个关于Angular 2路由器的小问题,3.0.0-rc.1我希望根据用户角色(例如AdminComponent或UserComponent)导航到不同的主组件.任何人都可以帮助修改以下路线,以便我可以实现所需的功能吗?

{path: 'login', component: LoginComponent},  // <--- This redirects to '/' in case user is logged in
{
  path: '',
  component: HomeComponent,               
  canActivate: [AuthGuardService],  // <--- Check if user is logged in, else redirect to login
  children: [
    {
      path: '',
      component: AdminComponent  // <--- Want to navigate here if user role is 'admin'
    },
    {
      path: '',
      component: UserComponent  // <--- Want to navigate here if user role is 'user'
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

AuthGuardService.ts

import {Injectable} …
Run Code Online (Sandbox Code Playgroud)

javascript authentication angular2-routing angular

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

无法读取未定义的属性“toResolveHierarchy”

i18next通过传递语言代码(en-UK)来调用更改语言函数,如下所示:

var changeLng = function (varLng) {  
  i18next.changeLanguage('en', (err, t) => {
    if (err) return console.log('something went wrong loading', err);
    t('applog'); // -> same as i18next.t
  });
};
Run Code Online (Sandbox Code Playgroud)

我遇到以下问题:

VM4081 i18next.js:1912 Uncaught TypeError: Cannot read property 'toResolveHierarchy' of undefined
    at setLng (VM4081 i18next.js:1912)
    at I18n.changeLanguage (VM4081 i18next.js:1927)
    at changeLng (VM4079 langUK.js:23)
    at HTMLImageElement.<anonymous> (VM4079 langUK.js:8)
Run Code Online (Sandbox Code Playgroud)

i18next我认为尝试执行该操作时出现了问题:

_this4.languages = _this4.services.languageUtils.toResolveHierarchy(l);
Run Code Online (Sandbox Code Playgroud)

但我看不出正确执行此操作需要什么。预先感谢您的支持,杰克

javascript i18next

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