All perguntas(coding)

Olá, estou tentando alterar alguns estilos CSS de um script JavaScript externo (igv.js). Estou executando esse script incorporado em um arquivo HTML, conforme sugerido aqui .

<div id="igv_div">
<script type="module">
    import igv from "https://cdn.jsdelivr.net/npm/[email protected]/dist/igv.esm.min.js"
    const div = document.getElementById("igv_div")
    const config = {
            genome: "hg19"
    }
    const browser = await igv.createBrowser(div, config) 
</script>
</div>

Consegui mudar algumas cores globalmente de uma só vez usando algo assim:

<style>
#igv_div {filter: invert(88%);}
</style>

No entanto, nada do que tento altera elementos individuais. Quando simplesmente tento definir o estilo CSS de um elemento no cabeçalho HTML, parece que isso é completamente ignorado.

<style>
.igv-track-label {color: red;}
</style>

No entanto, posso manipulá-lo usando o seletor diretamente no navegador, então acho que o estilo está codificado em algum lugar do próprio script e substitui meu CSS modificado. Existe alguma maneira de substituir o estilo do script sem alterá-lo, ao executá-lo a partir de um arquivo HTML?

Tenho a seguinte constexprfunção de Fibonacci:

constexpr auto fibo(unsigned int number) -> unsigned long long {
    if (number < 2) return number;
    return fibo(number - 1) + fibo(number - 2);
}

Se eu comparar com o código abaixo, obtenho a seguinte saída:

benchmark name                       samples       iterations    est run time
                                     mean          low mean      high mean
                                     std dev       low std dev   high std dev
-------------------------------------------------------------------------------
Benchmark fibo(46)                             100             1        2.66 m 
                                         1.60356 s     1.60231 s     1.60477 s 
                                        6.30399 ms    5.51902 ms    7.32077 ms

Quando altero o numberparâmetro para unsigned int const &number, a velocidade melhora significativamente:

benchmark name                       samples       iterations    est run time
                                     mean          low mean      high mean
                                     std dev       low std dev   high std dev
-------------------------------------------------------------------------------
Benchmark fibo(46)                             100             1    17.7672 ms 
                                        177.013 us    176.272 us      177.9 us 
                                        4.13731 us    3.56318 us    4.80496 us

Por que há um aumento tão grande de velocidade ao passar o parâmetro por referência?

Código de benchmarking:

#include "Fibonacci.hpp"
#include "catch2/catch_message.hpp"

#include <catch2/benchmark/catch_benchmark.hpp>
#include <catch2/catch_test_macros.hpp>
#include <catch2/generators/catch_generators.hpp>
#include <catch2/generators/catch_generators_all.hpp>
#include <catch2/generators/catch_generators_range.hpp>
#include <sstream>
#include <utility>

TEST_CASE("Fibonacci calculation", "[Fibonacci Benchmark Suite]") {
  auto entry = GENERATE(table<unsigned long long, unsigned long long>({
    {0, 0}, 
    {1, 1}, 
    {2, 1}, 
    {3, 2}, 
    {4, 3}, 
    {5, 5}, 
    {46, 1836311903} // Runs long!
    }));
  auto input = std::get<0>(entry);
  auto expected = std::get<1>(entry);
  std::ostringstream oss;
  oss << "Benchmark fibo(" << input << ")";
  auto benchmarkName = oss.str();
  BENCHMARK(std::move(benchmarkName)) {
    return fibo(input);
  };
  CAPTURE(input, expected);
  REQUIRE(fibo(input) == expected);
}

(Nota: Este código também parece um pouco estranho, já que a compilação com o GCC 14.2.1 às vezes fazia com que ele consumisse toda a minha RAM antes de ser morto pelo kernel do Linux. Adicionei os sinalizadores -fconstexpr-ops-limit=100000000000000e -fconstexpr-cache-depth=50, mas eles não parecem ter ajudado)

Eu tenho um tensor pde forma (B, 3, N)no PyTorch:

# 2 batches, 3 channels (x, y, z), 5 points
p = torch.rand(2, 3, 5, requires_grad=True)
"""
p: tensor([[[0.8365, 0.0505, 0.4208, 0.7465, 0.6843],
         [0.9922, 0.2684, 0.6898, 0.3983, 0.4227],
         [0.3188, 0.2471, 0.9552, 0.5181, 0.6877]],

        [[0.1079, 0.7694, 0.2194, 0.7801, 0.8043],
         [0.8554, 0.3505, 0.4622, 0.0339, 0.7909],
         [0.5806, 0.7593, 0.0193, 0.5191, 0.1589]]], requires_grad=True)
"""

