小编Ric*_*ick的帖子

在一个屏幕上反应原生的两个抽屉

我有一个应用程序需要能够使用两个抽屉导航器,一个在标题的左侧和右侧。

我现在可以用滑动手势打开两个抽屉,但是我需要能够以编程方式打开它。我发现该navigation.openDrawer()功能仅适用于其中一个抽屉,而不适用于另一个,因为它只能使用我的抽屉导航器中的一个导航道具(以先到者为准)。

以下是我的渲染功能:

const LeftStack = createStackNavigator(
  {
    LeftDrawerStack
  },
  {
    navigationOptions: ({navigation}) => ({
      headerLeft: (
        <TouchableOpacity onPress={() => navigation.openDrawer()}>
          <Icon style={{marginLeft: 10}} name='menu'/>
        </TouchableOpacity>
      )
    })
  }
);

const RightStack = createStackNavigator(
  {
    RightDrawerStack
  },
  {
    navigationOptions: ({navigation}) => ({
      headerRight: (
        <TouchableOpacity onPress={() => navigation.openDrawer()}>
          <Icon style={{marginRight: 10}} name='ios-bulb'/>
        </TouchableOpacity>
      )
    })
  }
);

export const RouteStack = createStackNavigator(
  {
    screen: LoginScreen,
    navigationOptions: ({navigation}) => ({
      header: null
    }),
    LeftStack,
    RightStack
  }
);
Run Code Online (Sandbox Code Playgroud)

这是我的抽屉路线:

javascript android ios react-native react-navigation

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

如何在Angular 6中设置背景图像图像路径

<!----- home banner   ---->
<div class="home-slider">
  <ngx-slick class="carousel" [config]="slideConfig">
    <div ngxSlickItem *ngFor="let slide of slides" class="slide">
      <div class="banner">
        <img class="img-responsive" src="{{ slide.img }}" alt="" width="100%">
      </div>
    </div>
  </ngx-slick>
</div>

<!----==== 3 content ----==================--->
<div class="dis_content">
  <div class="container">
    <div class="col-md-4 text-center">
      <i class="fa fa-google-wallet " aria-hidden="true"></i>
      <h4>Discount System</h4>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id feugiat tellus. </p>
    </div>
    <div class="col-md-4 text-center">
      <i class="fa fa-codepen " aria-hidden="true"></i>
      <h4>Free Delivery</h4>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery-ui angular6

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

不调用.then方法时,Promise如何运行?

我创建了两个Promise,但是我没有对这些Promise运行then方法。然而,一旦promise对象超出范围,promise代码就会像.then被调用一样运行。

Promise在不调用.then方法的情况下如何解决?

我问是因为我想用Promise对象加载数组,然后按顺序运行promise。

function promises_createThenRun() {
  const p1 = createPromise1();
  const p2 = createPromise2();

  console.log('before hello');
  alert('hello');
  console.log('after hello');
  // the two promises run at this point.  What makes them run?
}

function createPromise1() {
  let p1 = new Promise((resolve, reject) => {
    window.setTimeout(() => {
      console.log('timer 1');
      resolve();
    }, 2000);
  });
  return p1;
}

