小编Lar*_*ger的帖子

如何在Chrome中下载、显示blob图像?

我正在尝试打开/下载网站的 PNG blob 图像。我使用网络来查找图像,但它仅将其显示为纯文本。

网络控制台预览

我很困惑为什么列表中的小预览图像会显示该图像。如何下载图像或获得任何类型的工作预览?

browser google-chrome blob image google-chrome-extension

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

如何在 NextJS 中使用 Suspense 的多个 useSWR 钩子?

我有一个 NextJS 项目,我尝试使用 SWR 来获取数据。我的问题是:

useSWR当我在一个组件中使用两个以上的-hooks 时,我会收到以下钩子错误:

  • Warning: React has detected a change in the order of Hooks called by ComponentExample. This will lead to bugs and errors if not fixed.
  • Uncaught Error: Update hook called on initial render. This is likely a bug in React. Please file an issue.

这是最小复制代码存储库:https ://github.com/LarsFlieger/swr-suspense-multiple

我正在Component.tsx尝试进行 3 次提取并控制台记录输出:

"use client";

import useSWR from "swr";

const fetchWithDelay = async (url: string) => {
    const delay = parseInt(url) * 1000;
    await …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs next.js react-suspense

10
推荐指数
0
解决办法
370
查看次数

如何使用peerjs连接到主机?

我正在尝试使用peerjs将主机与客户端连接。我有两个文件(一个用于主机,一个用于客户端)。主机将生成客户端用于连接到他的 peerId。它基本上是来自here的教程。

主机.html

const peer = new Peer()

peer.on('open', () => {
  console.log('ID: ' + peer.id)
})

peer.on('connection', (conn) => {
  conn.on('data', (data) => {
    // Will print 'hi!'
    console.log(data)
  })
  conn.on('open', () => {
    conn.send('hello!')
  })
})
Run Code Online (Sandbox Code Playgroud)
<script src="https://unpkg.com/peerjs@1.3.1/dist/peerjs.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

客户端.html

const peer = new Peer()

const conn = peer.connect('1781a113-d095-4be5-9969-b80d9c364f6b')
conn.on('open', () => {
  conn.send('hi!')
})
Run Code Online (Sandbox Code Playgroud)
<script src="https://unpkg.com/peerjs@1.3.1/dist/peerjs.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

客户端未连接也未发送消息。我尝试使用他们的示例连接到我的主机,这是有效的。我能够向主机发送消息。我的客户有什么问题?

javascript p2p peer webrtc peerjs

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

如何在 NextJs 项目中添加 typescript 规则而不丢失 next/core-web-vitals?

我有一个打字稿 NextJS 项目,其中包含以下内容.eslintrc.json

{
    "extends": "next/core-web-vitals"
}
Run Code Online (Sandbox Code Playgroud)

我想添加一些额外的打字稿规则(例如不允许输入 any ( no-explicit-any))。

  1. 我添加了npm install --save-dev @typescript-eslint/parser @typescript-eslint/eslint-plugin
  2. 按规则扩展配置no-explicit-any,更新解析器并添加插件。
{
    "extends": "next/core-web-vitals",
    "parser": "@typescript-eslint/parser",
    "plugins": [
        "@typescript-eslint"
    ],
    "rules": {
        "@typescript-eslint/no-explicit-any": "warn"
    }
}
Run Code Online (Sandbox Code Playgroud)
  1. 现在no-explicit-any作品。然而,所有默认规则都next/core-web-vitals不再起作用。

所以我可以使用下一个或使用 typescript-eslint 规则。如何使用展位?

javascript typescript reactjs eslint next.js

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

如何向 Cypress.env 添加类型?

我有这个cypress.json配置文件:

{
  "env": {
    "example": "Hello World!"
  }
}
Run Code Online (Sandbox Code Playgroud)

在我的测试中:

Cypress.env("example")
Run Code Online (Sandbox Code Playgroud)

我可以向环境系统添加任何类型的定义吗?(与 Typescript 或 eslint 一起使用)我很想在这里使用智能感知。

javascript testing intellisense typescript cypress

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

AWS Media Amazon 镜像托管有哪些参数?

我正在使用一个使用 Amazon 托管图像的 API。图像 URL 如下所示:

https://m.media-amazon.com/images/M/MV5BZmExNmEwYWItYmQzOS00YjA5LTk2MjktZjEyZDE1Y2QxNjA1XkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_UX128_CR0,3,128,176_AL_.jpg
https://m.media-amazon.com/images/M/MV5BOTI4NTNhZDMtMWNkZi00MTRmLWJmZDQtMmJkMGVmZTEzODlhXkEyXkFqcGdeQXVyNjc1NTYyMjg@._V1_UX128_CR0,3,128,176_AL_.jpg
...
Run Code Online (Sandbox Code Playgroud)

URL 的架构是这样的:

https://m.media-amazon.com/images/M/MV5BZmExNmEwYWItYmQzOS00YjA5LTk2MjktZjEyZDE1Y2QxNjA1XkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_UX128_CR0,3,128,176_AL_.jpg
https://m.media-amazon.com/images/M/MV5BOTI4NTNhZDMtMWNkZi00MTRmLWJmZDQtMmJkMGVmZTEzODlhXkEyXkFqcGdeQXVyNjc1NTYyMjg@._V1_UX128_CR0,3,128,176_AL_.jpg
...
Run Code Online (Sandbox Code Playgroud)

我想知道@符号后面的东西是什么设置?@._V1_UX128_CR0,3,128,176_AL_.jpg有没有什么地方有文档什么参数做什么?压缩、宽度、高度?

url amazon-s3 amazon-web-services

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

尝试使用 Mqtt.js 通过 WebSockets 连接到 Mosquitto MQTT

我想构建一个网页来发送和接收主题。我正在使用mosquittoMQTT.js

  1. 我使用它作为配置文件:
    protocol websockets
    listener 1884
    
    Run Code Online (Sandbox Code Playgroud)
  2. 我跑sudo mosquitto -c /etc/mosquitto/mosquitto.conf并得到
    1647529861: mosquitto version 2.0.14 starting
    1647529861: Config loaded from /etc/mosquitto/mosquitto.conf.
    1647529861: Opening websockets listen socket on port 1884.
    1647529861: mosquitto version 2.0.14 running
    
    Run Code Online (Sandbox Code Playgroud)
  3. 我正在使用一个简单的mqtt.html完整源代码):
    <script src="https://unpkg.com/mqtt/dist/mqtt.min.js"></script>
    <script>
    const client = mqtt.connect("ws://localhost:1884")
    </script>
    
    Run Code Online (Sandbox Code Playgroud)

问题:

  • 在 Chrome 中,它只是与 101 连接并一遍又一遍地执行。当您检查 websockets 消息时,“服务器”收到:00000000: 2002 0005。当我检查蚊子的日志时:我得到了很多1647530429: Client mqttjs_b0e54ea4 closed its connection.

我正在运行:

LSB Version:    n/a
Distributor ID: ManjaroLinux
Description:    Manjaro Linux …
Run Code Online (Sandbox Code Playgroud)

javascript websocket mqtt mosquitto

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