E depois outro z_shiftde formato [B, 1]:

z_shift = torch.tensor([[1.0], [10.0]], requires_grad=True)
"""
z_shift: tensor([[1.],
        [10.]], requires_grad=True)
"""

Quero aplicar o deslocamento z apropriado de todos os pontos em cada lote, deixando x e y inalterados:

"""
p: tensor([[[0.8365, 0.0505, 0.4208, 0.7465, 0.6843],
         [0.9922, 0.2684, 0.6898, 0.3983, 0.4227],
         [1.3188, 1.2471, 1.9552, 1.5181, 1.6877]],

        [[0.1079, 0.7694, 0.2194, 0.7801, 0.8043],
         [0.8554, 0.3505, 0.4622, 0.0339, 0.7909],
         [10.5806, 10.7593, 10.0193, 10.5191, 10.1589]]])
"""

Consegui fazer assim:

p[:, 2, :] += z_shift

para o caso em que requires_grad=False, mas isso falha dentro do forwardmeu nn.Module(que eu presumo ser equivalente a requires_grad=True) com:

RuntimeError: a view of a leaf Variable that requires grad is being used in an in-place operation.

Sou novato em CSS e estou tentando descobrir como criar menus suspensos.

Copiei praticamente o código do W3Schools, que ensinava este tópico, mas o modifiquei para ter três listas suspensas separadas, que aparecem com base na parte da barra de navegação sobre a qual o cursor está sendo passado. No entanto, as listas aparecem em cima do botão em vez de abaixo dele, como no exemplo mostrado no W3Schools. Meu código é mostrado abaixo.

<!DOCTYPE html>
<html style="font-size: 16px;font-family: Roboto" lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Test</title>
        <style>
        .navBar{
            overflow: hidden;
            background-color: red;
        }

        .navBar button{
            background: transparent;
            color: white;
            border: none;
            outline: none;
            padding: 14px 16px;
            height: 48px;
            width: 128px;
            font-size: 16px;

            float: left;
        }

        .navEvents, .navGear, .navClubs{
            float: left;
            overflow: hidden;
        }

        .dropdownEvents, .dropdownGear, .dropdownClubs{
            display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        }

        .dropdownEvents a, .dropdownGear a, .dropdownClubs a{
          float: none;
          color: black;
        padding: 12px 16px;
          text-decoration: none;
        display: block;
        text-align: left;
        }

        .navEvents:hover .dropdownEvents{
            display: block;
        }

        .navGear:hover .dropdownGear{
            display: block;
        }

        .navClubs:hover .dropdownClubs{
            display: block;
        }
            
        </style>
    </head>
    <body>
        <h1>RUN63</h1>

        <div class="navBar">
            <button>Home</button>
            <div class="navEvents">
                <button>Events</button>
                <div class="dropdownEvents">
                    <a href="#">Live Events</a>
                    <a href="#">Past Events</a>
                    <a href="#">Ongoing Events</a>
                </div>
            </div>
            <div class="navGear">
                <button class="btnNavGear">Gear</button>
                <div class="dropdownGear">
                    <a href="#">Link 1</a>
                    <a href="#">Link 2</a>
                    <a href="#">Link 3</a>
                </div>
            </div>
            <div class="navClubs">
                <button class="btnNavClubs">Clubs</button>
                <div class="dropdownClubs">
                    <a href="#">Link 1</a>
                    <a href="#">Link 2</a>
                    <a href="#">Link 3</a>
                </div>
            </div>
            <button class="btnAbout">About</button>
        </div>

    </body>
</html>

Tentei usar o código do W3Schools como está e obtive os mesmos resultados do exemplo deles no navegador que estou usando para verificar os resultados, então não é um problema do navegador.

Tentei refazer toda a parte CSS do código, pedaço por pedaço, tentando copiar o máximo possível do código do W3Schools e modificando para se adequar à minha estrutura de 3 menus suspensos, mas encontrei o mesmo problema.

Estou tentando salvar os seis subplots que criei em arquivos de imagem separados. Só consigo salvar o primeiro subplot. Como faço para salvar os seis separadamente?

Aqui está meu código:

# define the colors
color_palette = [{"Neon": "#ff0099",  "Background": "#2e002e"},
                 {"Neon": "#00ff00",  "Background": "#003300"},
                 {"Neon": "#00ccff",  "Background": "#002233"},
                 {"Neon": "#ffff00",  "Background": "#333300"},
                 {"Neon": "#ff6600",  "Background": "#331a00"},
                 {"Neon": "#ff00ff",  "Background": "#330033"}
]

