小编Sup*_*mer的帖子

React、单页应用程序和浏览器的后退按钮

我知道我的问题可能只是“这不能完成,这定义了 SPA 的目的”。但...

mydomain.com在我的 REACT 网络应用程序中导航到。此页面从后端加载数据并填充精心设计的网格。加载和渲染大约需要 2 秒钟。

现在,我单击该详细页面上的链接并导航到mydomain.com/otherPage. 当我单击浏览器的 BACK 按钮返回时mydomain.com,它是空白的,并且必须从头开始重建,因为 SPA 规定必须在每次页面更改时擦除和重建 DOM(至少是页面特定的动态部分,如路由可以在页眉/页脚等的固定布局内)。我明白了...

除了迁移到 nextJS 和使用 SSR ....

在 REACT 中有什么神奇的解决方案可以在导航离开页面时以某种方式“保留”页面的 DOM,以便当您浏览器返回到它时,该页面会立即显示而不是从头开始呈现?

javascript single-page-application reactjs next.js

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

是否有更优雅的方法来使用默认字符串解开 Option<Cookie> ?

我想打开 cookie 或返回一个空的&str时间None

let cookie: Option<Cookie> = req.cookie("timezone");

// right, but foolish:
let timezone: String = match cookie {
    Some(t) => t.value().to_string(),
    None => "".into(),
};
Run Code Online (Sandbox Code Playgroud)

这是一个错误:

let timezone = cookie.unwrap_or("").value();
Run Code Online (Sandbox Code Playgroud)

rust option-type

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

获取 npm 模块:如何将不记名令牌添加到 POST 请求

我最近发现request不再维护,所以我找到的最好的替代方案是got。我正在尝试对 REST 服务器进行外部 API 调用,但我不确定如何在 POST 请求的授权标头中添加不记名令牌。

这是我的代码:

const response = await got.post(
  "https://${SERVER}/${SOME_ID}/conversations/${CONVERSATION_ID}/messages",
  {
    json: [
      {
        text: req.body.message,
        type: "SystemMessage",
      }
    ],
    responseType: "json",
    headers: {
        token: "Bearer pXw4BpO95OOsZiDQS7mQvOjs"
    }
  }
);
Run Code Online (Sandbox Code Playgroud)

这会产生一个401 Unauthorized. 我无法在 GOT 提供的文档中找到此类实现的方向。由于关于这个包的查询并不多,所以我在谷歌上也没有成功找到任何东西。如果有人可以在这方面帮助我,那将非常有帮助!

node.js npm node.js-got

6
推荐指数
2
解决办法
7212
查看次数

如何使用 Chrome DevTools 颜色选择器工具而不是普通 Chrome 颜色选择器工具?

当我们不想在我们的网站上安装/编写自己的颜色选择器时,Google Chrome 提供了自己的颜色选择器工具,开发人员可以使用。这很有用。好漂亮啊。这很容易。只需插入一小段可爱的 HTML5 行

<input type="color" />

它有效。几乎棒极了。这几乎是完美的。几乎是蜜蜂的膝盖。几乎

一个非常棒的颜色选择器

有rgb的。它有十六进制。它甚至还有 hsl。但该死的事情不允许用户改变不透明度。这有点愚蠢。我希望用户改变不透明度,该死!

现在,我网站的用户可以更改不透明度。我很懒,所以这并不疯狂或什么的。只需在上面的代码中添加一点内容,它就可以工作了。这不是我想要的。

<input id="color" type="color"/><input id="opacity" type="number" min="0" max="1" />

显然,Google 可以编写一个可以使用 rgba 和 hsla 的颜色选择器工具。他们做到了,而且(仍然)在当前版本的 Google Chrome (91.0.4472.77) 中。它可以在 Google Chrome 的 DevTools 中找到。这很棒。这是梦幻般的。

我想要那个颜色选择器。 很棒的颜色选择器

有没有办法在我的网站上使用很棒的颜色选择器?

PS:我知道我可以编写一个这样的颜色选择器,或者安装我在 Github 上找到的颜色选择器。但我不想做这两件事中的任何一件事,因为 1)我很懒,2)我测试过的大多数代码看起来很丑陋和/或编码方式让我突然对意大利面产生了巨大的渴望。

html javascript google-chrome color-picker

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

如何获取表中的所有条目并将它们放入字符串中?

我正在开发一个 ROBLOX 项目,我正在尝试做到这一点,以便当玩家触摸砖块时(我们会说......终点线!),它会将他们添加到名为“获胜者”的表中。

我如何获取 中的每个条目winners,用逗号分隔它们(除了最后一个条目,看起来像:这test, test2, test3,看起来很奇怪),然后将它们放入一个完整的字符串中以进入 ReplicatedStorage 中的 StringValue 。

