小编Kon*_*owy的帖子

我正在用 Javascript 做一个小数字键盘，但我无法通过.以下方式添加小数点：<input type="number">

document.getElementById('2').onclick = () => document.getElementById('input').value += '2';
document.getElementById('.').onclick = () => document.getElementById('input').value += '.';

<input id="input" type="number" value="3"></input>
<div id="2">click to add 2</div>
<div id=".">click to add .</div>

指定值“3”。无法解析，或者超出范围。

但另一方面，当输入有焦点时，我们可以用键盘手动输入小数点。

完整示例：

var target = document.querySelector('#input');
document.querySelectorAll('.calcbutton').forEach(el => el.addEventListener("click", evt => { target.value += evt.target.innerHTML; }));
document.querySelector('.calcpoint').onclick = evt => { if (!target.value.includes('.')) target.value += '.'; };

<input id="input" type="number"></input>
<div id="calc">
<table>
<tr><td class="calcbutton">7</td><td class="calcbutton">8</td><td class="calcbutton">9</td></tr>    
<tr><td class="calcbutton">4</td><td class="calcbutton">5</td><td class="calcbutton">6</td></tr>    
<tr><td …

我正在尝试使用护照和谷歌护照-google-oauth20 在 Node.js 中嵌入谷歌身份验证。问题是，当 google 回调路由打开时，我得到：

Error
at Strategy.OAuth2Strategy.parseErrorResponse (E:\Programowanie\NodeJS\Hydronide\node_modules\passport-oauth2\lib\strategy.js:329:12)
at Strategy.OAuth2Strategy._createOAuthError (E:\Programowanie\NodeJS\Hydronide\node_modules\passport-oauth2\lib\strategy.js:376:16)
at E:\Programowanie\NodeJS\Hydronide\node_modules\passport-oauth2\lib\strategy.js:166:45
at E:\Programowanie\NodeJS\Hydronide\node_modules\oauth\lib\oauth2.js:191:18
at passBackControl (E:\Programowanie\NodeJS\Hydronide\node_modules\oauth\lib\oauth2.js:132:9)
at IncomingMessage.<anonymous> (E:\Programowanie\NodeJS\Hydronide\node_modules\oauth\lib\oauth2.js:157:7)
at emitNone (events.js:110:20)
at IncomingMessage.emit (events.js:207:7)
at endReadableNT (_stream_readable.js:1059:12)
at _combinedTickCallback (internal/process/next_tick.js:138:11)
at process._tickCallback (internal/process/next_tick.js:180:9)

我（或多或少）遵循本教程。这是我的代码：Routes（以“/auth”开头）

'use strict'

const passport = require('passport')
const router = require('express').Router()

router.get(
  '/google',
  (req, res, next) => {
    if (req.query.return) {
      req.session.oauth2return = req.query.return
    }
    next()
  },
  passport.authenticate('google', { scope: ['email', 'profile'] })
)

