小编Hol*_*ger的帖子

获取特定时区中的当前 Instant

我试图在特定时区获取当前实例,但它没有按预期工作。关于如何做到这一点的任何想法?

这是我所做的:

Instant.now(Clock.system(ZoneId.of("America/Los_Angeles"))).truncatedTo(ChronoUnit.SECONDS)
Run Code Online (Sandbox Code Playgroud)

但是,返回的即时时间始终是 UTC。我多次更改 ZoneID 并且总是错误。请指教。

编辑:

我正在与使用 timeStamp 生成日志的应用程序进行交互,我需要对这些事件进行操作。立即,如果我使用特定的时间戳启动我的程序,它应该从该时间戳开始读取事件。虽然我的笔记本电脑与生成这些事件的应用程序在同一个时区,但当我得到 Instant.Now() 时,我似乎在 UTC 中。而应用程序根据我们所在的时区生成时间戳。我希望我的程序的时钟与服务器中的时钟相同。

应用程序生成 2016-08-04T18:17:51Z 形式的时间戳

java scala java-8 java-time

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

如何使用 react-google-recaptcha 重置 Google recaptcha

看起来 google recaptcha 的工作方式是,如果使用特定令牌进行了验证尝试,则无法再次使用。

文档指出“您将需要调用 grecaptcha.reset() 以要求最终用户再次使用 reCAPTCHA 进行验证”

我正在尝试使用 react-google-recaptcha npm 包尝试此操作。

这是我的代码:

function onChange(grecaptcha) {
  console.log(grecaptcha);
  grecaptcha.reset(); // this doesn't work
}

class Captcha extends React.Component {
  render() {
    return <div>
      <Recaptcha
          sitekey='#'
          onChange={onChange(this)}
      /> </div> 
  }
}
Run Code Online (Sandbox Code Playgroud)

当我尝试使用带有响应和秘密值的 google api https://www.google.com/recaptcha/api/siteverify进行服务器端验证时,成功响应在第一次验证后始终评估为“false”。为了防止这种情况,我按照文档中的建议重置了 grecaptcha,但它不起作用。

有什么我想念的吗?

提前致谢

编辑:

https://github.com/dozoisch/react-google-recaptcha提供了 reset() 实用程序函数,这是我在用户解决验证码后尝试调用的函数,想知道我是否没有正确调用它。

captcha recaptcha reactjs redux redux-form

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

jquery clone only元素的内容

有没有办法在jQuery中克隆元素的内容?不是整个元素,只有内容(孩子).

类似于.html()正在做的事情,但我也有兴趣克隆附加到内容的事件.

我在看.clone,但似乎克隆了整个元素.

谢谢.

javascript jquery

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

如何在反应中访问子状态?

我用render()方法制作了自己的表单组件,如下所示:

 render() {
    return (
        <form onSubmit={this.onSubmit} ref={(c)=>this._form=c}>
            {this.props.children}
        </form>
    )
}
Run Code Online (Sandbox Code Playgroud)

请注意,子项在此处呈现为{this.props.children},因此用户可以像这样使用此组件:

 <Form onSubmit={this.submit}   >
            <Input  name={"name"} id="name"  labelName="Ime" placeholder="Unesite ime" type="text" >
                 <Validation rule="required" message="Ovo je obavezno polje"/>
            </Input>
            <Input  name={"email"} id="email"  labelName="Email" placeholder="Unesite email adresu" type="text" >
                <Validation rule="required" message="Ovo je obavezno polje"/>
                <Validation rule="email" message="Ovo je nije valjana email adresa"/>
            </Input>
            <button type="submit" value="Pošalji" >Pošalji</button>
       </Form>
Run Code Online (Sandbox Code Playgroud)

