小编Ary*_*hur的帖子

将输入值发送到打字稿(没有按钮发送)

我有一个常规的输入文本:

<form>
    <input type="text" oninput="sendInput()" />
</form>
Run Code Online (Sandbox Code Playgroud)

我想在用户完成输入后将用户在框中输入的内容发送到打字稿文件(没有提交按钮或其他东西),将输入发送到打字稿。

我尝试使用此代码,但它不起作用。

html angular

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

如何将 dotnet 6 预览版降级到 dotnet 5?

我最近将我的 dotnet 版本升级到 dotnet 6 预览版以试用 MAUI。如何再次降级到 dotnet 5?

.net-core .net-6.0

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

default_icon 与创建 Chrome 扩展程序的图标

我正在尝试构建 Chrome 扩展程序,但我对如何在 unibar 上正确显示扩展程序图标感到困惑。

我找到了多个教程来解释如何default_iconbrowser_action对象内定义:

"browser_action": {
    "default_icon": "icon_name.png"
}
Run Code Online (Sandbox Code Playgroud)

但是,根据文档,最好使用 object icons

"icons": {
    "16": "icon16.png",
    "48": "icon48.png",
    "128": "icon128.png"
}
Run Code Online (Sandbox Code Playgroud)

文档解释说仍然支持第一种方法:编辑 19x19 图标以用于特定显示,这可能导致图像看起来像素化。

我的问题是并非所有图标都显示。我的Pastebin有我的manifest.json文件,其中扩展管理器不显示 48px 图像。

我已经回答了我写的所有问题:default_icon仅是 19x19,因此仍需要将其添加到清单中。无论用户使用什么设备,图标数组都只允许开发人员显示高质量的徽标。

json google-chrome google-chrome-extension

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

如何使用 Next.js 中的服务器端渲染将我的应用程序划分为可重用的组件

我对编写 Next.js 应用程序感到困惑,当我有可重用的组件和<Link>s 导航到应用程序的其他区域时,该应用程序将在服务器端呈现页面。

文档说

  • getInitialProps(SSR)页面调用,不为组件调用”
  • componentWillMount执行服务器端,它的客户端只渲染
  • <Link> 标签只是客户端导航,因此它导航到的“页面”在客户端呈现

我的问题

我不清楚以下几点:

  1. 如何将您的应用程序分解为可重用的组件以保持服务器端渲染?
  2. 如果<Link>应用程序的其他页面有s,其他页面如何在服务器上呈现?
  3. 如果<Link>s 是客户端,这当然意味着只有初始页面会在服务器端呈现,那么用 Nextjs 而不是普通的 React 编写应用程序有什么意义呢?
  4. 如果getInitialProps只为页面调用,当然这意味着页面getInitialProps必须为在其页面上呈现的任何数据执行所有服务器调用,然后发送到子组件,这肯定非常慢。如果一个页面包含一个项目列表,将会有一个服务器调用来获取项目列表,对于列表中的每个项目,需要一个调用来获取项目详细信息,另一个调用来获取项目图片。这是在呈现页面之前的大量服务器调用。

我的应用程序

我认为用我想要做的事情的示例应用程序来说明我的问题会更容易。

  • 我的应用程序有几个页面:Tab-1、Tab-2、Tab-3、Tab-4 以及 Tab-1 和 Tab-2 中列出的项目的详细信息页面等。
  • 我的应用程序中的每个页面都有相同的布局、页眉区域、标签栏、页面内容和页脚
  • 单击选项卡栏中的项目时,您可以导航到我的应用程序中的其他页面
  • 每个选项卡都包含不同类别的项目列表,单击列表中的项目会将用户带到该项目的详细信息“页面”

这是我的应用程序的图形表示。

应用图形表示

项目结构

所有页面都使用layout-template添加页眉和页脚的主要结构,然后使用组件在页面中间添加自己的内容

|- pages
     |- index.js  (i.e. tab-1)
     |- tab2.js
     |- tab3.js
     |- tab4.js
     |- aitem
          |- [id].js
     |- numitem
          |- [id].js
|- Components
     |- …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs next.js

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

Git 存储库文件夹未出现在文件资源管理器中

使用 GitHub Dekstop,我将自己的一个存储库克隆到我的计算机,并将文件夹命名为repo

C:\Users\Lenovo\Desktop\DevFiles\repo
Run Code Online (Sandbox Code Playgroud)

现在,如果我导航到父文件夹DevFiles,则存储库文件夹repo不可见。

但是,如果我只是粘贴C:\Users\Lenovo\Desktop\DevFiles\repo到 URL 栏中,则该文件夹会像平常一样打开。

为什么会这样?

windows git github repository github-desktop

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

在 Next.js 中将 URL 从大写重定向到小写

我需要将访问者从 重定向/Contact/contact

当我按照文档中的描述进行操作时,我得到了一个无限重定向循环。

这是我尝试过的:

// next.config.js
async redirects() {
    return [
        {
            source: '/Contact',
            destination: '/contact',
            permanent: true
        }
    ]
}
Run Code Online (Sandbox Code Playgroud)

javascript http-status-code-301 reactjs next.js vercel

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

如何降级 Deno

将 Aleph 与 Deno 一起使用发现了一个错误,版本不兼容,我需要降级。如何在不卸载的情况下将 deno 版本降级为 eno1.8.1版本1.6.3

javascript deno

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

Next.js 中的动态路由是在服务器端还是客户端呈现?

我正在从事一个需要服务器端渲染以实现 SEO 目的的项目,我正在使用 Next.js 和 React,并且我正在使用Next.js 动态路由

我创建了一个简单的页面来检查它是否正常工作:

import Head from 'next/head'
import React, { Fragment } from 'react'
import { withRouter } from 'next/router'

class Product extends React.Component {
  render() {
    return (
      <Fragment>
        <Head />
        <h1>{this.props.router.query.name}</h1>
      </Fragment>
    )
  }
}

export default withRouter(Product)
Run Code Online (Sandbox Code Playgroud)

我将代码放入/pages/product/[name].js,运行开发服务器并访问localhost:3000/product/cheese

加载页面后,我检查了浏览器中的页面源,以检查它是否在服务器端呈现,并且代码中没有任何内容包含单词cheese

我做错了吗?它是在客户端渲染的吗?

javascript reactjs next.js

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

API 已解析,但未发送 /api/users/create 的响应,这可能会导致请求停滞。下一个JS

我创建了一个 API 端点来处理 Next.js 应用程序中的用户帐户创建,并且使用knex.js来处理我的查询,但我仍然收到此错误:

API resolved without sending a response for /api/users/create, this may result in stalled requests.
Run Code Online (Sandbox Code Playgroud)

我的代码在/pages/api/users/create.js

API resolved without sending a response for /api/users/create, this may result in stalled requests.
Run Code Online (Sandbox Code Playgroud)

javascript api node.js knex.js next.js

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

在没有 Vercel 的情况下部署 Next.js 需要什么?

我需要部署 Next.js 应用程序,但不需要在 Vercel 上部署。部署它的步骤是什么?

我曾经将文件夹从 React 拖放build到服务器上,但在 Next.js 中我不知道应该部署哪些文件以及如何部署。

注意:我正在使用getServerSideProps所以next export不会工作。

deployment node.js reactjs server next.js

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