小编Rag*_* SK的帖子

获取 Svelte 中组件根元素的引用

我知道我可以使用以下方法获取对 DOM 元素的引用bind:this

<script>
  import { onMount } from "svelte";

  let root;

  onMount(() => {
    // root is div
  });
</script>

<div bind:this="{root}">
  content
</div>
Run Code Online (Sandbox Code Playgroud)

如何获取组件根元素的 DOM 节点的引用?

Wrapper.svelte:
<div class="root">
  <slot />
</div>

App.svelte:
<script>
  import { onMount } from "svelte";

  let root;

  onMount(() => {
    // root is not div :(
  });
</script>

<Wrapper bind:this="{root}">
  content
</Wrapper>
Run Code Online (Sandbox Code Playgroud)

javascript svelte svelte-component

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

如何在Javascript中将像Fri Apr 20 2020 00:00:00 GMT+0530(印度标准时间)这样的日期格式转换为2020-04-20T00:00:00.000Z?

我有这样的日期格式"Fri Apr 20 2020 00:00:00 GMT+0530 (India Standard Time)"

我想将上面的格式转换为这种格式2020-04-20T00:00:00.000Z

实际上我JSON.stringify(new Date("Fri Apr 20 2020 00:00:00 GMT+0530 (India Standard Time)"))在使用这个时尝试过这个,我在前一天得到了输出2020-04-19T18:30:00.000Z

所以请有人帮我转换这个日期格式, "Fri Apr 20 2020 00:00:00 GMT+0530 (India Standard Time)"如下所示2020-04-20T00:00:00.000Z

提前致谢。

javascript date reactjs

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

在本地主机中保存更改后,React 组件不会在浏览器中重新加载

我使用 Create-React-App 创建了一个新的 React 项目。在旧项目中,每当我在组件中进行更改并保存组件时,它都会反映在浏览器中,但在新项目中,当我保存代码中的更改时,浏览器不会重新加载,也不会反映更改。所以我停止了正在运行的进程并再次给出npm start

这是我的 package.json 文件。