我想检查每个Input组件的状态(以获得其有效性)onSubmitMethod().

  checkValidity() {
    var sefl = this;
    this.props.children.map((child) => {
        if (child.type.name === "Input") …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

sdkman安装的`sdk`命令在哪里

我刚刚安装了sdkman,用于在我的计算机(MacOS)上安装 grails。当我运行which sdk命令时,我没有得到任何输出。但是当我运行sdk help命令时,shell 能够解析它并给出正确的输出。我检查了 $PATH 环境变量中提到的所有目录,但找不到任何可执行文件sdk。所以我的问题是 shell 如何解析该sdk命令?

注意:我还在 Ubuntu 中进行了检查,发现了相同的行为。

在此输入图像描述 在此输入图像描述

linux bash sdkman

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

当插入符号位于元素中时是否有 CSS 选择器?

我有一个contenteditable元素,我希望其中的元素在插入符号位于其中时应用样式。

在此示例中,样式更改为:hover

div{
caret-color: red;
}

span:hover {
  font-weight:bold;
}
Run Code Online (Sandbox Code Playgroud)
<div contenteditable="true">
  <span>Sub element one</span> 
  text node
  <span>sub element two</span>
</div>
Run Code Online (Sandbox Code Playgroud)

在这里您可以看到插入符号,因为我将其设置为红色,但我将鼠标悬停在另一个上span

问题的例子

有什么方法可以应用这样的样式,但是当插入符号位于元素内部时?span那么红线周围的文字是粗体吗?

解决方案如下所示:

插入符号后面的样式

CSS 解决方案是理想的,但如果不可能的话我会考虑 JS 解决方案。

javascript css caret

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

ReactJS toLowerCase不是一个函数

我通过将我的文本转换为小写并将其索引与-1进行比较来进行比较,以便为特定字段赋予一些值ReactJS,但我在JavaScript控制台中收到此错误:

未捕获的TypeError:props.filterText.toLowerCase不是函数

var props = this.props;
var rows = this.props.episodes
    .filter(function(episode){
        return episode.title.toLowerCase().indexOf(props.filterText.toLowerCase()) > -1;
    })
    .map(function(episode){
       return <EpisodeRow key={episode.title} episode={episode}/>
    });
Run Code Online (Sandbox Code Playgroud)

html javascript reactjs reactjs-native

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

当我打开开发人员工具时,Google Chrome 会自动重新加载页面(检查元素)

我在使用 google chrome 浏览器时遇到了这个奇怪的问题。每当我尝试检查元素并打开开发人员工具时,它都会自动重新加载页面。还有其他人有同样的问题吗?你怎么解决它?

google-chrome google-chrome-devtools inspect-element

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

React-Spring - 改变过渡动画速度

我正在尝试更改默认淡入和淡出过渡的速度,但文档似乎没有提到如何这样做:

<Transition
  items={show}
  from={{ opacity: 0 }}
  enter={{ opacity: 1 }}
  leave={{ opacity: 0 }}>
  {show => show && (props => <div style={props}>??</div>)}
</Transition>
Run Code Online (Sandbox Code Playgroud)

鉴于此代码,我将如何使淡入/淡出动画更快或更慢?

我尝试这样做(如下),但最终完全破坏了过渡。动画不再起作用:

from={{ opacity: 1, transitionDelay: "5000ms" }}
enter={{ opacity: 1, transitionDelay: "5000ms" }}
leave={{ opacity: 0, transitionDelay: "5000ms" }}
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

javascript css animation reactjs react-spring

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

在 Chrome DevTools 中分析 React 应用程序 - 不支持分析

当我尝试分析我的应用程序的生产版本时,在ProfileChrome DevTools的选项卡中,我收到以下消息:

Profiling not supported.
Profiling support requires either a development or production-profiling build of React v16.5+.
Run Code Online (Sandbox Code Playgroud)

(我的 React 版本是 16.8)我该如何解决?

我正在使用 Webpack4,并且按照官方 React 文档的建议将其添加到我的配置文件中并没有帮助:

  resolve: {
    alias: {
      'react-dom$': 'react-dom/profiling',
      'scheduler/tracing': 'scheduler/tracing-profiling',
    }
  }
};
Run Code Online (Sandbox Code Playgroud)

profiling reactjs

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