小编INF*_*SYS的帖子

如何使用javascript防止屏幕休眠

我有一个用例,我们不希望参加测试的用户在 3 小时的测试中睡眠超时。我在看 nosleep.js 但我有 cpu 过度使用问题,因为它在 Windows 中不起作用。

我想知道应试应用程序是如何做到的,还有 youtube 是如何做到这一点的。

对此的任何帮助都非常感谢

javascript

13
推荐指数
2
解决办法
6609
查看次数

具有角度的MdBootstrap

如何使用Angular进行自举材料设计.

这是我到目前为止所尝试的.我正在使用cli来构建我的角度项目.

angular-cli.json文件

我已经使用npm安装了MDB并将它们添加到我的angular cli json文件中.

"styles": [
        "styles.css",
        "../node_modules/mdbootstrap/css/bootstrap.css",
        "../node_modules/mdbootstrap/css/mdb.css"
      ],
      "scripts": [
        "../node_modules/mdbootstrap/js/jquery-3.1.1.js",
        "../node_modules/mdbootstrap/js/tether.js",
        "../node_modules/mdbootstrap/js/bootstrap.js",
        "../node_modules/mdbootstrap/js/mdb.js"
      ],
Run Code Online (Sandbox Code Playgroud)

现在我将代码添加到组件中.

<button type="button" class="btn btn-warning">Warning</button>
Run Code Online (Sandbox Code Playgroud)

代码不会引发错误,但点击波和单击不起作用.请帮忙

material-design bootstrap-4 angular

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

浏览器刷新后Ngrx Store重置,如何使应用程序保持状态?

我从一个组件发出一个动作

this.store.dispatch({type : STORE_TEAMCREST , payload : team.crestURI});
Run Code Online (Sandbox Code Playgroud)

在另一个组件中,我从商店中选择使用

this.store.select(state => state.table.teamCrest).subscribe(data => this.teamCrest = data);
Run Code Online (Sandbox Code Playgroud)

如果我的应用程序按顺序向后或向前进行,这样可以正常工作,但是一旦我执行浏览器刷新状态,就会失去它的值,如何保留它的值,以便它可以在浏览器刷新时运行.

redux ngrx angular ngrx-store

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

使用Angular材质创建响应式工具栏

我使用Angular Material创建了一个工具栏.但是,它没有响应.如何使工具栏响应?

工具栏代码:

<md-toolbar color = "primary">
    <button md-button class="md-primary" [routerLink]="['/basic']"><md-icon class = "icon-20">home</md-icon> &nbsp;Angular Concepts</button>
    <button md-button [mdMenuTriggerFor]="bMenu">Basic Concepts</button>
    <md-menu #bMenu="mdMenu">
      <button md-menu-item [routerLink]="['/a4']">Angular Component</button>
      <button md-menu-item [routerLink]="['/cli ']">Angular CLI</button>
      <button md-menu-item [routerLink]="['/inout']">Event Emitters</button>
      <button md-menu-item [routerLink]="['/template']">Template Driven Forms</button>
      <button md-menu-item [routerLink]="['/reactive']">Data Driven Forms</button>
      <button md-menu-item [routerLink]="['/directives']">Angular Custom Directives</button>
      <button md-menu-item [routerLink]="['/pipes']">Custom Pipes</button>
      <button md-menu-item [routerLink]="['/viewchild']">View Child</button>
      <button md-menu-item [routerLink]="['/view']">View Encapsulation</button>
    </md-menu>

    <button md-button [mdMenuTriggerFor]="aMenu">Advanced Concepts</button>
    <md-menu #aMenu="mdMenu">
      <button md-menu-item [routerLink]="['/ngrx']">Angular Redux using ngrx/store</button>
      <button md-menu-item [routerLink]="['/guard']">Angular Guards</button>
      <button …
Run Code Online (Sandbox Code Playgroud)

angular-material2 angular

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

如何在 Angular 中使用 Bootstrap 导航栏

我在我的 Angular 应用程序的引导程序中使用导航栏示例,但导航栏根本没有出现。

这是导航栏 html

