小编Sve*_*ies的帖子

在 M1 Mac 上安装 Node

关于二进制文件、处理器以及它们如何协同工作的问题,这里有点菜鸟:

我有一台带有 M1 芯片的新 Mac,想安装 Node.js。我习惯用 Homebrew 来做这件事。现在,如果我安装 Homebrew,强烈建议我使用 Rosetta,所以我这样做了。下一步:安装节点。所以,而不是brew install node我做arch -x86_64 brew install node

这很好用,只是我想知道,我现在是否以次优方式使用节点?Node 是否也在使用 Rosetta,而不是直接在 M1 芯片上运行?

homebrew node.js rosetta apple-silicon

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

现代浏览器中 Javascript Array.find() 的时间复杂度

由于 array.find() 迭代数组,如果我处理(可能)大型数组,我总是确保有一个索引对象,如下所示:

{ [id:string]: Item }
Run Code Online (Sandbox Code Playgroud)

如果我需要在这些数组中按 id 查找项目。

然而,生活在 V8 时代(以及 Safari 和 Firefox 的类似引擎优化),我想知道是否在幕后,一个简单的 array.find() 已经针对它进行了优化?或者一旦必须执行此操作一次,就会在运行时对其进行优化(创建这样的索引对象)?

现代浏览器是否已经对 O(N) 类型的算法进行了某种优化,通过正确的实现可以将其变为 O(1)?或者我是否过多地考虑了这些浏览器实际上可以/将在幕后做什么?

javascript browser arrays v8 javascript-engine

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

在 M1 mac 上安装 Elixir

我尝试使用brew在我的M1 mac上安装Elixir,如此处所述。安装完成后,elixir --version返回segmentation fault elixir --version.

读完本文后,我尝试了建议的更改,更新了文件并运行brew reinstall elixir,但我仍然得到相同的结果segmentation fault elixir --version.

有谁知道如何在 M1 mac 上使用 Elixir(某些最新版本)启动并运行它吗?(MacBook Air(M1,2020)Apple M1 16 GB)?

installation erlang homebrew elixir apple-m1

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

React - 如何在不使用constuctor的情况下访问道具

注意:我使用React Native遇到了这个特定问题,但我想这也适用于React.

我有一个使用React.Component构建的react组件.我不需要设置状态,但我确实有道具.我提出的语法如下:

class Header extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return <div>{this.props.title}</div>;
  }
}
Run Code Online (Sandbox Code Playgroud)

我知道我可以使用一个函数来构造这个组件,如下所示:

const Header = (props) => {
  return <div>{props.title}</div>;
}
Run Code Online (Sandbox Code Playgroud)

但我更喜欢前者,因为我的组件会增长,可能有状态等,我只想保持所有组件以类似的方式构建.

现在,我的linter抱怨有一个无用的构造函数,但是如何在保持类构造函数而不是函数构造函数的同时访问道具?

javascript reactjs eslint react-native

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

删除Supabase中的关联记录

使用 Supabase 时,是否有一种干净/简单的方法可以删除所有关联记录以及某个项目?假设我有帖子,并且一个帖子可以有很多评论。当我删除帖子时,我也想删除评论。

基本上就像dependend: :destroyRails 中的东西。

const { data, error } = await supabase
  .from('posts')
  .delete()
  .match({ id: 123 })
  .options({ destroyDependent: true }) // set some option that tells Supabase to delete all associated records as well.
Run Code Online (Sandbox Code Playgroud)

javascript sql supabase supabase-database

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

未捕获的 InvalidData:数据与未标记枚举 ArgsEnum 的任何变体都不匹配

我对 Deno 充满热情,所以我正在尝试。在此处找到有关构建 REST API 的教程。

因此,当我尝试运行它时,我收到此 InvalidData 错误:

error: Uncaught InvalidData: data did not match any variant of untagged enum ArgsEnum
    at unwrapResponse ($deno$/ops/dispatch_json.ts:43:11)
    at Object.sendAsync ($deno$/ops/dispatch_json.ts:98:10)
    at async Object.connect ($deno$/net.ts:216:11)
    at async Connection.startup (https://deno.land/x/postgres/connection.ts:138:17)
    at async Client.connect (https://deno.land/x/postgres/client.ts:14:5)
    at async Database.connect (file:///Users/svenhaaf/git/deno/logrocket_deno_api/db/database.js:17:5)
Run Code Online (Sandbox Code Playgroud)

现在,在我看来,尝试连接到数据库时出了点问题,但我真的不知道是什么。

这个 InvalidData 错误是什么意思?我应该如何解决这个问题?

仅供参考我的 deno --version 打印:

deno 0.42.0
v8 8.2.308
typescript 3.8.3
Run Code Online (Sandbox Code Playgroud)

代码:我从https://github.com/diogosouza/logrocket_deno_api克隆了 repo ,在 中config.js,我从const env = Deno.env()到编辑了第 1 行const env = Deno.env,因为看起来 …

javascript error-handling deno

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

react-split-pane 无法调整大小

我刚刚在我的应用程序中安装了react-split-pane,但它似乎不起作用。

我正在使用 react-split-pane 0.1.68 版,但我也使用 0.1.66 和 0.1.64 对其进行了测试。

这是我的组件:

import React, { Component } from 'react';
import SplitPane from 'react-split-pane';

class Edit extends Component {
  render() {
    return (
        <SplitPane split="vertical">
            <div style={{backgroundColor: 'red'}}>LEFT</div>
            <div style={{backgroundColor: 'blue'}}>RIGHT</div>
        </SplitPane>
    );
  }
}

export default Edit;
Run Code Online (Sandbox Code Playgroud)

我最终得到了一个看起来像我如何设计它的组件,但是在元素之间拖动以调整元素的宽度不起作用。

在此处输入图片说明

我在这里缺少什么?

Ps这个问题可能与它有关,但我尝试了以前的版本,它们似乎也不起作用。

javascript reactjs

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

收藏 GitHub 中的问题

如果这还不足以成为一个编码问题,我深表歉意 - 如果有与此问题更相关的平台,请向我推荐正确的 Stack Exchange 平台。

我在使用 create-react-app 时遇到了yarn / webpack 的问题,而且我不是第一个 - 这个问题之前已经在GitHub上重现和讨论过。

有没有办法让我喜欢这个问题,或者以任何其他方式跟踪这个问题的进展,同时不妨碍讨论(因为它们似乎涵盖了我已经在努力解决的所有问题)?

github issue-tracking

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

Rails - 仅在开发中允许在 CORS 设置中使用 localhost

我正在为我的 rails 服务器配置 CORS 设置 - 我希望能够在本地运行时测试我的后端,使用本地主机上的前端。

但是,据我所知,CORS 是针对 CSRF(?) 的重要安全机制,因此当应用程序投入生产时,我希望后端只允许实时网站的来源。像这样:


if development:
  allow do
    origins 'localhost:3000', 'localhost:3001', 'https://my-app.com'

    resource '*',
      headers: :any,
      methods: [:get, :post, :put, :patch, :delete, :options, :head]
  end
end

if production:
  allow do
    origins 'https://my-app.com'

    resource '*',
      headers: :any,
      methods: [:get, :post, :put, :patch, :delete, :options, :head]
  end
end

Run Code Online (Sandbox Code Playgroud)

我知道让一个未知用户在本地主机上运行一个恶意应用程序并且不知道他们在做什么是相当困难的,但仍然比我说的抱歉更安全。

我该怎么办?为什么这没有在 Rack::CORS 的 Github 页面上显着地记录?我有一种感觉,我错过了一些东西。请赐教。

ruby-on-rails rack-cors

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

React Hooks - 更新父组件而不触发无限循环

假设我有一个父组件,它呈现一个子组件,而子组件所做的就是保持某种状态,并在其自身状态发生变化时触发 onChange 处理程序。请参阅下面的代码或 CodeSandbox。

代码沙盒示例

这段代码进入无限循环,我想摆脱这种行为。

可能的解决方案,但我不喜欢的解决方案:

1:我可以将所有状态放在父组件中,并用父组件控制子组件,但这并不是我真正想要的。在现实生活中,我的子组件不仅仅负责一个简单的计数器,而且我想从父组件中轻松使用它。子组件内部有复杂的行为,我想向父组件传达一些简单的更改。或者这在 React 中是绝对不能做的吗?(保持子级状态并触发父级状态更新的更改)我想说这不一定吗?

2:我还可以从handleInternalChange 处理程序中触发onChange 处理程序。而且,也不是我想要的。在现实生活中,我的子组件将从组件本身的几个不同位置进行更新,因此状态更改是观察和触发 onChange 父组件的最优雅的方式。

3:我可以省略 useEffect 依赖项数组中的 onChange 依赖项。不推荐这样做,React社区参考了这个解释。我理解,只是我觉得这种情况是例外?** 另外,我使用 CRA,它带有开箱即用的很棒的 linter 等,如果我从依赖项中删除 onChange 处理程序,linter 会抱怨它,而且我不喜欢开始制定自己的班轮规则。对于像我这样的简单用例,社区设置的 linter 应该可以正常工作。

我认为会发生什么认为会发生的是,父级被更新,然后重新渲染整个事物,并且不知何故, onChange 处理程序也被“更改”。据我所说,该函数实际上并没有改变,但 React 认为(或知道)它改变了,因此它在子组件中再次触发 useEffect 调用,然后无限循环诞生。

但是,就我而言, onChange 函数没有改变。那么为什么会触发 useEffect 调用呢?我怎样才能防止这种情况发生?

import React, { useState, useEffect } from "react";

const Comp = ({ onChange }) => {
  const [internalState, setInternalState] = useState(0);
  const handleChange = () => {
    setInternalState(internalState + 1);
  };

  useEffect(() => { …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-hooks use-effect

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

Supabase 在电子邮件邀请后设置密码

在 Supabase 应用程序中,我想邀请用户(而不是他们自己注册)。我可以通过电子邮件邀请用户,但他们会收到一个直接对他们进行身份验证的链接(如魔术链接)。

我宁愿让用户在第一次进入应用程序时设置密码。这样,用户就能够注销并再次登录。

所以我正在寻找的更像是带有电子邮件验证的常规注册,只是顺序交换了:首先您收到一封电子邮件,然后设置密码。

Supabase 可以做到这一点吗?如果是这样,怎么办?或者这只是我的老式想法,我应该采用 Supabase 设置电子邮件邀请的方式吗?

email-verification supabase

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

为什么 Time to Live (TTL) 有几个选项(在 Namecheap 上)

如果我添加一个新的记录,以我的域名,我必须设置TTL(以分钟计)选项5203060automatic

TTL 是否真的意味着它上线之前的时间?那为什么还有等待更长时间的选项呢?如果不是,那么它究竟是什么意思?

dns hosting ttl namecheap

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

Firebase - set()而不是update()的好用例

我正在使用Firebase的应用中构建创建,更新和删除操作.关于关于和之间差异的问题的答案,@ jmk2142建议在firebase中创建,更新和删除项目都可以完成.set()update()update()

除了语义/理解代码的目的之外,还有什么理由不update()用于所有这些吗?

javascript crud firebase firebase-realtime-database

0
推荐指数
1
解决办法
153
查看次数