小编Sam*_*son的帖子

Bootstrap 填充剩余列

是否有一个引导类可以填充许多列尚未被占用的情况?例如,我有这个 div 标签,它可能存在,如果不存在,则可能不存在,我希望第二个 div 占用 12 列,但如果存在,则只占用 8 列。像这样

<div class="row">
   <?php if(something){ ?>
      <div class="col-md-4">
        <div> </div>
      </div>
   <?php } ?>
   <div class="col-md-fill">
     <div> </div>
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

除了使用之外

<div class="col-md-<?php
     if($count > 5){
         echo "8";
      } else {
         echo '12';
      }
       ?>">
Run Code Online (Sandbox Code Playgroud)

html css php twitter-bootstrap-3

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

使用自定义日志记录覆盖 chrome 控制台日志位置

当您console.log('hi')在 Chrome 中使用时,它会打印出日志来源的位置。我遇到的问题是我现在正在像这样在 chrome 中拦截控制台日志。

this.originalConsoleLog = console.log;

console.log = this.log.bind(this);

function log(message?: any, ...optionalParams: any[]): void {
  this.originalConsoleLog(message, optionalParams);
  this.splunkLogger('LOG', message, optionalParams);
}
Run Code Online (Sandbox Code Playgroud)

因此,在 chrome 中,我现在记录的任何内容都将来自这个位置,试图找出我的问题现在来自哪里真的很烦人。

这是一个例子: 在此输入图像描述

我希望不要说 logger.service.ts:36,而是说 Desktop.ts:24 或 funtime.ts:69,它在当前形式下根本没有帮助。也许如果我用它调用this.originalConsoleLog(arguments);它会忽略我的日志记录功能?

javascript console logging google-chrome

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

构造函数参数的 no-unused-vars 漏报

我在构造函数中有一个未使用的变量,但除了 tsc 之外似乎没有注意到。如果我运行 tsc ,它会告诉我有一个未使用的变量,但似乎我无法做任何事情来使 eslint 识别未使用的变量。

我已经尝试了所有常见的插件和推荐:

"plugin:@angular-eslint/template/process-inline-templates",
"plugin:@typescript-eslint/recommended",
"plugin:import/recommended",
"plugin:import/typescript",
"eslint:recommended"
Run Code Online (Sandbox Code Playgroud)

我的示例组件出现错误如下:

import { Component } from '@angular/core';

import { ApiService } from '../services/api.service';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
})
export class HomeComponent {
  constructor(private apiService: ApiService) {}
}
Run Code Online (Sandbox Code Playgroud)

apiService 是在这种情况下未使用的服务,tsc 告诉我:

属性“staffScheduleSessionService2”已声明,但其值从未读取。ts(6138)

typescript eslint angular

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

以角度5显示/隐藏链接的最佳方式

我目前有一个主页,可以路由到我公司运行的所有不同工作流程.我们有大约15个不同的工作流程,每个工作流程都由用户角色保护.如果您在数据库中没有正确的用户角色,则不会看到该页面的相应链接.我们保护服务器端点,但我担心的是向人们显示链接或不显示链接的最佳方式是什么,我宁愿不重复代码.

这是一种方法:

我有一个像这样的html页面

<ul>
  <li *ngIf="authService.hasRequiredRole('users.user-admin')" routerLink="/user">Users</li>
  <li *ngIf="authService.hasRequiredRole('users.role-admin')" routerLink="/role">Roles</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我有这样的身份验证服务:

hasRequiredRole(roles: string | [string]) {
    if (typeof roles === 'string') {
      roles = [roles];
    }
    for (const roleSlug of roles) {
      if (this.user.roles.find((role: any) => {
          return role.slug === roleSlug;
      })) {
        return true;
      }
    }
    return false;
  }
Run Code Online (Sandbox Code Playgroud)

我有一个像这样的路由的路由器:

const routes: Routes = [{

  path: 'user',
  data: {
    allowedRoles: 'users.user-admin'
  },
  loadChildren: 'app/user/user.module#UserModule',
  canActivate: [AuthGuard]
},
{ path: 'home', component: HomeComponent }]
Run Code Online (Sandbox Code Playgroud)