这是我到目前为止所拥有的:

...
local winners = {}
...

for _, winner in pairs(winners) do
    winnersVariable.Value = ???
end
Run Code Online (Sandbox Code Playgroud)

摘要:假设我有一个表(获胜者),其中有 3 个对象(它们是字符串 - {"test1","test2","test3"})。我想提取所有字符串,用逗号分隔/连接它们,然后将它们放入一个完整的字符串中(例如test1, test2, test3:)

我该怎么做?

lua

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

类unix系统中的python和python3命令有什么区别?

我通读了每个命令的描述,但每个命令的描述都是完全相同的,所以我不明白这两个命令在类 Unix 系统中的工作方式有何不同。

谁能解释其中的区别吗?

python unix command python-3.x

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

如何在 Visual Studio Code 中创建自定义项目模板

如何在 VS Code 中为新项目创建模板,以便每次从模板创建新项目时,都会自动为我创建每个文件和文件内容。例如,我希望 VS Code 使我的新项目包含一个包含以下内容的 Makefile 文件:

console: main 
    ./main

file: main 
    ./main < input.txt > output.txt
    
main: main.cpp 
    g++ -g -O2 -std=gnu++17 -static main.cpp -o main
Run Code Online (Sandbox Code Playgroud)

连同3个文件,分别是main.cpp、input.txt和output.txt。

c++ templates visual-studio-code

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

如何提高 pylibdmtx 性能?

我在 Python 3.6 中使用 pylibdmtx 来检测 zbar 无法检测到的条形码类型(Datamatrix)。不幸的是,文档很少,而且条形码检测速度非常慢,在硬件相对较新的机器上,每张图像最多需要 30 秒。有哪些方法可以加快检测时间?我当前的代码如下,这使我的时间减少到大约 20 秒,但仍然太慢。

from PIL import Image
import cv2
from pylibdmtx.pylibdmtx import decode as dmtxdecode
image = cv2.imread(imagepath, cv2.IMREAD_UNCHANGED);
scale_percent = 50
width = int(image.shape[1] * scale_percent / 100)
height = int(image.shape[0] * scale_percent / 100)
dsize = (width, height)
# calculate the 50 percent of original dimensions
output = cv2.resize(image, dsize)
gray = cv2.cvtColor(output, cv2.COLOR_BGR2GRAY)
ret, thresh = cv2.threshold(gray, 0, 255, cv2.THRESH_BINARY | cv2.THRESH_OTSU)
pylibresult = dmtxdecode(thresh)
Run Code Online (Sandbox Code Playgroud)

python ocr image-processing

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

函数参数究竟何时被破坏?

我有一个问题,因为我不清楚函数参数何时被销毁。因此,以下 doSomething 函数的串联是否容易出错?

我问是因为“程序员有责任确保 std::string_view 的寿命不会超过指向的字符数组”。在特定情况下可以保证吗?

#include <string>
#include <string_view>

std::string doSomething(const std::string_view& str_view)
{
    // do something and create a new std::string instance based on the std::string_view instance

    return str;
}

int main()
{
    std::string input_str{"Hello world!"};

    std::string output_str{ doSomething(doSomething(doSomething(input_str))) };

    return 0;
}
Run Code Online (Sandbox Code Playgroud)

c++ destructor arguments string-view c++17

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

如何从innerBlocks中排除父块?

我想Section在 WordPress Gutenberg 中创建一个块。我创建了一个部分块并使用古腾堡<InnerBlocks>组件作为内部/子块。它工作正常,但Section块本身显示为其内部块列表。我想Section从其内部块中排除该块。<InnerBlocks>组件有一个属性allowedBlocks来指定允许作为内部块的块。但这对我没有帮助,因为我只想禁止Section来自内部块的块。我如何才能仅禁止来自 的单个特定块<InnerBlocks>

我需要一个像这样的选项,disallowedBlocks以便我可以从innerBlocks列表中排除块,例如

<InnerBlocks disallowedBlocks={['leo-block/section']} />

完整代码

;(function(wp) {
    const {registerBlockType} = wp.blocks;
    const {InnerBlocks} = wp.editor;
    const {__} = wp.i18n;

    registerBlockType('leo-block/section', {
        title: __('Section'),
        icon: 'grid-view',
        category: 'vr-blocks',
        descrition: __('Section block for manage content section'),
        attributes: {
            content: {
                default: 'Hello World'
            },
            spacing: {
                default: {
                    paddingTop: '70px',
                    paddingBottom: '70px',
                    marginTop: '0',
                    marginBottom: '0'
                }
            }
        }, …
Run Code Online (Sandbox Code Playgroud)

wordpress wordpress-gutenberg gutenberg-blocks create-guten-block

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