function createPromise2() {
  let p2 = new Promise((resolve, reject) => {
    window.setTimeout(() => {
      console.log('timer 2');
      resolve();
    }, …
Run Code Online (Sandbox Code Playgroud)

javascript promise es6-promise

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

TypeScript中的字符串

我有一个JSON响应附带的对象,'20180715'我需要将其转换stringdate,例如:

let dateString = '20180715';
Run Code Online (Sandbox Code Playgroud)

我试过Date testdate = new Date (dateString);//失败了.

如何在TypeScript中将其转换为日期对象?

提前致谢!

javascript string date typescript

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

使用 AudioBuffer 作为 HTMLAudioElement 的源?

如何将解码AudioBuffer数据设置为 的来源HTMLAudioElement

让我们假设我们有一个HTMLAudioElement

let audio = new Audio();
Run Code Online (Sandbox Code Playgroud)

我们还能够接收和解码音频数据:

let context = new AudioContext();
let source = context.createBufferSource(); //this represents the audio source. We need to now populate it with binary data.

Api.getAudioFile(url).then((data) => {
  context.decodeAudioData(data, (buffer) => {
    source.buffer = buffer;
  }, null);
});
Run Code Online (Sandbox Code Playgroud)

如何将其source用作audio? 我假设我必须为此创建一个MediaStream对象,但不太清楚如何去做。

javascript javascript-audio-api

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

如何在JavaScript中显示SweetAlert

如何在此JavaScript代码中显示SweetAlert?

function removeReg(del_reg) {
  if (confirm("Are you sure you want to delete? \n the reg name : " + del_reg)) {
    // Code goes here
  }
}
Run Code Online (Sandbox Code Playgroud)

我只想在if条件下调用SweetAlert ,即在SweetAlert中,我需要显示消息"Are you sure you want to delete?".

javascript sweetalert sweetalert2

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

使用JavaScript对逗号分隔的字符串数组进行排序

我遇到了一个奇怪的要求,我在最后几个小时努力完成它.下面是我的字符串数组(只是一个例子,实际数组包含大约2500条记录):

var testArray = [
  "130,839.9,855,837.3,848.65,3980489", 
  "129,875,875,828.1,833.25,6926078", 
  "138,891.3,893.3,865.2,868.75,5035618"
]
Run Code Online (Sandbox Code Playgroud)

我们这里有3个元素,每个元素是comma分开的(每个元素有6个项目).即:

testArray[0] = "130,839.9,855,837.3,848.65,3980489"
Run Code Online (Sandbox Code Playgroud)

我的问题是,我想testArray根据每个元素的第一项进行排序,并将其转换为具有所有值的数组的数组为float,因此输出将是:

[
  [129, 875, 875, 828.1, 833.25, 6926078],
  [130, 839.9, 855, 837.3, 848.65, 3980489],
  [138, 891.3, 893.3, 865.2, 868.75, 5035618]
]
Run Code Online (Sandbox Code Playgroud)

我能够对整个数组进行排序而不是整个数组,我尝试使用拆分然后排序而没有运气.

有人可以帮我解决这个问题,如果我不清楚,请告诉我.

javascript arrays sorting split array-map

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

使用 jQuery 和 JavaScript 检查对象中的所有属性是否为空并将其替换为空字符串

我有一个 JSON 对象,其中包括其他对象和对象列表。必须编写一个函数,它遍历对象的所有属性以及对象内的对象和对象列表,并null用空字符串替换。

由于它是循环内循环,我需要实现延迟顺序处理。我尝试了很多方法,但都失败了。任何人请帮忙。

function ValidateObject(result) {
  var aObj = result.A;
  aObj = VerifyForNull(aoBJ);
  var bObj = result.B;
  bObj = VerifyForNull(bObJ);
  for (var i = 0; i < result.C.length; i++) {
    var cObj = result.C[i];
    cObj = VerifyForNull(cObJ);
    for (var j = 0; j < cObj.D.length; j++) {
      var dObj = cObj.D[i];
      dObj = VerifyForNull(dObj);
    }
  }
}

function VerifyForNull(obj) {
  Object.keys(obj).forEach(function(key) {
    var val = obj[key];
    if (val == null || value === undefined) {
      obj[key] = …
Run Code Online (Sandbox Code Playgroud)

javascript jquery promise deferred

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

PDFKit Node.js度量单位

PDFKit(Node.js)中使用的度量单位是什么?例如,我们使用:

doc.text(20, 20, 'Message')
Run Code Online (Sandbox Code Playgroud)

什么是20(x)20(x)立场?是厘米,毫米,英寸吗?我可以把它改成任何熟悉的格式一样cmmminch

有任何想法吗?

javascript printing pdfkit node.js node-pdfkit

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

JavaScript 中二维数组的切片/部分

我需要使用二进制代码获取二维数组的切片。我需要指定我想从哪里开始以及在哪里结束。

现在我有这个代码,但我很确定它是错误的:

var slice = [[]];
var endx = 30;
var startx = 20;
var starty = 10;
var end = 20;
for (var i = sx, a = 0; i < json_data.length, a < ex; i++, a++) {
  for (var j = sy, b = 0; j < json_data[1].length, b < ey; j++, b++)
    slice[a][b] == json_data[i][j];
}
Run Code Online (Sandbox Code Playgroud)

json_data 是一个数组,格式为:

[0,0,0,0,0,1,...],[1,1,0,1,1,0...],...
Run Code Online (Sandbox Code Playgroud)

它是 600x600

javascript arrays node.js

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

使用 AJAX 向 MySQL 提交表单

我尝试使用 jQuery (AJAX) 将表单提交到我的 MySQL DB。当我按下提交按钮时,我收到了我用 JavaScript 编写的失败消息“失败”。我认为我的 JavaScript 语法有问题。

HTML/JavaScript

<form method="post" action="opslaan.php">
  <input type="text" id="itmnlid" name="tmnlid">
  <input type="text" id="ibesproken" name="besproken">
  <input type="text" id="iafspraken" name="afspraken">
  <button type="submit">Save</button>
  <p id="result"></p>
</form>

<script>
  $("form").submit(function(e) {
    e.preventDefault();
    $.post(
      'opslaan.php', {
        id: $("#itmnlid").val(),
        besproken: $("#ibesproken").val(),
        afspraken: $("#iafspraken").val()
      },
      function(result) {
        if (result == "succes") {
          $("#result").html("succes");
        } else {
          $("#result").html("failed");
        }
      }
    );
  });
</script>
Run Code Online (Sandbox Code Playgroud)

PHP:

$id = $_POST["id"] ;
$besproken = $_POST["besproken"];
$afspraken = $_POST["afspraken"];

$conn = new mysqli($servername, $username, $password, $dbname); …
Run Code Online (Sandbox Code Playgroud)

javascript php ajax jquery

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

如何使用Axios Async Await使用Promise.all

我在Nuxt.js中有此Axios Async Await代码,但不确定如何以及在何处放置Promise.all此代码。我试图向getThemes()and 承诺getData()。有人可以帮我提供Promise.all代码吗?

而且我必须把Promise.allmounted()

mounted() {
    this.getData(this.$route.params.id);
    this.getThemes();
  },

  methods: {
    async getThemes() {
      this.loading = true;
      await axios.get(`${process.env.API_URL}/v1/communication/email-themes`, {}).then((response) => {
        this.theme = response.data.data;
        this.selected = this.theme.filter(t => this.themeId === t.id)[0].id;
        this.loading = false;
      }).catch((error) => {
        this.loading = false;
        this.errormsg = error.response.data.message;
      });
    },

    async getData(id) {
      this.loading = true;
      await axios
        .get(`${process.env.API_URL}/v1/communication/email-templates/${id}`)
        .then(({
          data
        }) => {
          this.templateName = data.data.name;
          this.templateCode = data.data.content;
          this.themeId …
Run Code Online (Sandbox Code Playgroud)

javascript promise vue.js nuxt.js

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