小编Pie*_*BJX的帖子

浏览器开发工具中这个紫色箭头的用途是什么?

检查元素显示实线箭头

这个箭头的目的是什么?感谢这篇文章,我知道了虚线区域,但我不知道箭头是什么。

这是一个可重现的示例:

 .container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        background-color: grey;
        width: 50px;
    }

    .item {
        height: 84px;
        width: 112px;

    }
Run Code Online (Sandbox Code Playgroud)
<div class="container">
    <div class="item"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

css google-chrome-devtools

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

合并 master 中另一个分支的分支

工作流程

继这张图之后:

  • 我从 master 创建一个分支(分支 1)
  • 我推送了 3 次提交。
  • 我在 master 上创建了一个拉取请求。
  • 我没有等待分支 1 合并到 master 中,而是从分支 1 创建分支 2。
  • 我推送了 3 个提交,同时分支 1 已与拉取请求合并到 master 中。
  • 我为分支 2 创建了一个拉取请求。

我的问题是:

  • 在我的第二个拉取请求中,我将只有分支 2 的 3 次提交还是分支 1 和 2 的 6 次提交?事实上,鉴于分支 1 已合并到 master 中,其 3 个提交在分支 2 中不再是新的。
  • 对于分支 1 中更改的文件有同样的问题,即使分支 1 已合并到 master 中,它们是否会出现在分支 2 的拉取请求中?

希望这足够清楚。谢谢

git pull-request

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

CopyWebpackPlugin - 忽略文件夹

使用 CopyWebpackPlugin,我无法忽略特定文件夹或特定文件。它复制一切。

我在 webpack.config.js 中做了什么:

    new CopyWebpackPlugin([
        {
            from: 'src/assets',
            to: 'assets',
            ignore: ['src/assets/img/folder/test.png']
        },
    ]),
Run Code Online (Sandbox Code Playgroud)

我也这样试过:

    new CopyWebpackPlugin([
        {
            from: 'src/assets',
            to: 'assets',
            ignore: ['src/assets/img/folder/*']
        },
    ]),
Run Code Online (Sandbox Code Playgroud)

关于自述文件,我认为我做得对。

webpack webpack-4

9
推荐指数
2
解决办法
5308
查看次数

Mat-tab材质angular6 selectedIndex不适用于*ngFor

我使用Angular Material选项卡显示几个带有循环ng的选项卡.这工作正常但是现在我想在初始化时打开第二个选项卡而不是第一个选项卡.因此,我在mat-tab-group中添加了selectedIndex属性,但它不起作用,仍然在第一个选项卡上继续打开.

HTML

<mat-tab-group class="col-10 offset-1" (selectedTabChange)="onTabChanged($event)" [selectedIndex]="1">
  <mat-tab label={{tab.name}} *ngFor="let tab of tabs; let index = index">
    <div>
      Values: {{tab.values}}
    </div>
  </mat-tab>
</mat-tab-group>
Run Code Online (Sandbox Code Playgroud)

使用ngOnInit中服务器的服务获取变量"tabs",如下所示:

零件

this.api.getDataset(this.route.snapshot.params["experimentid"]).subscribe(
  res => {
    this.tabs = res;
  },
  err => {
    console.log(err);
  }
);
Run Code Online (Sandbox Code Playgroud)

我认为它来自这里,因为如果我手动设置标签而不请求服务器它可以工作.像这样:

this.tabs = [{name: "X2", values: "52"}, {name: "Z2", values: "52"}, {name: "R2", values: "52"}]
Run Code Online (Sandbox Code Playgroud)

angular-material angular mat-tab

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

HeadlessChrome 与 Chrome 83 与 Karma 断开连接

Karma我使用、Sinon和执行一些单元测试Mocha。它运行良好,一个月来,我在运行这些单元测试时遇到了一些问题。我的 HeadlessChrome 出现错误。事实上,它显示了这个错误:

HeadlessChrome 83.0.4103 (Windows 10.0.0) ERROR
Disconnected, because no message in 30000 ms.
Run Code Online (Sandbox Code Playgroud)

我有这个业力配置:

module.exports = function (config) {
  config.set({
    // Others configs
    ...
    port: 9876,
    browsers: ['ChromeHeadlessNoSandbox'],
    customLaunchers: {
      ChromeHeadlessNoSandbox: {
        base: 'ChromeHeadless',
        flags: [
          '--no-sandbox', // required to run without privileges in docker
          '--user-data-dir=/tmp/chrome-test-profile',
          '--disable-web-security'
        ]
      }
    },
    captureTimeout: 10000,
    plugins: [
      'karma-mocha', 'karma-mocha-reporter', 'karma-junit-reporter', 'karma-chrome-launcher',
      'karma-typescript', 'karma-html-reporter'
    ]
  });
};