# visualize networks
for idx, (city, edges) in enumerate(city_edges.items()):   

    # set the plot paramts
    neon = color_palette[idx]['Neon']
    color_bcg  = color_palette[idx]['Background']
    width = 0.5

    # do the plot
    f, ax = plt.subplots(1,1,figsize=(12,12))
    edges.plot(ax = ax, color = neon, linewidth = width, alpha = 0.9)
    ax.set_facecolor(color_bcg)

    # get rid of the ticks
    for xlabel_i in ax.get_xticklabels(): xlabel_i.set_visible(False)
    for ylabel_i in ax.get_yticklabels(): ylabel_i.set_visible(False)
    for tick in ax.get_xticklines(): tick.set_visible(False)
    for tick in ax.get_yticklines(): tick.set_visible(False)

    # add the title
    ymin, ymax = plt.ylim()
    extension = 0.1 * (ymax - ymin)
    ax.set_ylim(ymin, ymax + extension)
    ax.set_title(city, fontsize = 20, color = neon, y = 0.9)

plt.savefig("cities.png")

Estou trabalhando em um layout do Flutter onde tenho uma lista de modos de transporte (como caminhada, carro, ônibus, trem) e estou colocando um avatar de perfil no topo usando um Stackwidget Positioned.
Aqui, o avatar do perfil não está dentro da 1ª linha.
Esta é a IU de amostra.

Stack(
  children: [
    Container(
      color: Colors.grey[300],
      padding: EdgeInsets.all(16),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: const [
          Text("Walk"),
          Text("Car"),
          Text("Bus"),
          Text("Train"),
        ],
      ),
    ),
    Positioned(
      top: 0,
      right: 0,
      child: CircleAvatar(
        radius: 24,
        child: Icon(Icons.person),
      ),
    ),
  ],
)

Tudo funciona bem até que o texto fique muito longo , como neste caso.
Se o texto for muito longo, é assim que ele pinta a interface do usuário problemática.

Tentei ajustar manualmente o texto em "sizedbox" com uma largura fixa para evitar sobreposições.
Mas isso não funciona em todos os casos.

Stack(
  children: [
    Container(
      color: Colors.grey[300],
      padding: EdgeInsets.all(16),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: const [
          Row(
            children: [
              Icon(Icons.directions_walk),
              SizedBox(width: 8),
              // Manually restrict text width to avoid overlap
              SizedBox(
                width: 80, // <-- hardcoded width
                child: Text("Walk Walk Walk"),
              ),
            ],
          ),
          Row(
            children: [
              Icon(Icons.directions_car),
              SizedBox(width: 8),
              Text("Car"),
            ],
          ),
          Row(
            children: [
              Icon(Icons.directions_bus),
              SizedBox(width: 8),
              Text("Bus"),
            ],
          ),
          Row(
            children: [
              Icon(Icons.train),
              SizedBox(width: 8),
              Text("Train"),
            ],
          ),
        ],
      ),
    ),
    Positioned(
      top: 0,
      right: 0,
      child: CircleAvatar(
        radius: 24,
        child: Icon(Icons.person),
      ),
    ),
  ],
)

Existe uma maneira melhor de organizar isso para que o Positionedwidget não interfira no layout do texto abaixo — sem codificar as larguras

Estou tentando ler o cabeçalho Etag para o upload multipart da AWS em um aplicativo NextJS via fetch, mas o único cabeçalho que consigo response.headers.entriesé o Content-Length. A aba de rede mostra os cabeçalhos disponíveis.

Estou tentando ler o cabeçalho Etag para o upload multipart da AWS em um aplicativo NextJS via fetch, mas o único cabeçalho que consigo response.headers.entriesé o Content-Length. A aba de rede mostra os cabeçalhos disponíveis.

Estou fazendo o dever de casa para uma aula de Estruturas de Dados e criando uma árvore 2-3 no NetBeans, mas há uma falha que continua acontecendo, onde um método é chamado duas vezes, mas na segunda vez, ele está sendo chamado por uma instrução que não existe.

Este é o método que está sendo chamado pela classe principal. main.Tree23.insert()É a linha 33 da minha classe Tree23.

Aqui está a pilha de chamadas listando corretamente as chamadas de método até agora:

Mas então, sem nenhuma razão aparente, o método é chamado novamente e a linha que ele chama nem está lá. Há claramente um espaço em branco na linha 51.

