小编Dha*_*osh的帖子

我正在从 SAP B1 服务层获取图像。在邮递员中，我可以将其视为image/png，但显示时出现问题。

显示它的正确方法是什么<img />？

require(fetchedImage) - 不起作用

我创建了一个云函数来获取图像并将其传递给客户端，但我不知道该怎么做。

有一个像这样的超级奇怪的物体

 data:
>     '?PNGörönöu001aönöu0000öu0000öu0000örIHDRöu0000öu.........

不知道如何通过它传递它，res.send(IMAGE IN PNG)所以我可以看到在客户端获取图像。

检查base64转换，但我不知道如何使用它们。

更新

邮递员请求：（这工作正常）

获取：https : //su05.consensusintl.net/b1s/v1/ItemImages ('test')/$value

标题：SessionId：尝试时问我

由于某些原因，我们不能在 Front-End 中直接获取 Image，需要创建一个中间件，所以我们在 Firebase Cloud Function

所以这里是获取图像但不知道如何传递它的函数。

这是 Firebase Cloud Function 中的函数：

if (!req.body.productId) {
      res.status(400).send({ error: "productId is required" });
      return;
    }

    console.log("Starting the process");

    const productId = req.body.productId;

    const login = await Auth.login();
    const fetchedImg = await ItemMaster.getImage(login["SessionId"], productId);

    //Here in …

这些是3 inline-block和元素,这意味着它们将彼此相邻排序.

这是一个观看现场活动的小提琴:https://jsfiddle.net/8mdm8eox/

.wrapper {
  background: #fff;
  width: 100%
}

.firstElement,
.secondElement,
.thirdElement {
  display: inline-block;
  width: calc(100%/3)
}

.firstElement {
  background: #000;
  color: #fff
}

.secondElement {
  background: grey
}

.thirdElement {
  background: #ddd
}

@media (max-width: 767px) {}

<div class="wrapper">
  <div class="firstElement">First Element</div>
  <div class="secondElement">Second Element</div>
  <div class="thirdElement">Third Element</div>
</div>

所以这就是我想要的,我想在屏幕宽度为767px或更低时:

@media (max-width: 767px){}

前两个元素是垂直排序的,第三个元素是与另外两个元素水平排序的,所以它们变成了:

   _______________    ________________
   |First Element|    |?              |
   _______________    |              |  
                      |Third Element |
   ________________   |              |
   |Second Element|   |              | …

网站托管在Firebase上。

But the issue is, whenever we go to the website, let's say www.website.com we need to refresh it at least twice in order to load the website.

Update:

Not sure what possibly could be the issue

1. Using Firebase Hosting to host our website, we have a custom URL where it's being re-routed to. (*1)

2. npm run build to create production build

3. deploying via firebase deploy

Problem:

User tries to open the page in the 1st try it …

我正在使用 Apollo Client，并useQuery从包中获取我正在使用的查询@apollo/react-hooks。

我想完成以下工作：

步骤列表：

第 1 步：获取查询stage

const GetStage = useQuery(confirmStageQuery, {
  variables: {
    input: {
      id: getId.id
    }
  }
});

第 2 步：根据我们得到的响应GetStage，我们想在 2 个单独的查询之间切换

if (!GetStage.loading && GetStage.data.getGame.stage === "Created") {
  Details = useQuery(Query1, {
    variables: {
      input: {
        id: getId.id
      }
    }
  });
} else if (!GetStage.loading && GetStage.data.getGame.stage === "Confirmed") {
  Details = useQuery(Query2, {
    variables: {
      input: {
        id: getId.id
      }
    }
  });
}

第 …

在Meteor 1.5中使用React JS

问题:需要一种方法来使用 react-google-maps添加标记

使用ES6和JSX格式

遵循文档并能够嵌入地图,但无法添加标记.

这是我的代码:

const InitialMap = withGoogleMap(props => {
  var index = this.marker.index || [];

  return(
    <GoogleMap
      ref={props.onMapLoad}
      defaultZoom={14}
      defaultCenter={{lat: 40.6944, lng:-73.9213}}
      >
        <Marker
          key={index}
          position={marker.position}
          onClick={() => props.onMarkerClick(marker)}
        />
      </GoogleMap>
  )
});