Run Code Online (Sandbox Code Playgroud)

我找到了两种方法来修复它:

  • 降级到版本 81。
  • 在浏览器中打开 localhost:9876 中的页面。
  • 更改 karma 配置(浏览器和标志属性):
module.exports …
Run Code Online (Sandbox Code Playgroud)

headless-browser karma-runner google-chrome-headless

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

更改子项中的变量时更新父项-Angular

我有一个父母,这是一种形式。此表单由两个子组件组成:

实验创建(父级)

  • 创建数据集(子)
  • 创建元数据(子级)

我使用一个角度组件-> mat-accordion来浏览两个子组件。我使用@Input将子组件中的内容填充到父项中。我只想为两个都选择一个文件才提交表单。因此,我设置了一个变量(在datasetList [i] .fileValid中),以表明是否已选择文件。像这样,如果文件未更新,我禁用了该按钮。为了禁用按钮,我调用了两个函数:

  • isDatasetFilesValid()
  • isMetadataFilesValid()

但是,当变量更改为第二个子组件时,它不会更新禁用按钮。仅当我按“上一个”和“下一个”时,此方法才有效。该按钮不再被禁用。就像我需要重新加载或刷新父项一样。也许是因为生命周期?

父组件:

export class ExperimentCreateComponent implements OnInit {
  data: any = {};
  datasetList: any = [{ fileValid: false }];
  metadataList: any = [{ fileValid: false }];

  // Functions to navigate through the expansion panels
  setStep(index: number) {
    this.step = index;
  }

  nextStep() {
    this.step++;
  }

  prevStep() {
    this.step--;
  }

  isDatasetFilesValid() {
    return this.datasetList.findIndex(function(item, i) {
      return item.fileValid == false;
    });
  }

  isMetadataFilesValid() {
    return this.metadataList.findIndex(function(item, i) {
      return …
Run Code Online (Sandbox Code Playgroud)

javascript typescript angular

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

从http post请求下载文件 - Angular 6

使用res.send(数据)而不是res.json(数据)更新

使用Angular 6和NodeJS我正在做一个Web应用程序.我正在尝试从http发布请求下载文件.

我像这样向服务器发送请求.从我的组件我调用服务中的函数.在组件中,我怀疑有服务器的答案,当我有它时,我创建一个新的Blob与响应和我使用FileSaver下载PDF.

现在,当我从服务器收到答案时,客户端将其视为错误,而状态为200.错误消息为: "解析http:// localhost:3000/api/experiment/regression期间的Http失败" 请参阅下面的截图.

Component.ts

this.api.postML(this.regression).subscribe(
    res => {
      console.log(res);
      let pdf = new Blob(res.data, { type: "application/pdf" });
      let filename = "test.pdf";
      FileSaver.saveAs(pdf, filename);
    },
    err => {
      alert("Error to perform the regression");
      console.log(err);
    }
  );
Run Code Online (Sandbox Code Playgroud)

API.Service.ts

  public postML(data): Observable<any> {
    // Create url
    let url = `${baseUrl}${"experiment/regression"}`;

    let options = {
      headers: { "Content-Type": "application/json", Accept: "application/pdf" }
    };
    // Call the http POST
    return this.http
      .post(url, data, options)
      .pipe(catchError(this.handleError));
  }
Run Code Online (Sandbox Code Playgroud)

然后从服务器,它执行一些代码与发送的数据,并生成PDF文件.然后,我想将pdf作为对客户的回复发送.我试过这样的: …

javascript node.js typescript mean-stack angular

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

如何从中间开始对数组排序?

考虑到,我有一个像这样的数组[...,n-2,n-1,n,n + 1,n + 2,...]。我想以[n,n + 1,n-1,n + 2,n-2,...]的方式对它进行排序,其中n等于数组的中间位置。

例如:

输入:

[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
Run Code Online (Sandbox Code Playgroud)

输出:

[5, 6, 4, 7, 3, 8, 2, 9, 1, 0]
Run Code Online (Sandbox Code Playgroud)

[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
Run Code Online (Sandbox Code Playgroud)

我所做的工作正常,但是我想知道是否有更好的方法或更有效的方法?

javascript arrays sorting pivot

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