AuthGuard只检查用户是否已登录,然后使用路由中的数据来检查用户是否具有正确的角色.

如您所见,我们使用字符串'users.user-admin'有两个不同的位置.


我想我们应该有一个带两个警卫的路由器.一名警卫将检查用户是否已登录,另一名警卫将检查用户是否具有正确的角色.该角色将在此处进行硬编码:

export class …
Run Code Online (Sandbox Code Playgroud)

angular-template angular angular-router-guards angular-router

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

webRTC如何判断是否有音频

我正在使用带有 Asterisk 的 WebRTC,并且在由于信号错误而没有音频的情况下,大约有 5% 的时间会出现错误。简单的解决方法是,如果没有音频通过,则停止连接并重试。我知道这是一个创可贴,而我正在解决真正的问题。不过现在,我将使用我的代码。

要获取音频,我正在执行以下操作:

var remoteStream = new MediaStream();
peerConnection.getReceivers().forEach((receiver) => {
  remoteStream.addTrack(receiver.track);
});
callaudio.srcObject = remoteStream;
callaudio.play();
Run Code Online (Sandbox Code Playgroud)

这里的问题是远程流总是添加一个音轨,即使扬声器没有音频输出。

如果您检查chrome://webrtc-internals,您可以看到没有发送音频,但仍有接收器。您可以查看媒体流,并看到确实有一个音轨。一切都支持我应该听到什么的事实,但我有 5% 的时间什么也没听到。

我的解决方案是从接收器轨道获取数据并检查那里是否有任何东西,但我不知道如何读取该数据。我有网络音频 API工作,但它只有在当前正在播放一些声音时才有效。有时,另一端的人有 10 秒钟不说话。我需要一种方法来读取原始数据并查看其中发生了什么。我只想知道MediaStream上是否有任何数据!

如果你这样做,remoteStream.getAudioTracks()你会得到一个音轨,因为有一个音轨,那条音轨上没有音频。

javascript audio asterisk webrtc

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

未捕获(承诺)未定义

我在 chrome 中收到以下错误,并且不知道它来自哪里: 错误

唯一真正能说明问题的是,我最近重构了大约 10,000 行代码,而这个错误是在中间的某个时候出现的。这是有角度的。我知道如何以角度捕捉承诺。我正在使用错误处理程序来尝试捕获它,但这不起作用我也尝试过:

window.addEventListener('unhandledrejection', function (promiseRejectionEvent) {
  console.log(promiseRejectionEvent);
  console.log('here!!!!!')
});
window.onerror = function (promiseRejectionEvent) {
  console.log(promiseRejectionEvent);
  console.log('AHHHH')
};
Run Code Online (Sandbox Code Playgroud)

两者都没有发现错误。我不知道这个错误是从哪里来的。每次我重新加载页面时它都会出现。

对于真正好奇的人,我尝试访问 chrome 中的链接,它指向......所以并不是很有帮助。

在 Firefox 中不会发生此错误。

google-chrome promise typescript angular

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

从暂存中删除 .gitignore

我的 git 只有一个问题,那就是我试图将 .gitignore 添加到存储库中,但我不希望它这样,如何忽略忽略文件?我不想在任何地方看到 .gitignore。

我试图忽略它,但我只能丢弃它或删除它,而这绝对不是我想要做的。

在此输入图像描述

git sourcetree

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

表中的SQL语句

我想要做的是在表中有一个SQL连接.这是它的样子:

馅饼桌

Id       type message
1        2    'hello'
2        0    'bye'
3        2    'meh'
Run Code Online (Sandbox Code Playgroud)

蛋糕桌

Id      data     pieId   
1       70       1@2
2       6        2
3       8        1@3@2
Run Code Online (Sandbox Code Playgroud)

这就是两个表的样子,我想要做的是能够选择蛋糕表,data = 70并让它返回蛋糕表的第1行,并返回饼表的第1行和第2行.

我并不在乎它将它们作为单独的表,行,连接或列返回.

我真正想要的是能够让数据库data = 8和能够返回1,2以及3从派表.如果您有任何建议,我真的不在乎它是如何工作的

所以我希望能够查询蛋糕并获得动态数量的馅饼.如果您能想到某种方式,即使是表格也可以改变.

sql sql-server select join sql-like

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