小编Dan*_*l T的帖子

检测到 :focus-within 失去焦点的事件侦听器

我一直在尝试检测是否:focus-within掉课了。我尝试使用 addEventListener 来检测“click”、“auxclick”、“blur”、“mouseup”之外的点击。但我不知道如何检测实际文档之外的点击。例如,点击URL输入。我该如何解决?

javascript dom-events

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

Rollup 缩小类名

是否有任何 rollup.js 插件允许混淆/破坏 CSS 类名?除了 webpack 之外,我什么也没找到: https: //github.com/sndyuk/mangle-css-class-webpack-plugin

rollupjs svelte-3 rollup-plugin-postcss

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

Strapi - SSR 上的 Axios 请求失败并显示“connect ECONNREFUSED”,但 CSR 运行良好

仅在 SSR期间,SSR 期间对 Strapi 的请求因未知原因而失败。SSR 请求到达 Strapi 端点,我可以看到即将返回的数据。但发生了一些事情,请求失败了。

err :>>  AxiosError: connect ECONNREFUSED ::1:1337
    at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1161:16) {
  port: 1337,
  address: '::1',
  syscall: 'connect',
  code: 'ECONNREFUSED',
  errno: -4078,
  config: {
    transitional: {
      silentJSONParsing: true,
      forcedJSONParsing: true,
      clarifyTimeoutError: false
    },
    adapter: [Function: httpAdapter],
    transformRequest: [ [Function: transformRequest] ],
    transformResponse: [ [Function: transformResponse] ],
    timeout: 0,
    xsrfCookieName: 'XSRF-TOKEN',
    xsrfHeaderName: 'X-XSRF-TOKEN',
    maxContentLength: -1,
    maxBodyLength: -1,
    env: { FormData: [Function] },
    validateStatus: [Function: validateStatus],
    headers: {
      Accept: 'application/json, text/plain, */*',
      'User-Agent': …
Run Code Online (Sandbox Code Playgroud)

server-side-rendering strapi sveltekit

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

打字稿中不一致类型的数组

给定类型不一致的数组。例如,这可用于动态呈现 html 元素。

interface IElement {
  type: 'button' | 'input'
  content: Button & Input
}

interface Button {
  text?: string;
  backgroundColor?: string;
}

interface Input {
  value?: string;
  placeholder?: string;
}

const elements: IElement[] = [
  {
    type: 'button',
    content: {
      text: 'Start',
      backgroundColor: 'salmon'
    }
  },
  {
    type: 'input',
    content: {
      value: 'phone',
      placeholder: 'Phone'
    }
  }
]

const newElement = elements.map(element => element.content.backgroundColor)
Run Code Online (Sandbox Code Playgroud)

有没有其他方法可以正确地对它进行类型转换取决于type没有联合的属性?

typescript

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

Knex 约束更新插入冲突

https://knexjs.org/#Builder-onConflict

我在文档中没有找到如何用独特的约束打乱行。

给定以下约束:

ALTER TABLE public.assignments_mappings ADD CONSTRAINT assignments_mappings_task_id_user_id_unique UNIQUE (task_id, user_id)
Run Code Online (Sandbox Code Playgroud)

我尝试使用以下代码执行更新插入:

 return await db("assignments_mappings")
      .insert(
        tasksID.map(id => ({ task_id: id, user_id, company_id: 1 }))
      )
      .onConflict('assignments_mappings_task_id_user_id_unique')
      .merge()
      .returning('id')
Run Code Online (Sandbox Code Playgroud)

这会产生

error: insert into "assignments_mappings" ("company_id", "task_id", "user_id") values ($1, $2, $3), ($4, $5, $6), ($7, $8, $9), ($10, $11, $12) on conflict ("assignments_mappings_task_id_user_id_unique") do update set "company_id" = excluded."company_id", "task_id" = excluded."task_id", "user_id" = excluded."user_id" returning "id" - column "assignments_mappings_task_id_user_id_unique" does not exist
Run Code Online (Sandbox Code Playgroud)

为了成功运行,输出必须是on conflict on constraint. …

sql postgresql constraints upsert knex.js

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