<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <a class="navbar-brand" href="#">Navbar</a>
  <div class="collapse navbar-collapse" id="navbarNavDropdown">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Pricing</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown link
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something …
Run Code Online (Sandbox Code Playgroud)

navbar twitter-bootstrap bootstrap-4 angular

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

在移动设备中查看时带有侧边栏的 Bootstrap 导航栏

我正在为我的 Web 应用程序使用 Bootstrap Navbar,它工作正常。使用此链接

它也是响应式的,这正是我所需要的,但正如您所知,当屏幕尺寸减小并更改为下拉菜单时,引导导航栏会更改为汉堡包图标。

像这样的东西在此输入图像描述

当我想创建一个侧面导航栏时,我的意思是它应该显示像 Materialize CSS LINK中的元素

在此输入图像描述

我做了很多研究并得到了这个https://startbootstrap.com/template-overviews/simple-sidebar/

但这里顶部没有导航栏,它只是一个侧面导航栏,因为当屏幕尺寸缩小到移动设备时我想要此功能。

另外,我的引导导航栏菜单有下拉菜单,所以我不知道如何在侧面导航 CSS 中处理它。请帮助我是 CSS 新手。

我不能选择物化CSS,因为将所有引导更改物化的成本太大了。

如果使用纯 CSS 就可以做到这一点,那就像是锦上添花。

提前致谢。

更新

这是我的导航栏

nav class="navbar navbar-toggleable-md navbar-light bg-faded  navbar-fixed-top">
  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
    aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation" (click)="isActive = !isActive">
    <span class="navbar-toggler-icon"></span>
  </button>
  <a routerLink="/home"><img src="angular.png" class = "myImage" alt="Image"/></a>
  <div class="collapse navbar-collapse" id="navbarNavDropdown" [ngClass]="{show : isActive}">
    <ul class="navbar-nav">
      <li class="nav-item dropdown" [routerLinkActive]="['active']" appDropdown>
        <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Basic Concepts
        </a> …
Run Code Online (Sandbox Code Playgroud)

html css jquery navbar twitter-bootstrap

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

如何覆盖默认的密码散列方法和环回验证方法?

我对环回非常陌生,我想将环回的密码方法的默认散列覆盖为我后端当前使用的方法,以便我可以将此应用程序与该数据库同步。

我阅读了此链接https://groups.google.com/forum/#!topic/loopbackjs/ROv5nQAcNfM但我无法理解如何覆盖密码和验证?

loopback node.js loopbackjs

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

Node js中的信号量等效项,在并发请求中修改了变量?

过去1周,我一直面对这个问题,对此我感到困惑。简明扼要地解释问题。

我们有一个内存模型,用于存储预算等值,现在调用API时会产生花费。

然后,我们检查内存中的模型并将支出增加到现有支出中,然后检查预算,如果超出预算,我们将不再接受该模型的任何点击。对于每个调用,我们还将对数据库进行udpate,但这是一个异步操作。

一个简短的例子