Quando comento o método inteiro, obviamente, ele não executa e recebo um erro de compilação. E quando o movo para outro lugar no código, ele ainda executa a linha 51 (apesar de haver uma instrução completamente diferente lá). Não tenho ideia de como solucionar isso. O que pode estar causando essa falha?

Estou tentando passar um valor @Binding para a hierarquia de visualizações do SwiftUI usando uma @EnvironmentKey personalizada. Na minha NestedView, estou usando uma combinação de @Environment e @Binding como esta:

@Environment(\.featureEnabledBinding) @Binding var myBool: Bool

Eu deveria conseguir usar isso em um Toggle como: Toggle(isOn: $myBool, label: { Text("Toggle") })

Entretanto, isso me dá um erro do compilador:

Não é possível encontrar '$myBool' no escopo

isso funciona perfeitamente: Toggle(isOn: _myBool.wrappedValue, label: { Text("Toggle") })

Isso é o oposto do que eu esperava. Pelo que entendi: • _myBool deve ser o wrapper (Binding) • $myBool deve ser o valor projetado (também um Binding)

Aqui está meu código

Configuração do ambiente:

struct FeatureEnabledKey: EnvironmentKey {
    static let defaultValue: Binding<Bool> = .constant(false)
}

extension EnvironmentValues {
    var featureEnabledBinding: Binding<Bool> {
        get { self[FeatureEnabledKey.self] }
        set { self[FeatureEnabledKey.self] = newValue }
    }
}

e Exemplo Mínimo

struct ParentView: View {
    @State private var isFeatureEnabled = false

    var body: some View {
        NestedView()
            .environment(\.featureEnabledBinding, $isFeatureEnabled)
    }
}

struct NestedView: View {
    @Environment(\.featureEnabledBinding) @Binding var myBool: Bool

    var body: some View {
        VStack {
            // ❌ This gives an error : Cannot find '$myBool' in scope
            // Toggle(isOn: $myBool, label: { Text("Toggle") })

            // ✅ This works fine
            Toggle("Working Toggle", isOn: _myBool.wrappedValue)
        }
    }
}

Pergunta: Por que $myBool está indisponível ou inválido neste contexto? É um bug conhecido do SwiftUI/compilador com wrappers de propriedade dupla (@Environment @Binding)? Ou meu entendimento não está correto.

Xcode: 16.3

Estou tentando inicializar um array que é declarado em C struct.

O objetivo é usar um array e passá-lo como um argumento para uma função, que então copia cada elemento do array passado e o atribui a um array dentro de uma struct.

#include <stdio.h>


typedef struct {
    int v;
    int arrayInStruct[];
} TEST;

void ProblemCode1(){
    TEST test1; //Array Declared after struct declaration.
    int array[5] = {1,2,3,4,5};
    for(int i = 0; i < 5; i++){
        test1.arrayInStruct[i] = array[i];
        printf("%d", test1.arrayInStruct[i]);
    }
    return;
}

void ProblemCode2(int a[]){
    //Array Pass by Value and elements assigned to struct array.
    TEST test2;
    test2.arrayInStruct[5] = 0;
    for(int i = 0; i < 5; i++){
        test2.arrayInStruct[i] = a[i];
        printf("%d", test2.arrayInStruct[i]);
    }
    return;
}


void ProblemCode3(int a[]){
    //Array Pass by Value and elements assigned to struct array 
    //and struct array initilzation missing as compared to ProblemCode2.
    TEST test2;
    for(int i = 0; i < 5; i++){
        test2.arrayInStruct[i] = a[i];
        printf("%d", test2.arrayInStruct[i]);
    }
    return;
}

void WorkingCode1(){
    int array[5] = {1,2,3,4,5};
    TEST test1; //Array Created Before Declaration of Struct and not passed via function.
    for(int i = 0; i < 5; i++){
        test1.arrayInStruct[i] = array[i];
        printf("%d", test1.arrayInStruct[i]);
    }
    printf("\n");
    return;
}

void WorkingCode2(){
    int array1[5] = {1,2,3,4,5};
    int array2[5] = {0};
    for(int i = 0; i < 5; i++){
        array2[i] = array1[i];
        printf("%d", array2[i]);
    }
    printf("\n");
    return;
}

int main(){
    //int passbyValue[] = {1,2,3,4,5};
    //ProblemCode1();
    //ProblemCode2(passbyValue);
    //ProblemCode3(passbyValue);
    WorkingCode1();
    WorkingCode2();
    return 0;
}

Alguém poderia explicar por que certas funções funcionam e outras não?