export default class MapContainer extends Component{
  constructor(props){
    this.state = {
      markers:[{
        position:{
          lat: 255.0112183,
          lng:121.52067570000001,
        }
      }]
    }
  }
  render(){
    return(
      <div style={{height:"100%"}}>
        <InitialMap
          containerElement={
            <div style={{height:"100%"}}/>
          }
          mapElement={
            <div style={{height:"100%"}} />
          }
          markers={this.state.markers} />
      </div>
    ) …

我正在使用 Seiyria Bootstrap 滑块，如下所示。问题是，当我单击按钮打开 Bootstrap 模式时，滑块标签在左侧堆叠在一起，如打印屏幕所示。但是，如果我左键或右键单击模态上的任意位置，它会正确显示它。此外，我尝试在模态之外使用示例代码，效果很好。我从这个网站得到了这个例子（例 19）。引导程序Version 3.3.7。

<div class="modal fade" id="exampleModalLong">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <div class="form-group">
          <span id="ex18-label-1" class="hidden">Example slider label</span>
          <input id="ex19" type="text" data-provide="slider" data-slider-ticks="[1, 2, 3]" data-slider-ticks-labels='["short", "medium", "long"]' data-slider-min="1" data-slider-max="3" data-slider-step="1" data-slider-value="3" data-slider-tooltip="hide" />
        </div>
      </div>
    </div>
  </div>
</div>

<button onClick="$('#exampleModalLong').modal();">click</button>

滑块版本：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.0.0/css/bootstrap-slider.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.0.0/bootstrap-slider.min.js"></script>

这是当我单击按钮打开模态时滑块的显示方式。

预期结果 - 此外，当我单击它时，它显示为这样。

我试图检查和修复标签，但没有成功。如果有人能告诉我我可能做错了什么，我会适当的。

ansible 和 playbooks 的新手，我正在尝试运行 linux 命令并将该命令的输出用作变量。但是，它使用项目名称作为变量而不是命令的输出。

- name: Use apg to generate a password
command: apg -m 12 -n 1 -a 1
register: apg_generate

- name: Create Mail Account
command: "plesk bin mail --create admin@test.com -mailbox true -passwd {{ item }}"
with_items: apg_generate.stdout

而不是使用 apg 命令的输出，这将是一组随机的 12 个字符，我将 apg_generate.stdout 作为正在设置的密码。

上传我的 apk 后，我会看到评论摘要。它说，

Errors
Resolve these errors before starting the roll-out of this release.

You need to upload an APK or Android App Bundle for this application.
You cannot remove all production APKs and Android App Bundles.

我查看了各种来源，但不确定解决方案是什么。

通过网格将功能传递给骑自行车的人

[ 'c' , '_' ,'A' ,'_', '_' , '_']
[ '_' , '_' ,'a' ,'_', '_' , '_']
[ '_' , '_' ,'_' ,'_', 'b' , '_']
[ '_' , '_' ,'_' ,'_', '_' , '_']
[ 'D' , 'd' ,'_' ,'_', '_' , 'B']
[ '_' , '_' ,'_' ,'C', '_' , '_']

输出：像这样[A:1, B:3, C:8, D:1]

其中A是人，而1是到达自行车所需的步骤。

标准：

1. 最靠近自行车的人，将自行车放在第一位。
2. 不能将单个自行车分配给2个人
3. 一辆自行车到一个人的距离永远不会等于同一辆自行车到另一个人的距离。
4. 距离可以相等，但是2个不同的自行车和2个不同的人

我觉得图形表示可能更有意义

我的方法：

1. 查找Bikes and Person的位置并将其存储在数组中。

   person = [[0,2],[4,0],[4,5],[5,3]], bikes = [[0,0],[1,2],[2,4],[4,1]];

2. 由于最短路径为1，因此开始从最短路径为1的阵列中删除自行车和人，并将最短路径递增1。然后将人和自行车存储到结果数组中。

3. 需要继续执行步骤2，直到我们的人员数组为空 …

我在安装Java SE 9版本后尝试安装android studio并收到此错误