小编fra*_*pps的帖子

是否可以将 wasm-bindgen 与 webpack 5 一起使用?

我遵循wasm-bindgenHello World 指南(我正在使用)。wasm-bindgen = "0.2.72"

不幸的是,指南中提到的 npm 包并不是最新的。因为我想有一个干净的起点,所以我尝试升级它们。

这是package.json指南中提到的:

{
  "scripts": {
    "build": "webpack",
    "serve": "webpack-dev-server"
  },
  "devDependencies": {
    "@wasm-tool/wasm-pack-plugin": "1.0.1",
    "text-encoding": "^0.7.0",
    "html-webpack-plugin": "^3.2.0",
    "webpack": "^4.29.4",
    "webpack-cli": "^3.1.1",
    "webpack-dev-server": "^3.1.0"
  }
}
Run Code Online (Sandbox Code Playgroud)

我删除了text-encoding(因为我不关心不支持非基于 Chromium 的Edge版本)并升级,@wasm-tool/wasm-pack-plugin没有出现问题:

在职的package.json

{
  "scripts": {
    "build": "webpack",
    "serve": "webpack-dev-server"
  },
  "devDependencies": {
    "@wasm-tool/wasm-pack-plugin": "^1.3.3",
    "html-webpack-plugin": "^3.2.0",
    "webpack": "^4.29.4",
    "webpack-cli": "^3.1.1",
    "webpack-dev-server": "^3.1.0"
  }
}
Run Code Online (Sandbox Code Playgroud)

在职的webpack.config.js

const path = …
Run Code Online (Sandbox Code Playgroud)

rust webpack webassembly wasm-bindgen wasm-pack

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

ReactNative 首次加载时图像闪烁

我正在尝试构建一个带有动画按钮的 ReactNative 应用程序。问题是,该动画在应用程序第一次启动后无法正常工作。有一些白色的闪烁。但在动画第一次出现错误后,一切都按预期进行:

问题的动画。

我已经尝试过多种方式预加载图像,但没有成功。

这是我的最小工作示例,请注意,如果有多个不同的图像,则在加载新图像时会发生闪烁(例如,我有两个蓝色按钮,在点击第一个按钮后,第二个按钮将正常工作,但如果我然后点击橙色按钮,它会再次闪烁,至少如果我在应用程序启动后没有点击另一个橙色按钮的话。):

import React, { Component } from 'react';
import {StyleSheet, Text, TouchableWithoutFeedback, View, Image, ScrollView, 
Button, BackHandler} from 'react-native';

export default class Touchables extends Component {
  constructor(props) {
    super(props);
    this.state = {alarm1: (<Image source={require("./assets/alarmoff.png")} 
  style={styles.imageButton}/>),

    }
  }

  componentWillMount(){
  //trying to preload all Images, but it does not help.
    (<Image source={require("./assets/alarmon.png")} style= 
      {styles.imageButton}/>)
  }

