我知道我可以使用以下方法获取对 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) 我有这样的日期格式"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
提前致谢。
我使用 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) 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) 我使用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) 我目前正在学习 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) <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)
我想在链接处于活动状态时更改图像,我也无法使用确切的属性,因为域名是变量。
我尝试使用nodejs中的包使用密钥对数据进行编码jsonwebtoken,并收到以下错误:
我用来使用密钥和算法对数据进行编码的代码如下:
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)
看来问题出在算法上。当我使用该算法时HS256,HS384它HS512工作正常,但是当我使用该算法时RS256,RS384我RS512收到此错误。
谁能帮我解决这个问题?
是否可以使用可选参数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
有人知道如何做到这一点吗?
使用 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 ×9
reactjs ×4
node.js ×2
audio ×1
css ×1
date ×1
hot-reload ×1
java ×1
jwt ×1
material-ui ×1
nestjs ×1
react-router ×1
router ×1
sql ×1
svelte ×1
typeorm ×1
typescript ×1