router.get(
  '/google/callback',
  passport.authenticate('google'),
  (req, res) => …

我忘记了在 JavaScript 中初始化二维数组的逗号，令我惊讶的是，它编译了。例如：

amIMissingSomething = [
    [1, 2, 3]
    [4, 5, 6],
    [7, 8, 9]
]

console.log(amIMissingSomething) // [undefined, [7, 8, 9]]

我预计会发生语法错误。然而，经过很长一段时间，我了解到这是有效的 javascript 并且计算结果为：[undefined, [7, 8, 9]]。这里发生了什么？

我有一个 React 应用程序，它使用以下命令从本地 json 文件加载数据

从“./data.json”导入数据

一切工作正常，没有任何问题，我可以在 3000 中打开我的 index.html，也可以在浏览器中将其作为简单的 HTML 页面打开。

现在我运行npm run build来创建构建目录。然而，我的 json 值变得有点停滞，因为它是在构建中的 javascript 中硬编码的。所以问题是我在 build 目录中的代码如何动态地从特定位置读取 json 文件。

有没有办法将统一的默认脚本编辑器更改为MonoDevelop？使用Visual Studio非常复杂和缓慢.

My exmaple in JavaScript and <canvas>. https://codepen.io/KonradLinkowski/pen/QWbjaPr

const canvas = document.querySelector('#box')
const ctx = canvas.getContext('2d')

const interpolate = (value, start, end) => (end - start) * value + start

const interpolateRGB = (value, start, end) => {
  return {
    r: interpolate(value, start.r, end.r),
    g: interpolate(value, start.g, end.g),
    b: interpolate(value, start.b, end.b)
   }
}

const calcColor = (point, topLeft, topRight, bottomLeft, bottomRight) => {
  const top = interpolateRGB(point.x, topLeft, topRight)
  const bottom = interpolateRGB(point.x, bottomLeft, bottomRight)
  const result = interpolateRGB(point.y, …

我想在两个圆圈周围添加一个形状/路径。

这是我当前的代码。

var length = 200
var size = 50
// circles
ctx.beginPath();
ctx.arc(123,120,100,0,2*Math.PI);
ctx.stroke();
ctx.fill()
ctx.beginPath();
ctx.arc(length,length,size,0,2*Math.PI);
ctx.stroke();
ctx.fill()
// line between the 2 circles
ctx.beginPath();
ctx.moveTo(123,120);
ctx.lineTo(length,length);
ctx.stroke();

描述

我有一个使用对象作为值的组件。

我想使用这个组件react-hook-form

问题是react-hook-form认为我的对象是嵌套表单控件

设置

这只是一个例子。

范围日期选择器是这种行为的常见用例

代码笔示例

组件接受的值：

type ComponentValue = {
  a: string;
  b: string;
}

组件：

const Component = ({ value, onChange }: { value: ComponentValue, onChange: (value: ComponentValue) => void }) => {
  return (
    <input value={value.a} onChange={e => onChange({ a: e.target.value, b: (Math.random() * 100 | 0).toString() }) } />
  )
}

表格值

type FormValues = {
  someField: ComponentValue;
  // other fields
};

默认值：

const defaultValues = {
  someField: {
    a: 'Default …

我正在学习 JavaScript，我来自 Java。

Java 开发人员可以轻松评估接口的有用性，因为所有已知的实现类都已记录在案。请点击此处查看示例。

JavaScript 中情况并非如此。例如，对于可迭代对象，下面的链接仅显示了可迭代对象的几个示例。它们没有显示所有内置类和 DOM 类的实现。（例如，他们提到“像 NodeList 这样的集合类型也是可迭代的”。那么，除了 NodeList 之外，我怎样才能找到其他可迭代的 DOM 类？是否有一些我可以运行的 JS 代码来实现这一点？谢谢！）

JavaScript 开发人员如何找到接口的实现类？

谢谢！

关于可迭代的 MDN 文档：

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#built-in_iterables

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Iterator#description

更新1：

我正在寻找的是可以进入Array.from()第一个参数的迭代。谢谢！

我希望下面的代码会抛出语法错误，因为'some string' [{}]，但它工作得很好。虽然财产是undefined.

const object = {
  property: 'some string' [{}]
}

console.log(object)

另一方面，这会按预期抛出错误：

const object = {
  property: 'some string' []
}

console.log(object)

假设我有以下程序将对象导出为 JSON：

struct MyChronoObject {\n  std::string name;\n  std::chrono::system_clock::time_point birthday;\n\n  MyChronoObject(const std::string name_) : name(name_) {\n    birthday = std::chrono::system_clock::now();\n  }\n\n  std::string toJSON1() {\n    std::string s = "{ \\"name\\": \\"" + name + "\\", \\"birthday\\": ";\n    s += std::to_string((birthday.time_since_epoch().count() / 1000000));\n    s += " }";\n    return s;\n  }\n\n  std::string toJSON2() {\n    std::string s = "{ \\"name\\": \\"" + name + "\\", \\"birthday\\": ";\n    s += std::to_string((birthday.time_since_epoch().count()));\n    s += " }";\n    return s;\n  }\n\n  void setBirthday(int birthday_in_seconds) {\n    // how do I …