api.get('/clk/:spent/:id', function(req, res) {
   checkbudget(spent, id);
}

checkbudget(spent, id){
  var obj =    in memory model[id]
  obj.spent+= spent;
  obj.spent > obj.budjet // if greater.
    obj.status = 11 // 11 is the stopped status
    update db and rebuild model. 
}
Run Code Online (Sandbox Code Playgroud)

过去效果不错,但现在对于并发请求,我们得到的虚假支出超出了预算,超出了预算,并且在一段时间后停止。我们用j meter模拟了呼叫,并发现了这一点。

据我们所知,节点是异步的,因此在状态更新为11之前,许多线程已经更新了广告系列的支出。

如何为Node.js使用信号量逻辑,以使可变预算与模型同步

更新

 db.addSpend(campaignId, spent, function(err, data) {
        campaign.spent += spent;
        var totalSpent = (+camp.spent) + (+camp.cpb);
        if (totalSpent  > camp.budget) {
            logger.info('Stopping it..');
            camp.status = 11; // in-memory stop
            var History = [];
            History.push(some data); …
Run Code Online (Sandbox Code Playgroud)

javascript concurrency node.js

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

res.json()不是HttpClient Angular 2中的函数

我Http之前使用的是Angular 模块,并且该方法res.json()用于正常工作.我最近尝试过,HttpClient但res.json()似乎没有工作.只有使用res作品才能告诉我http客户端发生了什么变化.

return this.client.get('https://swapi.co/api/people/1/')
              .map((res:Response) => {
                 return  res.json(); // using maps to filter data returned form the http call this json dosn't work with http client
              }).map(data => {
                return data; // using maps of maps to filter data returned form the map
        }).flatMap((jedi) => this.http.get(jedi['homeworld'])
          .map(res => {
           return res.json().name; // using flat maps to combine data returned from two observables into one
          }).catch((error:any) => Observable.throw(error.json().error || 'Server …
Run Code Online (Sandbox Code Playgroud)

angular-http angular-http-interceptors angular

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

如何使用节点js检查给定的ip是否落在给定的ip范围之间

请原谅这个问题

给定一组Ip,该集非常大,可能会增加 https://github.com/client9/ipcat/blob/master/datacenters.csv#L4

小例子集 - 第一列开始ip第二 - 结束ip范围

在此输入图像描述

我将从请求中获取用户ip.我需要检查ip是否属于这些范围.我该如何做到这一点.

我查看了ip_range_check和 range_check.

但他们没有检查给定范围的ip.如何在具有最佳性能的节点j中实现这一点.我不想进行详尽的搜索,因为性能是一个高优先级.

到目前为止,请帮助我做一些新的挑战.

javascript ip node.js

2
推荐指数
3
解决办法
3046
查看次数

如何让 eslint 对 Node js 中的整个目录起作用

我正在尝试检查 Node js 应用程序中的 linting 错误,然后启动服务器。

  "scripts": {
    "lint": "eslint .",
    "pretest": "eslint **/*.js",
    "start": "node .",
    "posttest": "npm run lint && nsp check"
  }
Run Code Online (Sandbox Code Playgroud)

npm run pretest 永远不会检查整个目录集。我做了一个 npm run lint 。它给了我奇怪的错误,比如

Cannot find module 'eslint-config-medikoo-es5'
Referenced from: /home/rahul/DSP/dsp-api/server/node_modules/es5-ext/package.json
Error: Cannot find module 'eslint-config-medikoo-es5'
Referenced from: /home/rahul/DSP/dsp-api/server/node_modules/es5-ext/package.json
    at ModuleResolver.resolve (/home/rahul/DSP/dsp-api/node_modules/eslint/lib/util/module-resolver.js:74:19)
    at resolve (/home/rahul/DSP/dsp-api/node_modules/eslint/lib/config/config-file.js:515:25)
    at load (/home/rahul/DSP/dsp-api/node_modules/eslint/lib/config/config-file.js:532:26)
    at configExtends.reduceRight (/home/rahul/DSP/dsp-api/node_modules/eslint/lib/config/config-file.js:424:36)
    at Array.reduceRight (native)
    at applyExtends (/home/rahul/DSP/dsp-api/node_modules/eslint/lib/config/config-file.js:408:28)
    at Object.load (/home/rahul/DSP/dsp-api/node_modules/eslint/lib/config/config-file.js:566:22)
    at loadConfig (/home/rahul/DSP/dsp-api/node_modules/eslint/lib/config.js:63:33)
    at getLocalConfig (/home/rahul/DSP/dsp-api/node_modules/eslint/lib/config.js:130:29)
    at Config.getConfig (/home/rahul/DSP/dsp-api/node_modules/eslint/lib/config.js:260:26)
Run Code Online (Sandbox Code Playgroud)

如果我安装了该依赖项,我就会陷入困境

Cannot …
Run Code Online (Sandbox Code Playgroud)

javascript lint node.js eslint

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

如何在以下条件下创建正则表达式

数字输入不得超过8位(小数点两边的数字)。例如:123456.78或0.12或1.23

数值应能够接受负数。例如:-0.8或-1.23

最多2个十进制数

数值在输入框中不应包含任何字母缩写

我尝试创建以下正则表达式,但无法高效地解决

^-?[0-9]\d*(\.\d+)?[,8]$
Run Code Online (Sandbox Code Playgroud)

常规经验

javascript regex

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