Início / coding / 问题

All perguntas(coding)

Martin Hope
user24948077
Asked: 2025-04-21 00:27:48 +0800 CST
  • 6

De acordo com a descrição no modelo de formatação visual CSS

'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' = largura do bloco que o contém

Quando margine widthnão são nenhum dos dois autoe sua soma é maior que a largura do bloco que o contém, margin-rightserão ignorados e o valor será calculado de modo a tornar a igualdade verdadeira

.parent {
  background-color: #01c1ff;
  width: 400px;
  height: 400px;
  margin: auto;
}

.child {
  height: 200px;
  margin-left: 150px;
  width: 200px;
  margin-right: 150px;
  background-color: #ff01c1;
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div class="parent">
    <div class="child"></div>
  </div>
</body>

</html>

Neste código, para "child", a largura do bloco que o contém é de 400px e a soma de ++ widthé de 500px. De acordo com a descrição, deve ser definido como 50px para que a equação seja verdadeira.margin-leftmargin-rigthmargin-right

Mas quando verifiquei no navegador, descobri que a margem direita não estava definida como 50px, mas ainda como 150px.

resultado

css
Martin Hope
user30305347
Asked: 2025-04-20 23:36:57 +0800 CST
  • 6

Visão geral: O usuário pode clicar em um AVpanel da lista e o panelviewer é chamado para exibir o svg do painel junto com os vários rótulos/módulos.

Em teoria, isso funciona perfeitamente. Ele carrega o painel e adiciona os rótulos dos módulos com as cores de texto/fundo. Abaixo está uma imagem do componente do painel com os rótulos. Abaixo dos rótulos, é onde os componentes do módulo são renderizados.

Imagem do componente do painel

O problema que tenho é quando se trata de adicionar os componentes do módulo ao componente do painel. Se os módulos forem todos HDMI, eles serão adicionados. Se forem todos Cat6, eles serão adicionados. Isso ocorre quando há dois tipos de módulos. Se for um módulo HDMI em shelf03modD, ele renderiza esse componente para todos os módulos. E o mesmo se for Cat6. O último da lista será renderizado para todos.

AVPanels.ts

Este arquivo é usado como catálogo/modelo para os painéis/módulos. É usado para criar e selecionar o imageComponent para o visualizador de painéis e módulos.

import dynamic from 'next/dynamic';

interface ModuleProps { 
x?: number;
y?: number;
model?: React.ComponentType<ModuleProps>;
}
interface PanelComponentProps { 
shelf01ModuleALabel?: string;
shelf01ModuleATextColor?: string;
shelf01ModuleABackgroundColor?: string;
shelf01ModuleAModel?: React.ComponentType<ModuleProps>;
}
export interface PanelTemplate {
imageComponent?: React.ComponentType<PanelComponentProps>;
}
export interface ModuleTemplate {
imageModuleComponent?: React.ComponentType<ModuleProps>;
}
export const genericPanels: PanelTemplate[] = [ {
imageComponent: dynamic(() => import('@/assets/svg/panels/1u/Generic1u4ModPanel').then(mod => mod.default as React.ComponentType<PanelComponentProps>)),
}]
export const avModules: ModuleTemplate[] = [{
imageModuleComponent: dynamic(() => import('@/assets/svg/modules/GenericHDMImodule').then(mod => mod.default as React.ComponentType<ModuleProps>)),
}]

PanelViewer.tsx

getModuleDetails obtém os adereços que os componentes devem usar.

const getModuleDetailsForShelf = (shelfPosition: string) => {
    if (!genericPanel) return {};

    const shelf = genericPanel.fibrePanelShelves.find(
      (s) => s.shelfPosition === shelfPosition
    );
    if (!shelf || shelf.genericPanelModules.length === 0) return {};

    return shelf.genericPanelModules.reduce((acc, module) => {
      const shelfNum = shelfPosition.split("_")[1].padStart(2, "0");
      const position = module.modulePosition;
      const moduleTemplate = getModuleTemplateByModel(module.moduleModel);

      const label = `shelf${shelfNum}Module${position}Label`;
      const txtColor = `shelf${shelfNum}Module${position}TextColor`;
      const bgColor = `shelf${shelfNum}Module${position}BackgroundColor`;
      const model = `shelf${shelfNum}Module${position}Model`;

      const textColor = module.moduleLabel.includes("HDMI")
        ? "green"
        : module.moduleLabel.includes("Cat6")
        ? "black"
        : "black";
      const backgroundColor = module.moduleLabel.includes("HDMI")
        ? "blue"
        : module.moduleLabel.includes("Cat6")
        ? "white"
        : "transparent";

      return {
        ...acc,
        [label]: module.moduleLabel,
        [txtColor]: textColor,
        [bgColor]: backgroundColor,
        [model]: moduleTemplate?.imageModuleComponent,
      };
    }, {});
  };

  const genericPanelTemplate = getPanelTemplateByModel(
      genericPanel.genericPanelModel
    );

  const ImageComponent = fibrePanelTemplate?.imageComponent;
  
    return (
      <div className="h-full w-full overflow-y-auto p-4 ease-linear">
        <div className="w-full">
          {image === "show" && ImageComponent && (
            <ImageComponent
              {...getModuleDetailsForShelf("Shelf_01")}
              {...getModuleDetailsForShelf("Shelf_02")}
              {...getModuleDetailsForShelf("Shelf_03")}
            />
          )}

GenericPanel.tsx

Este é o componente SVG do painel

"use client";

interface ModuleProps {
  x: number;
  y: number;
  model?: React.ComponentType<ModuleProps>;
}

const ModuleRenderer = ({ x, y, model }: ModuleProps) => {
  if (!model) {
    return null;
  }

  const ModuleComponent = model;

  return <ModuleComponent x={x} y={y} model={model} />;
};

interface GenericPanelProps {
  shelf01ModuleALabel?: string;
  shelf01ModuleATextColor?: string;
  shelf01ModuleABackgroundColor?: string;
  shelf01ModuleAModel?: React.ComponentType<ModuleProps>;
}
const Generic1u4ModPanel = ({
  shelf01ModuleAModel,
}: GenericPanelProps) => {
  return

//This contains the SVG code for the panel. Then in each each section for the modules contains this... 

<g id="s1mAlabel" transform="translate(35.163 -14.93)">
  <path
    id="path84"
    d="M0 66.642h80.514v11.311H0z"
    className="st11"
    fill={shelf01ModuleABackgroundColor}
  />
  <text
    id="text84"
    x="40.257"
    y="73.5"
    className="st12"
    fill={shelf01ModuleATextColor}
  >
    {shelf01ModuleALabel}
  </text>
</g>
<g id="s1mA" transform="translate(35.163 -2.444)">
  <ModuleRenderer model={shelf01ModuleAModel} x={0} y={30.26} />
</g>

MóduloHDMIGenérico.tsx

Cada módulo tem isso adicionado...

"use client";

interface ModuleProps {
  x?: number;
  y?: number;
}

const GenericHDMImodule = ({ x = 0, y = 0 }: ModuleProps) => {
  return (
    <g transform={`translate(${x} ${y})`} height={11.31} width={80.51}>

A dica é que o último componente do módulo na lista do array é renderizado para todos se houver 2 ou mais tipos de módulo em um painel. Eu tive o mesmo problema quando comecei com os rótulos. Resolvi isso atribuindo a cada rótulo sua própria propriedade (por exemplo, shelf01moduleAlabel, shelf01moduleBlabel). Mas isso não funciona para renderizar os componentes do módulo em si. Ele ainda usa o último da lista e o renderiza para todos os módulos, pois esses são componentes dinâmicos. Simplesmente não consigo descobrir como atribuir a cada posição uma chave exclusiva para que eles sejam renderizados.

next.js
Martin Hope
Radon
Asked: 2025-04-20 22:51:19 +0800 CST
  • 5

Estou criando uma biblioteca compartilhada para o destino aarch64-linux-android. Após definir o vinculador como o fornecido pelo Android NDK e configurar o caminho para as bibliotecas nativas do Android pré-compiladas usando o -C link-args=--library-path=...sinalizador em config.toml, recebo este erro durante a compilação:

ld: error: unable to find library -lunwind

Tentei definir o argumento --sysroot do vinculador (o que parece não fazer nada). Adicionar --Bdynamic também não está funcionando.

Algumas informações sobre isso seriam úteis.

rust
Martin Hope
sevenkader
Asked: 2025-04-20 21:28:02 +0800 CST
  • 4

Estou tentando exibir o shortcode [produtos] em uma nova página que criei. Os produtos não são exibidos (mas o shortcode em si não é exibido como texto (como seria se não fosse renderizado, ou seja, o shortcode funciona, mas não exibe nada). Verifiquei os logs e ele apresenta estes erros:

Function is_post_type_archive was called incorrectly. Conditional query tags do not work before the query is run. Before then, they always return false.

Function is_page was called incorrectly. Conditional query tags do not work before the query is run. Before then, they always return false.

Function is_singular was called incorrectly. Conditional query tags do not work before the query is run. Before then, they always return false.

Function is_post_type_archive was called incorrectly. Conditional query tags do not work before the query is run. Before then, they always return false.

O erro ocorre em /home/miiriya/public_html/wp-includes/functions.php na linha 6121

Existe alguma solução alternativa que eu possa adicionar ao meu functions.php para permitir que os produtos sejam adicionados a uma página?

Digamos que a página onde estou tentando exibi-lo seja, por exemplo: https://www.example.com/fashion-beauty/

Vi algo parecido aqui, mas não sei como implementar:

https://wordpress.stackexchange.com/questions/242910/is-search-was-called-incorretamente

Peço desculpas pelo incômodo.

Martin Hope
Eitan
Asked: 2025-04-20 20:21:33 +0800 CST
  • 5

Tentei chamar um procedimento armazenado do SQL Server em outra sessão.

Este é meu código:

CREATE PROCEDURE [dbo].[CI_AdHoc_PrepareJob]
(
    @JobName NVARCHAR(50),
    @StepName NVARCHAR(50),
    @Value NVARCHAR(MAX)
)
AS
BEGIN
    BEGIN TRAN;

    DECLARE @MyStepName SYSNAME = @StepName + '_' + CAST(NEWID() AS NVARCHAR(36));
    DECLARE @MyCmd NVARCHAR(MAX) = 'EXEC CI_AdHoc_SP @id=1, @value=''' + @Value + '''';

    -- Call helper to create the job step immediately
  EXEC dbo.sp_add_jobstep
    @jobname = @JobName,
    @stepname = @myStepName,
    @subsystem = N'TSQL',
    @command = @MyCmd,
    @on_success_action = 1, -- Quit with success
    @on_fail_action = 2, -- Quit with failure
    @DatabaseName = 'MyDB';


    -- Now start the job
    EXEC msdb.dbo.sp_start_job 
        @job_name = @JobName,
        @step_name = @MyStepName;

    -- Get Job ID (optional)
    DECLARE @JobId UNIQUEIDENTIFIER;
    SELECT @JobId = job_id FROM msdb.dbo.sysjobs WHERE name = @JobName;

    ROLLBACK TRAN;
END

Quero que, mesmo que eu faça um rollback no final, o procedimento armazenado seja executado (sem que o rollback interfira. Ele é usado para algumas atualizações no banco de dados, por exemplo).

Como posso fazer isso?

Executar trabalho com parâmetro é uma boa solução.

(Pode ser que não haja problema se não houver parâmetros para o procedimento armazenado, mas preciso passar parâmetros, então preciso chamar sp_add_jobstepdentro da transação. Não encontrei outra maneira de fazer isso).

sql-server
Martin Hope
rabdu
Asked: 2025-04-20 20:21:25 +0800 CST
  • 5

Tenho uma dúvida que não encontrei nem mesmo algo mais próximo. Em um trabalho, tenho 2 parâmetros de string:

  • nome de usuário
  • grupo

Posso fazer com que o título do parâmetro fique na cor vermelha de alguma forma?

obrigado

tentei pesquisar no Google, mas nada, sua ajuda é apreciada

d

Martin Hope
Maurice Lim
Asked: 2025-04-20 20:15:20 +0800 CST
  • 6

Me deparei com um bug/recurso interessante do .Q.ty.

Na documentação ( https://code.kx.com/q/ref/dotq/#ty-type ), é indicado usar letras maiúsculas para uma lista de tipos uniformes .

No entanto, me deparei com o seguinte bug/recurso:

q).Q.ty(10 10;`abn)
"J"
q).Q.ty 10#(10 10;`abn)
"J"
q)type each(10 10;`abn)
7 -11h
q)type each 10#(10 10;`abn)
7 -11 7 -11 7 -11 7 -11 7 -11h
q)show t:([]a:3 4 5;b:"abc";c:(3;"xy";`ab);d:3 2#3 4 5;e:("abc";"de";"fg");f:(10 10;`abn;10 10))
a b c    d   e     f
------------------------
3 a 3    3 4 "abc" 10 10
4 b "xy" 5 3 "de"  `abn
5 c `ab  4 5 "fg"  10 10
q)meta t
c| t f a
-| -----
a| j
b| c
c|
d| J
e| C
f| J

Por que o tipo não é uma lista mista?

kdb+
Martin Hope
Nimble Stalker
Asked: 2025-04-20 19:59:44 +0800 CST
  • 5

Criei meu aplicativo React vazio com Vite v.6e instalei Chakra UI. Mas depois de iniciar o aplicativo, vejo um erro:

"Erro interno do servidor: falha ao resolver a importação "@chakra-ui/react". imagem de erro

Eu instalei o @chakra-ui/react. Eu uso o macOS. O problema é que, não importa o que eu importe do chakra-ui, o erro é exibido.

  • main.tsx
import { ChakraProvider, defaultSystem } from "@chakra-ui/react"
import { ThemeProvider } from "next-themes"
import React from "react"
import ReactDOM from "react-dom/client"
import { RouterProvider, createBrowserRouter } from 'react-router-dom'
import './styles/index.css'
import MainLayout from "./shared/layouts/MainLayout";
import Dashboard from "./modules/hex-grid/pages/dashboars/Dashboard";

const routes = createBrowserRouter([
  {
    element: <MainLayout />,
    children: [
      { index: true, element: <Dashboard /> },
    ],
  },
])

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <ChakraProvider value={defaultSystem}>
      <ThemeProvider attribute="class" disableTransitionOnChange>
        <RouterProvider router={routes} />
      </ThemeProvider>
    </ChakraProvider>
  </React.StrictMode>,
)
  • pacote.json
{
  "name": "vite-ts",
  "private": true,
  "version": "1.0.2",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "@chakra-ui/react": "^3.16.0",
    "@emotion/react": "^11.14.0",
    "@emotion/styled": "^11.14.0",
    "@tailwindcss/vite": "^4.1.4",
    "framer-motion": "^12.7.4",
    "next-themes": "^0.4.6",
    "react": "^19.1.0",
    "react-dom": "^19.1.0",
    "react-icons": "^5.5.0",
    "react-router-dom": "^7.5.1",
    "tailwindcss": "^4.1.4"
  },
  "devDependencies": {
    "@chakra-ui/cli": "^3.16.0",
    "@types/react": "^19.1.1",
    "@types/react-dom": "^19.1.2",
    "@vitejs/plugin-react": "^4.3.4",
    "typescript": "^5.8.3",
    "vite": "^6.2.6"
  }
}

Enviei o aplicativo para o GitHub para que você possa reproduzir meu problema. (Até reiniciei o computador e não adiantou.)

javascript
Martin Hope
Zip a file
Asked: 2025-04-20 19:54:56 +0800 CST
  • 7

Sou novo no desenvolvimento Android com Kotlin. Estou tentando definir a visualização de conteúdo da minha atividade, mas estou recebendo um Unresolved reference: layouterro no Android Studio nesta linha:

setContentView(R.layout.activity_main)

Meu activity_main.xmlarquivo existe na res/layoutpasta e o projeto é compilado sem erros. Tentei limpar e reconstruir o projeto, invalidar caches e reiniciar o Android Studio, mas o erro persiste.

Aqui está o código relevante do meu MainActivity.kt:

package com.example.mylayouttest

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main) // Error occurs here
    }
}

E um trecho do meu activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />

 </LinearLayout>

Poderia haver algum problema com a configuração do meu projeto, importações ou algo mais que estou esquecendo?

Martin Hope
Maarten Derickx
Asked: 2025-04-20 19:50:59 +0800 CST
  • 8

Às vezes, eu clono um repositório no GitHub usando o botão "Abrir com o GitHub Desktop", conforme documentado aqui no GitHub . No entanto, essa funcionalidade sempre clona, ​​por padrão, usando https em vez de ssh.

Então, toda vez que clono algo, preciso alterar manualmente a URL. Existe alguma maneira de informar ao GitHub que nunca quero clonar com https e sempre quero clonar com ssh?

git
Prev
Próximo