小编Kwh*_*ejr的帖子

如何使用React Faux DOM在D3分组条形图中渲染矩形?

我正在接近使用react-faux-dom包在React中完成组条形图.除了实际的矩形外,一切都已设定.我的车轮旋转了几个小时,所以我希望有人能看到我所缺少的东西.我正在努力的例子就在这里.我的目标是使用具有多个条组的时间刻度x轴.X和Y轴当前正在渲染而没有问题.

数据结构目前如下:

[
  {key: "oauths", values: [
    { date: Tue Jul 26 2016 00:00:00 GMT-1000 (HST), key: "oauths", value: 3060},
    { date: Tue Jul 27 2016 00:00:00 GMT-1000 (HST), key: "oauths", value: 2060},
    { date: Tue Jul 28 2016 00:00:00 GMT-1000 (HST), key: "oauths", value: 3270},
  ...]},
  {key: "user_stats", values: [
    { date: Tue Jul 26 2016 00:00:00 GMT-1000 (HST), key: "user_stats", value: 2976},
    ...
  ]}
]
Run Code Online (Sandbox Code Playgroud)

React组件的render方法如下.它在最后的错误svg.append()...

render() {
    const data = [ {}, …
Run Code Online (Sandbox Code Playgroud)

javascript d3.js reactjs

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

在Nginx上部署Create-React-App

我正在尝试create-react-app使用Ubuntu 14.04和Nginx在数字海洋液滴上部署我的SPA.根据静态服务器部署说明,我可以在运行时使其工作serve -s build -p 4000,但是一旦我关闭终端,应用程序就会关闭.从create-react-apprepo自述文件中我不清楚如何让它永远运行,类似于永远的事情.

没有运行serve,我得到Nginx的502 Bad Gateway错误.

Nginx Conf

server {
  listen 80;
  server_name app.mydomain.com;
  root /srv/app-name;
  index index.html index.htm index.js;
  access_log /var/log/nginx/node-app.access.log;
  error_log /var/log/nginx/node-app.error.log;
  location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|zip|tgz|gz|rar|bz2|pdf|txt|tar|wav|bmp|rtf|js|flv|swf|html|htm|svg)$ {
    root   /srv/app-name/build;
  }
  location / {
    proxy_pass http://127.0.0.1:4000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Access-Control-Allow-Origin *;
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
  }
}
Run Code Online (Sandbox Code Playgroud)

deployment nginx create-react-app

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

现有 Bash 脚本的 Jenkins“找不到文件”错误

我的目标是让 Jenkins 2 在 express js 应用程序和 postgres db 之间执行 alpha 集成测试。我将在本地启动容器化资源,并使用使用docker-compose. 相关的 bash 脚本是scripts/docker/dockerRunTest.sh.

但是,当我尝试通过 Jenkins 做同样的事情时,Jenkins 声称没有找到启动脚本。

詹金斯档案

stage('Alpha Integration Tests') {
  agent {
    docker {
      image 'tmaier/docker-compose'
      args '-u root -v /var/run/docker.sock:/var/run/docker.sock --network host'
    }
  }
  steps {
    sh 'ls -lah ./scripts/docker/'
    sh './scripts/docker/dockerRunTest.sh'
  }
}
Run Code Online (Sandbox Code Playgroud)

输出

+ ls -lah ./scripts/docker/
total 36
drwxr-xr-x    2 root     root        4.0K Jan 26 21:31 .
drwxr-xr-x    6 root     root        4.0K Jan 26 20:54 ..
-rwxr-xr-x    1 …
Run Code Online (Sandbox Code Playgroud)

bash jenkins docker docker-compose

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

Appsync 和 GraphQL:如何按嵌套值过滤列表

我有一个由 Amplify 从基本架构生成的 Appsync API。在Article模型上,一个category字段嵌套在一个metadata字段中。我想构建一个查询,提供按类别过滤的文章列表。我不清楚如何过滤嵌套值......我见过类似的问题,但类似的答案没有奏效。

AWS GraphQL 转换架构

type Article @model {
  id: ID!
  title: String!
  description: String!
  text: String!
  metadata: ArticleMetadata!
}

type ArticleMetadata {
  category: Category!
  lastModified: String!
  creationDate: String!
}

enum Category {
  javascript
  java
  ruby
  python
  haskell
}
Run Code Online (Sandbox Code Playgroud)

生成列表查询

export const listArticles = `query ListArticles(
  $filter: ModelArticleFilterInput
  $limit: Int
  $nextToken: String
) {
  listArticles(filter: $filter, limit: $limit, nextToken: $nextToken) {
    items {
      id
      title
      description
      text
      metadata { …
Run Code Online (Sandbox Code Playgroud)

graphql aws-appsync aws-amplify

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

DynamoDB:如何为带有标签(描述符)的项目设计架构?

我想为例如博客网站设计一个 DynamoDB 表,其中每个表post可以包含零到三个“标签”(类似于 Stack Overflow 在发布之前可以包含的关键字/标签)。访问模式是posts通过tag1tag2和/或获取所有内容tag3。如果有区别的话,数据接口层是 Graphql via Appsync via Amplify >_<)

  1. Dynamo 能否有效支持这种访问模式?我一直读到 Dynamo 在涉及过滤的访问模式方面表现不佳;但是,我不确定这种访问模式是否可以在 Dynamo 中实现而不依赖于过滤。

  2. 如果 Dynamo 无法有效支持这种访问模式,是否有一些推荐的替代方案?例如,如果 Aurora 是更好的解决方案,那么Dynamotags中将与 Aurora 结合什么设计模式?poststags

  3. 确定所有标签的有效方法是什么?例如,react-select它是一个用于构建需要可能值数组的标签选择组件的简洁工具。有没有办法跟踪此类元数据?

database-design amazon-dynamodb dynamodb-queries

7
推荐指数
0
解决办法
2451
查看次数

多功能SAM模板的推荐项目结构

我有一个新项目,它需要的服务数量相对较少,可能只有 10 个或更少(因此将每个项目放在单独的项目存储库中并不经济)。每项服务都将通过 SAM 模板定义为 AWS::Serverless::Function。我的问题是:组织或构建此类项目的推荐方法是什么?

目前的结构是:

|- src
    |- lambdas
        |- service-one
            |- stuff
            |- package.json
        |- service-two
            |- stuff
            |- package.json
    |- other-stuff
|- test
|- package.json
Run Code Online (Sandbox Code Playgroud)

有没有办法避免让每个 lambda 充当自己的子项目package.json,等等?

sam aws-lambda aws-sam-cli

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

MacOS 上的 Jenkins 发出“Docker:找不到命令”

当使用 Pipeline 语法和 Docker 代理从 Jenkinsfile 运行作业时,管道失败并显示“Docker:找不到命令”。我理解这意味着(1)Docker 未安装;(2) Jenkins 未指向正确的 Docker 安装路径。我的情况与这个问题非常相似:Docker command not found in local Jenkins multibranch pipeline。Jenkins 安装在 MacOS 上并运行localhost:8080. Docker 也已安装(v18.06.0-ce-mac70)。/

pipeline该用户的解决方案包括从声明性语法到脚本化语法的切换node。但是我想在保留声明性语法的同时解决问题。

詹金斯文件

#!groovy
pipeline {
  agent {
    docker {
      image 'node:7-alpine'
    }
  }

  stages {
    stage('Unit') {
      steps {
        sh 'node -v'
        sh 'npm -v'
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

错误信息

docker inspect -f . node:7-alpine
docker: command not found

docker pull node:7-alpine
docker: command not found
Run Code Online (Sandbox Code Playgroud)

在 Jenkins …

jenkins docker jenkins-pipeline

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

Emotion JS:悬停父级时如何将样式应用于子级?

似乎这个问题已经以多种不同的方式提出和回答,但我看到的答案要么不适用于情感,要么与情感相关的答案对我不起作用。我在 @emtion/core@10.0.28 和 @emtion/styled@10.0.27。

本质上,我想在父组件悬停/活动/聚焦时将样式应用到子组件。父级是一个按钮,子级是一个可选图标。以下样式通过语法添加到(父)按钮styled

const iconWrapperStyles = (props) => {
  return css`
    ${props.IconWrapper} {
      width: ${iconSizeMedium};
      height: ${iconSizeMedium};
      margin-left: ${spacingSizeSmall};
      color: ${textColor};
      fill: ${textColor};
      background: ${backgroundColor};
      border-color: ${borderColor};
    }

    &:hover:not(:disabled),
    &:focus:not(:disabled),
    &:active:not(:disabled) ${props.IconWrapper} {
      outline: none;
      color: ${textColorHover};
      fill: ${textColorHover};
      background: ${backgroundColorHover};
      border-color: ${borderColorHover};
    }
  `;
};
Run Code Online (Sandbox Code Playgroud)

第一个样式块已成功应用。因此,乍一看,按钮和子图标的样式看起来正确。但是,当您悬停/聚焦/激活按钮时,图标不会更改。我已经尝试了上面的实现,... + ${IconWrapper}以及... & ${IconWrapper}; 这三个对我来说都失败了。官方文档表明应该&可以工作。

css emotion

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

React + Chart.js 2.0:如何在甜甜圈图表中放置标签?

我做的数据可视化与react,react-chartjs-2chart.js2.2.1版本.有一种可能是有关这个问题的答案在这里(寻找16年6月17日更新),但我不知道什么Chart.pluginService.register是或者是否是与之反应兼容.到目前为止,它对我没用.

我只是想在甜甜圈中放置一个标签,它是所有data子集的总和.我认为这是嵌套在甜甜圈图表选项中的某个地方,但我还没有找到它.

javascript reactjs chart.js react-chartjs

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

基本但正确使用 beforeEach() 或 afterEach() 与 mocha.js 和 chai.js

我想使用 mocha/chai 来测试与二叉搜索树相关的代码。在这里,我正在测试公共insert方法。我想在每个语句之前使用beforeEach()和/或afterEach()钩子重置测试环境it(),这样我就不必完全重复基础知识。但是,我不断收到各种错误。

规格

describe("BinarySearchTree insert function", function() {

  beforeEach(function() {
    var binarySearchTree = new BinarySearchTree();
    binarySearchTree.insert(5);
  });

  it("creates a root node with value equal to the first inserted value", function () {
    expect(binarySearchTree.root.value).to.equal(5);
  });

  it("has a size equal to the amount of inserted values", function () {
    binarySearchTree.insert(3);
    expect(binarySearchTree.size).to.equal(2);
  });

  it("returns an error for non-unique values", function () {
    binarySearchTree.insert(3);
    expect(binarySearchTree.insert(3)).to.throw(String);
  });

  it("if inserted value is larger than current node, make …
Run Code Online (Sandbox Code Playgroud)

javascript testing mocha.js chai

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

如何减少Javascript中多个变量上的对象数组?

我想知道如何根据几个属性减少大量对象。该数组看起来像:

[{count:4, district:19, to_timestamp:"2015-09-24T00:00:00.000Z", type:"MOTOR VEHICLE THEFT"},
{count:6, district:12, to_timestamp:"2015-09-24T00:00:00.000Z", type:"MOTOR VEHICLE THEFT"},
{count:14, district:19, to_timestamp:"2015-10-01T00:00:00.000Z", type:"MOTOR VEHICLE THEFT"},
{count:4, district:19, to_timestamp:"2015-09-24T00:00:00.000Z", type:"VANDALISM"},
...
{count:4, district:19, to_timestamp:"2016-03-24T00:00:00.000Z", type:"MOTOR VEHICLE THEFT"},
{count:7, district:10, to_timestamp:"2016-03-24T00:00:00.000Z", type:"ASSAULT"}]
Run Code Online (Sandbox Code Playgroud)

由此产生的减少的对象数组需要包括在任何给定日期 ( ) 的count每个district给定犯罪的聚合;日期是每周。就像是:typeto_timestamp

[{key: "MOTOR VEHICLE THEFT", value: 57, date:"2015/09/23"},
...
  {key: "ASSAULT", value: 77, date:"2016/03/23"}]
Run Code Online (Sandbox Code Playgroud)

我已经在使用 Moment 进行日期转换。

javascript arrays reduce

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

如何为 Jenkinsfile 管道语法启用 Yarn?

尝试使用 Jenkinsfile 和 Pipeline 声明性语法在 Jenkins 2 上设置一个简单的单元测试运行程序。下面的示例几乎有效,但我想使用yarn而不是npm.

詹金斯档案

#!groovy

pipeline {
  agent any

  tools {nodejs 'node-8.10.0'} // previously configured via Manage Jenkins -> Global Tool Configuration

  stages {
    stage('Unit') {
      steps {
        checkout scm
        sh 'node -v' // 8.10.0
        sh 'npm -v' // 5.6.0
        sh 'npm install' // <-- desired change: 'yarn install'
        sh 'npm run test:unit' // <-- desired change: 'yarn test:unit'
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

奖金问题:checkout scm真的需要吗?添加它似乎会导致它运行两次。

jenkins jenkins-pipeline yarnpkg

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

Terraform:如何从对象列表创建 API 网关端点和方法?

我想创建一个 terraform (v0.12+) 模块,该模块输出一个带有 Lambda 集成的 AWS API 网关。我不太明白如何(或者甚至可能)遍历映射列表以动态输出资源。

用户应该能够像这样实例化模块:

module "api_gateway" {
  source = "./apig"

  endpoints = [
    {
      path = "example1"
      method = "GET"
      lambda = "some.lambda.reference"
    },
    {
      path = "example1"
      method = "POST"
      lambda = "some.lambda.reference"
    },
    {
      path = "example2"
      method = "GET"
      lambda = "another.lambda.reference"
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

endpoints界面上,我想输出三个资源:

  1. aws_api_gateway_resource哪里path_part = endpoint[i].path
  2. aws_api_gateway_method哪里http_method = endpoint[i].method
  3. aws_api_gateway_integration,需要一个参考 endpoint[i].lambda,等

Terraform 的for_each属性似乎不足以处理这个问题。我知道 Terraform 也支持 …

terraform aws-api-gateway terraform-provider-aws

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