  render() {
    return (
      <ScrollView style={styles.contentContainer}>

     <View style={{flex: 3, flexDirection: 'row'}}>
        <View style={styles.container}>
          <TouchableWithoutFeedback onPressIn={() => this.setState({alarm1: 
             <Image source={require("./assets/alarmon.png")} style={styles.imageButton}/>})} onPressOut={() => this.setState({alarm1: …
Run Code Online (Sandbox Code Playgroud)

android ios react-native

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

生成 rustdoc 时如何使用本地文件作为 crate 徽标?

可以使用以下命令为 crate 设置favicon和rustdoc徽标:

  • #![doc(html_favicon_url = "<url_to>/favicon.ico")]
  • #![doc(html_logo_url = "<url_to>/logo.png")]

如此处记录的。

但是,我不想公开上传我的徽标,因此希望自动包含这些文件/target/doc并从那里引用它们。

目前,我已将相应的数据 url(base64 编码)放入这些字段中,它工作正常,但它极大地膨胀了设置这些属性的源文件。

我知道我可以在使用脚本生成文档后将图像复制到其中target/doc,然后使用相对 url 引用它们,但我想避免这种情况,以便我仍然可以使用cargo doc.

编辑

评论中设置using in--output标志的建议也不起作用,因为它会导致. 除此之外,它不适合我,因为(至少据我所知)我只能在那里给出绝对路径,而我需要一个使用图像相对路径的解决方案,因为我将这些图像存储在Cargo 根目录的子目录,以便使用 git 等轻松传输到另一个系统。rustdocrustdocflags.cargo/config.tomlerror: Option 'output' given more than once

rust rust-cargo rustdoc cargo-doc

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

我可以使用滚动条装订线强制覆盖滚动条吗?

根据caniuse 的说法,该overflow: overlay属性已被弃用并且

相关功能被标准化属性scrollbar-gutter

这里也有类似的参考。

大多数现代浏览器已经支持该scrollbar-gutter属性,但我不明白如何,或者我是否能够使用它来强制(或至少推动浏览器使用)覆盖滚动条

html css scrollbar

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

从 iOS 上的 flutter 应用程序打开 youtube 应用程序

当按下按钮时,我基本上想从我的应用程序中打开一个特定的 YouTube 视频。如果 youtube 应用程序安装在用户的设备上,则视频应在 youtube 应用程序中打开(而不是在浏览器或单独的网络视图中)。

url_launcher为此使用了该软件包,它在 android 上运行良好。然而,在 iOS 上,即使安装了 youtube 应用程序也不会打开,而是打开一个单独的网络窗口,其中相应的 youtube 网址显示为网页。

我想,我可以像这样覆盖这种行为:

_launchURL() async {
  if (Platform.isIOS) {
    if (await canLaunch('youtube://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw')) {
      await launch('youtube://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw');
    } else {
      if (await canLaunch('https://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw')) {
        await launch('https://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw');
      } else {
        throw 'Could not launch https://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw';
      }
    }
  } else {
    const url = 'https://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw';
    if (await canLaunch(url)) {
      await launch(url);
    } else {
      throw 'Could not launch $url';
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

但它没有用。如果您想知道,我使用以下导入:

import 'dart:io' show Platform;
import …
Run Code Online (Sandbox Code Playgroud)

youtube ios flutter

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

在 Rust 中检测 keydown?

我想检测 Rust 中的 keydown 事件,然后检查是否按下了组合键,以便基于此进行进一步的操作。所以在我的 Rust 应用程序中基本上支持键盘快捷键

我看过一些板条箱,例如ncurses,但它们不符合我的要求......

keyboard keyboard-events rust rust-cargo

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

如何将 Rust 结构的引用/指针传递给 C ffi 接口?

我正在尝试做什么

我已经构建了一个 Rust 接口,我想通过 C(或 C#,但就问题而言并不重要)与之交互。因为似乎不可能使 Rust Struct可供 CI 访问,所以我尝试构建一些我可以调用的包装函数,这些函数将在 Rust 中创建 Struct,调用该结构的函数并最终手动从内存中释放该 Struct。

为了做到这一点,我想将函数中创建的 Struct 实例的指针传递回initC(或 C# 并将其临时存储为IntPtr)。然后,当我调用其他函数时,我将再次将指针传递给 Rust,取消引用它并在取消引用的 Struct 上调用适当的函数,并在此过程中对其进行修改。

我知道我将不得不使用不安全的代码来做到这一点,我对此感到满意。我可能还应该指出,我对 Rust 中的生命周期管理了解不多,而且很可能我想要做的事情是不可能的,因为很容易在某个地方产生松散的指针。在这种情况下,我想知道我需要如何调整我的方法,因为我认为我不是第一个尝试在 Rust 中从 C 改变某种状态的

我首先尝试的

因此,首先我确保输出正确的库并向其中添加我的本机函数。在Cargo.toml中,我将 lib 类型设置为:

[lib]
crate-type = ["cdylib"]
Run Code Online (Sandbox Code Playgroud)

然后我创建了一些与结构交互的函数并像这样公开它们:

#[no_mangle]
pub extern fn init() -> *mut MyStruct {
    let mut struct_instance = MyStruct::default();
    struct_instance.init();
    let raw_pointer_mut = &mut struct_instance as *mut MyStruct;
    return raw_pointer_mut;
}

#[no_mangle]
pub extern fn add_item(struct_instance_ref: *mut MyStruct) …
Run Code Online (Sandbox Code Playgroud)

struct pointers ffi rust rust-cargo

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

AWS Kinesis 数据分析

我正在关注此博客https://docs.aws.amazon.com/kinesisanalytics/latest/java/examples-python-sliding.html创建示例应用程序。启动应用程序后,我收到以下错误:

{
    
    "applicationVersionId": 2,
    "message": "org.apache.flink.runtime.rest.handler.RestHandlerException: Could not execute application.\n\tat org.apache.flink.runtime.webmonitor.handlers.JarRunOverrideHandler.lambda$handleRequest$4(JarRunOverrideHandler.java:207)\n\tat java.base/java.util.concurrent.CompletableFuture.uniHandle(CompletableFuture.java:930)\n\tat java.base/java.util.concurrent.CompletableFuture$UniHandle.tryFire(CompletableFuture.java:907)\n\tat java.base/java.util.concurrent.CompletableFuture.postComplete(CompletableFuture.java:506)\n\tat java.base/java.util.concurrent.CompletableFuture$AsyncSupply.run(CompletableFuture.java:1705)\n\tat java.base/java.util.concurrent.Executors$RunnableAdapter.call(Executors.java:515)\n\tat java.base/java.util.concurrent.FutureTask.run(FutureTask.java:264)\n\tat java.base/java.util.concurrent.ScheduledThreadPoolExecutor$ScheduledFutureTask.run(ScheduledThreadPoolExecutor.java:304)\n\tat java.base/java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1128)\n\tat java.base/java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:628)\n\tat java.base/java.lang.Thread.run(Thread.java:834)\nCaused by: java.util.concurrent.CompletionException: org.apache.flink.client.program.ProgramAbortException\n\tat java.base/java.util.concurrent.CompletableFuture.encodeThrowable(CompletableFuture.java:314)\n\tat java.base/java.util.concurrent.CompletableFuture.completeThrowable(CompletableFuture.java:319)\n\tat java.base/java.util.concurrent.CompletableFuture$AsyncSupply.run(CompletableFuture.java:1702)\n\t... 6 more\nCaused by: org.apache.flink.client.program.ProgramAbortException\n\tat org.apache.flink.client.python.PythonDriver.main(PythonDriver.java:111)\n\tat java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method)\n\tat java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)\n\tat java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)\n\tat java.base/java.lang.reflect.Method.invoke(Method.java:566)\n\tat org.apache.flink.client.program.PackagedProgram.callMainMethod(PackagedProgram.java:294)\n\tat org.apache.flink.client.program.PackagedProgram.invokeInteractiveModeForExecution(PackagedProgram.java:201)\n\tat org.apache.flink.client.ClientUtils.executeProgram(ClientUtils.java:149)\n\tat org.apache.flink.client.deployment.application.DetachedApplicationRunner.tryExecuteJobs(DetachedApplicationRunner.java:78)\n\tat org.apache.flink.client.deployment.application.DetachedApplicationRunner.run(DetachedApplicationRunner.java:67)\n\tat org.apache.flink.runtime.webmonitor.handlers.JarRunOverrideHandler.lambda$handleRequest$3(JarRunOverrideHandler.java:203)\n\tat java.base/java.util.concurrent.CompletableFuture$AsyncSupply.run(CompletableFuture.java:1700)\n\t... 6 more\n",
    "messageType": "ERROR",
    "messageSchemaVersion": "1",
    "errorCode": "CodeError.InvalidApplicationCode"
}
Run Code Online (Sandbox Code Playgroud)

有谁遇到过这样的错误,请帮忙。提前致谢

analytics amazon-kinesis

6
推荐指数
0
解决办法
511
查看次数

如何在页面中心对齐d3.linearScale()?

我正在尝试创建一个二维笛卡尔坐标系,其原点位于svg的中心。基本上像这样: 我想如何拥有它... 我目前的方法是平移轴,使轴的原点位于中间。

  // Add the x Axis
  svg.append("g")
      .attr("transform", "translate(" + 0 + "," + height/2 + ")")
      .call(d3.axisBottom(x).ticks(100));

  // Add the y Axis
  svg.append("g")
      .attr("transform", "translate(" + width/2 + "," + 0 + ")")
      .call(d3.axisLeft(y).ticks(100));
      });
Run Code Online (Sandbox Code Playgroud)

但是,我需要手动调整范围以使y轴居中。每个屏幕尺寸所需的值都不同,这就是为什么我需要弄清楚为什么总是将我的坐标轴放在每个屏幕上居中的原因。

  var x = d3.scaleLinear().range([width/2-5*width,width/2+5*width]).domain([-50, 50]); 
  var y = d3.scaleLinear().range([height/2-5*height,height/2+3.244*width]).domain([50,  -50]); //the value 3.244 is the problem, it changes on every screen
Run Code Online (Sandbox Code Playgroud)

我创建了一个Fiddle,以便向您展示我如何精确地创建了坐标轴。

html javascript css svg d3.js

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

Matplotlib 和 Python:如何从给定字符串格式化日期时间?

我想用 matplotlib 绘制一个图,如下所示:

截屏

问题是我从 mySQL 获取数据,因此日期是一个字符串。我想为每个 y 值分配一个日期。当前的日期格式是这样的:Y-M-d h:m:s

你能帮我解决我必须如何将它格式化为有效的日期时间,还是可以在 x 轴上绘制字符串并在 y 轴上浮动?

python mysql datetime matplotlib

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