我正在接近使用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) 我正在尝试create-react-app
使用Ubuntu 14.04和Nginx在数字海洋液滴上部署我的SPA.根据静态服务器部署说明,我可以在运行时使其工作serve -s build -p 4000
,但是一旦我关闭终端,应用程序就会关闭.从create-react-app
repo自述文件中我不清楚如何让它永远运行,类似于永远的事情.
没有运行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) 我的目标是让 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) 我有一个由 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) 我想为例如博客网站设计一个 DynamoDB 表,其中每个表post
可以包含零到三个“标签”(类似于 Stack Overflow 在发布之前可以包含的关键字/标签)。访问模式是posts
通过tag1
、tag2
和/或获取所有内容tag3
。如果有区别的话,数据接口层是 Graphql via Appsync via Amplify >_<)
Dynamo 能否有效支持这种访问模式?我一直读到 Dynamo 在涉及过滤的访问模式方面表现不佳;但是,我不确定这种访问模式是否可以在 Dynamo 中实现而不依赖于过滤。
如果 Dynamo 无法有效支持这种访问模式,是否有一些推荐的替代方案?例如,如果 Aurora 是更好的解决方案,那么Dynamotags
中将与 Aurora 结合什么设计模式?posts
tags
确定所有标签的有效方法是什么?例如,react-select
它是一个用于构建需要可能值数组的标签选择组件的简洁工具。有没有办法跟踪此类元数据?
我有一个新项目,它需要的服务数量相对较少,可能只有 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
,等等?
当使用 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 …
似乎这个问题已经以多种不同的方式提出和回答,但我看到的答案要么不适用于情感,要么与情感相关的答案对我不起作用。我在 @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}
; 这三个对我来说都失败了。官方文档表明应该&
可以工作。
我想使用 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) 我想知道如何根据几个属性减少大量对象。该数组看起来像:
[{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
给定犯罪的聚合;日期是每周。就像是:type
to_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 进行日期转换。
尝试使用 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
真的需要吗?添加它似乎会导致它运行两次。
我想创建一个 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
界面上,我想输出三个资源:
aws_api_gateway_resource
哪里path_part = endpoint[i].path
aws_api_gateway_method
哪里http_method = endpoint[i].method
aws_api_gateway_integration
,需要一个参考
endpoint[i].lambda
,等Terraform 的for_each
属性似乎不足以处理这个问题。我知道 Terraform 也支持 …
javascript ×4
jenkins ×3
docker ×2
reactjs ×2
arrays ×1
aws-amplify ×1
aws-appsync ×1
aws-lambda ×1
aws-sam-cli ×1
bash ×1
chai ×1
chart.js ×1
css ×1
d3.js ×1
deployment ×1
emotion ×1
graphql ×1
mocha.js ×1
nginx ×1
reduce ×1
sam ×1
terraform ×1
testing ×1
yarnpkg ×1