{
  "name": "new-application",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.4.0",
    "@testing-library/user-event": "^7.2.1",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-redux": "^7.1.3",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.3.0",
    "redux": "^4.0.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last …
Run Code Online (Sandbox Code Playgroud)

reactjs hot-reload

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

React Material UI Tooltip / Popper 删除不需要的透明度/不透明度

Tooltip我正在尝试在项目中的某处使用React Material UI 库的组件。相同的代码如下:

<WhiteOnDarkGreyTooltipWithControls
  disableTouchListener
  disableFocusListener
  title={
    <Text selectable={false} style={[styles.ratedIndicatorTextColor]}>
      {"Game Completion Rate"}
    </Text>
  }
  placement={"bottom"}
  disablePortal={true}
>
  <Text selectable={false}>GCR</Text>
</WhiteOnDarkGreyTooltipWithControls>;
Run Code Online (Sandbox Code Playgroud)

哪里WhiteOnDarkGreyTooltipWithControls看起来像这样:

import withStyles from "@material-ui/core/styles/withStyles";
import Tooltip from "@material-ui/core/Tooltip";
import React from "react";

export const WhiteOnDarkGreyTooltip = withStyles({
  tooltip: {
    color: "E0E0E0",
    backgroundColor: "#404040",
    borderRadius: 2,
    maxWidth: 200,
    textAlign: "center",
    fontWeight: 900,
    padding: 8,
    marginTop: 5,
    opacity: 1
  },
  popper: {
    opacity: 1
  }
})(Tooltip);

export class WhiteOnDarkGreyTooltipWithControls extends React.Component {
  state = { open: …
Run Code Online (Sandbox Code Playgroud)

javascript css reactjs material-ui

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

如何使用 JavaScript 获取音量级别?

我使用js和WebRTC开发了一个基于Web的监控系统,现在我想开发如果声音超出某个级别的通知功能。

我正在获得视频和音频的许可,在获得许可后,我想使用声音通知功能。

navigator.mediaDevices
  .getUserMedia({
    audio: true,
    video: true
  })
  .then(stream => {
    // Display your local video in #localVideo element
    localVideo.srcObject = stream;
    // Add your stream to be sent to the conneting peer
    pc.addStream(stream);
    // call function for sound check
  }, onError);
Run Code Online (Sandbox Code Playgroud)

javascript audio

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

Java 中用于 Http 请求的 Javascript Fetch API 等效吗?

我目前正在学习 Java 中的线程。我想知道在 Java 中发出 Http 请求时的标准协议是什么,它类似于我下面的代码,它使用 Javascript Fetch API 和异步编程。例如,如果我在 Javascript 中使用 Fetch API首先发出GET请求,从 REST 端点获取一些数据,稍后我将使用该数据发出POST请求(如下面的代码所示),我需要使用回调函数Promise(如下所示)等待一个请求检索到第二个请求的数据,然后继续。显然,如果我没有使用 Promises 或将第二个 Http POST嵌套在下面的第一个 Fetch 方法 ( GET ) 中,并编写了两个单独的 Fetch API 调用(一个用于GET,一个用于POST,顺序一个接一个又名从上到下) ),两个调用都会同时“触发”,并且第二个POST请求将没有成功POST所需的数据。

const myHttpGETandPOSTmethod = () => {

    // First Http request goes here

    fetch('http://example.com/movies.json', {
            method: 'GET',
            headers: // Some headers here,
        })
        .then(response => response.json())
        .then(data …
Run Code Online (Sandbox Code Playgroud)

javascript java multithreading apache-httpclient-4.x

5
推荐指数
0
解决办法
3907
查看次数

activeClassName 不适用于反应路由器的变量路径

 <li className="nav-item">
  <NavLink className="nav-link" to={"/QaManagement" + domainName}>
        <span className="Qimg" onClick={this.clicked}>
           <img src={imageVar.QA} alt="" />
        </span>
  </NavLink>
</li>
Run Code Online (Sandbox Code Playgroud)

我想在链接处于活动状态时更改图像,我也无法使用确切的属性,因为域名是变量。

javascript router reactjs react-router react-router-dom

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

使用 NodeJS 将数据编码为 JWT 令牌,出现错误 PEM 例程:PEM_read_bio:无起始行

我尝试使用nodejs中的包使用密钥对数据进行编码jsonwebtoken,并收到以下错误:

错误:0906D06C:PEM 例程:PEM_read_bio:无起始行 编码时出错

我用来使用密钥和算法对数据进行编码的代码如下:

var data = {
  sub: "1234567890",
  name: "John Doe"
};

var secretKey = "secret123";

var algorithm = { algorithm: "RS384" };

getJWTToken(data, secretKey, algorithm);

let getJWTToken = function(data, secretKey, algorithm) {
  console.log(token: jsonwebtoken.sign(data, secretKey, algorithm));  
};
Run Code Online (Sandbox Code Playgroud)

看来问题出在算法上。当我使用该算法时HS256HS384HS512工作正常,但是当我使用该算法时RS256RS384RS512收到此错误。

谁能帮我解决这个问题?

javascript node.js jwt

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

TypeORM queryBuilder 中的可选参数

是否可以使用可选参数createQueryBuilder

例如,我有这样的代码:

let users = await this.conn
  .getRepository(UserEntity)
  .createQueryBuilder("user")
  .where("user.firstName LIKE :search", { search: dto.search })
  .getMany();
Run Code Online (Sandbox Code Playgroud)

我的可选参数是,我只想在 is 不为 null 时search启动子句,但是当他为 null 时,应该跳过此 function( ) 并转到..wheredto.searchwheregetMany

有人知道如何做到这一点吗?

javascript sql typescript typeorm nestjs

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

如何在nodejs中读取pem文件?

使用 NodeJS 进行编码和解码,我想使用该RS512算法对数据进行编码,为了使用该算法,我必须将密钥作为 pem 文件传递​​,因此我使用 require 导入该 pem 文件,但我无法导入该文件

我使用的代码是

const secretKey = require("./secretkey.pem");
Run Code Online (Sandbox Code Playgroud)

当我像这样导入文件时出现错误

ReferenceError: Invalid left-hand side expression in prefix operation
Run Code Online (Sandbox Code Playgroud)

如何解决这个问题。

javascript node.js

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