All perguntas(coding)

Tenho um formulário HTML que filtra uma lista de resultados em uma div.

O que eu quero é que apenas o conteúdo do div seja recarregado em vez da página inteira, e usando apenas JavaScript puro.

Isto é o que tenho até agora e não está retornando os resultados filtrados:

document.querySelector('form[name="filters"]').addEventListener('submit', function (e) {
    
    e.preventDefault();
    var xhttp = new XMLHttpRequest();
    var action = document.querySelector('form[name="filters"]').getAttribute('action');
    var list = document.querySelector('.list');
    xhttp.responseType = "document";
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
          list.innerHTML = this.response.querySelector('.list').innerHTML;
        };
    };
    xhttp.open("POST", action, true);
    xhttp.send();

});

Estou tentando detectar uma mancha grande usando o OpenCV SimpleBlobDetectorseguindo esta resposta do SO .

Aqui está a imagem de entrada:

Primeiro tentei trabalhar com params.filterByArea = False , o que permitiu detectar a grande mancha preta:

No entanto, pontos menores também acabaram sendo detectados. Portanto, alternei params.filterByArea = Truena esperança de impor um critério na área do objeto.

Entretanto, ao definir params.filterByArea = True com params.minArea = 10a maior mancha não é mais identificada:

Tentei usar outros minAreaparâmetros sem sucesso, até mesmo tentando um minAreavalor 0, o que deveria ser equivalente a nenhuma filtragem.

O que estou perdendo aqui?

Estou usando replaceFirstChar()and uppercase()para converter o primeiro caractere de uma string para maiúscula.

Mas algumas strings podem ter sinais de pontuação, aspas, etc. como o primeiro caractere. Nesses casos, quero que ele os ignore e substitua o primeiro caractere alfanumérico que encontrar.

Como eu poderia conseguir isso?

Código

fun main(){    
    println("kotlin".replaceFirstChar       { it.uppercase() })  // Kotlin
    println("¡kotlin!".replaceFirstChar     { it.uppercase() })  // I need ¡Kotlin!
    println("¿kotlin?".replaceFirstChar     { it.uppercase() })  // I need ¿Kotlin?
    println("\"¿kotlin?\"".replaceFirstChar { it.uppercase() })  // I need "¿Kotlin?"
    println("\"kotlin\"".replaceFirstChar   { it.uppercase() })  // I need "Kotlin"
}

Saída

Kotlin
¡kotlin!
¿kotlin?
"¿kotlin?"
"kotlin"

Saída desejada

Kotlin
¡Kotlin!
¿Kotlin?
"¿Kotlin?"
"Kotlin"

Em R, tenho um data frame com uma coluna chamada “time” com entradas como “1 hour ago”, “2 hours ago” e “38 minutes ago”. Como faço para convertê-los em um formato padrão de data/hora com base no horário do sistema, como “2025-03-09 01:30:00”?

Por favor, considere a seguinte tabela encontrada em um arquivo PDF:

Posso baixar e extrair a tabela com o seguinte código:

url <- "https://www.fenabrave.org.br/portal/files/2023_01_2.pdf"

download.file(url, 'cars.pdf', mode="wb")

library(tabulapdf)

df <- extract_tables(
  'cars.pdf',
  pages = 27,
  area = list(c(126.4826, 96.5997, 782.1684, 297.9600)),
  guess = FALSE)
  bind_rows() |>
  set_names(c("Model","Quantity"))

Infelizmente, a função lê as quantidades como um tipo double e remove todos os zeros no final.

Posso adicionar o seguinte código para alterar sua classe:

df <- extract_tables(
  'cars.pdf',
  pages = 27,
  area = list(c(126.4826, 96.5997, 782.1684, 297.9600)),
  guess = FALSE) |> 
  bind_rows() |>
  set_names(c("Model","Quantity"))|>
  mutate(Quantity = gsub("\\.", "", Quantity))|>
  mutate(Quantity = as.integer(Quantity))

Mas o estrago já está feito: 2.830 virou 283; 1.220 virou 122.

Existe uma maneira de fazer com que os dados sejam lidos como char?

Estou encontrando o seguinte erro ao tentar retornar um objeto ErrorResponse personalizado com um campo LocalDateTime usando Jackson no meu aplicativo Spring Boot:

com.fasterxml.jackson.databind.exc.InvalidDefinitionException: Java 8 date/time type `java.time.LocalDateTime` not supported by default: add Module "com.fasterxml.jackson.datatype:jackson-datatype-jsr310" to enable handling (through reference chain: com.taskflow.taskflow.exceptions.ErrorResponse["timestamp"])

Problema:

Apesar de adicionar a configuração necessária do Jackson, ainda recebo o erro indicando que LocalDateTime não é suportado por padrão.

Quando substituo ErrorResponse por um Map<String, Object> , funciona, mas não é assim que quero lidar com respostas de erro.

O que eu tentei:

Adicionada dependência jackson-datatype-jsr310 .

Registrou o JavaTimeModule no ObjectMapper .

Configurado @JsonFormat no campo LocalDateTime em ErrorResponse .

Pergunta:

Como posso serializar corretamente LocalDateTime com Jackson na minha classe ErrorResponse personalizada e corrigir o erro acima?

AutenticaçãoEntryPointJwt.java:

@Component
public class AuthenticationEntryPointJwt implements AuthenticationEntryPoint {
    @Override
    public void commence(HttpServletRequest request, HttpServletResponse response, AuthenticationException authException) throws IOException, ServletException {
        response.setContentType(MediaType.APPLICATION_JSON_VALUE);
        response.setStatus(HttpServletResponse.SC_UNAUTHORIZED);

        ErrorResponse errorResponse = new ErrorResponse(
                HttpServletResponse.SC_FORBIDDEN,
                "Forbidden",
                "You do not have permission to access this resource.",
                request.getRequestURI()
        );

ErrorResponse.java:

@Getter
@Setter
public class ErrorResponse {

    @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd'T'HH:mm:ss", timezone = "UTC")
    private LocalDateTime timestamp;
    private int status;
    private String error;
    private String message;
    private String path;

    public ErrorResponse(int status, String error, String message, String path) {
        this.timestamp = LocalDateTime.now();
        this.status = status;
        this.error = error;
        this.message = message;
        this.path = path;
    }
}

Tentei adicionar JacksonConfig, mas continua o mesmo problema.

@Configuration
public class JacksonConfig {

    @Bean
    @Primary
    public ObjectMapper objectMapper(){
        return new ObjectMapper()
                .registerModule(new JavaTimeModule()) // Enables LocalDateTime serialization
                .disable(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS); // Ensures proper formatting
    }
}

pom.xml

<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.18.2</version>
</dependency>

<dependency>
    <groupId>com.fasterxml.jackson.datatype</groupId>
    <artifactId>jackson-datatype-jsr310</artifactId>
    <version>2.18.2</version>
</dependency>

<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-annotations</artifactId>
    <version>2.18.2</version>
</dependency>

Preciso ocultar um div dentro do meu formulário de pedido (de cálculo) até que uma seleção seja feita em um menu de seleção. Reduzi esse exemplo de 'Formulário de pedido de sorvete' para ver se alguém tem alguma orientação.

Neste exemplo, eu gostaria de ocultar a div 'toppings' até que uma seleção seja feita no menu de seleção 'scoopsSelector'.

.plus {
  display: none;
}

<h1>Ice Cream Order Form</h1>

<form action="icecream_formHandler.php" method="post" enctype="multipart/form-data">

  <select id="flavor" name="flavor">

    <option selected="true" disabled="disabled">Select Your Flavor</option>
    <option value="Vanilla">Vanilla</option>
    <option value="Chocolate">Chocolate</option>
    <option value="Strawberry">Mixed</option>

  </select><br><br>

  <select id="scoopsSelector" name="scoopsSelector" onchange="calcuMath()">

    <option value='0' selected="true" disabled="disabled">How Many Scoops?</option>
    <option value="3">One Scoop - $3.00</option>
    <option value="5">Two Scoops - $5.00</option>
    <option value="7">Three Scoops - $7.00</option>

  </select><br><br>

  <!-- This hidden input uses it's population to pass the <select> text instead of the <select> 
    value to the php form handler  -->

  <input type="hidden" id="scoops" class="scoops" name="scoops">

  <script>
    const scoopsSelector = document.getElementById('scoopsSelector')
    scoopsSelector.addEventListener('input', function() {
      let selectedOptText = scoopsSelector.options[scoopsSelector.selectedIndex].text
      document.querySelector('.scoops').value = selectedOptText;
    })
  </script>



  <div name="toppings" id="toppings">


    <p>Toppings: (Optional)</p>

    <select id="plus" class="plus">
      <option value="add" id="add">+</option>
    </select>

    <input type="hidden" id="nuts" name="nuts" value="0" ><input type="checkbox"
    name="nutsCheckbox" onchange="this.previousSibling.value=3-this.previousSibling.value; 
    calcuMath();">&nbsp;Nuts $3.00<br><br>

    <select id="plus" class="plus">
      <option value="add" id="add">+</option>
    </select>

    <input type="hidden" id="sprinkles" name="sprinkles" value="0"><input type="checkbox"
    name="sprinklesCheckbox" onchange="this.previousSibling.value=3-this.previousSibling.value; 
    calcuMath();">&nbsp;Sprinkles $3.00<br><br>

    <select id="plus" class="plus">
      <option value="add" id="add">+</option>
    </select>

    <input type="hidden" id="syrup" name="syrup" value="0"><input type="checkbox"
    name="syrupCheckbox" onchange="this.previousSibling.value=4-this.previousSibling.value; 
    calcuMath();">&nbsp;Syrup $4.00<br><br><br>

    <select id="plus" class="plus">
      <option value="add" id="add">+</option>
    </select>


  </div>


  <select id="dishSelector" name="dishSelector" onchange="calcuMath()">

    <option value='0' selected="true" disabled="disabled">Cup or Cone</option>
    <option value="3">Cup - $3.00</option>
    <option value="4">Cone - $4.00</option>

  </select><br><br><br>



  <input type="hidden" id="dish" class="dish" name="dish">

  <script>
    const dishSelector = document.getElementById('dishSelector')
    dishSelector.addEventListener('input', function() {
      let selectedOptText = dishSelector.options[dishSelector.selectedIndex].text
      document.querySelector('.dish').value = selectedOptText;
    })
  </script>

  TOTAL: $<a id="result"></a><br><br>

  <script>
    function calcuMath() {
      var z;
      var a = document.getElementById("scoopsSelector").value;
      var b = document.getElementById("nuts").value;
      var c = document.getElementById("sprinkles").value;
      var d = document.getElementById("syrup").value;
      var e = document.getElementById("dishSelector").value;
      var sel = document.getElementById("plus");
      var selection = sel.options[sel.selectedIndex].value;
      var more = document.getElementById("add");
      if (selection == "add") {
        z = parseFloat(a) + parseFloat(b) + parseFloat(c) + parseFloat(d) + parseFloat(e);
      }

      document.getElementById("result").innerHTML = "" + z + "";
    }
  </script>

  <input type="submit" id="submitButton" name="submitButton" value="Place Order">

</form>

<style>
div {
font-size: 16px;
line-height: 16px;
display: inline-block;
width: 40%;
background: gray;
vertical-align: top;
}
</style>
<div style="font-family: monospace;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div style="font-family: sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

Ambos font-sizee line-heightsão definidos como 16px. No entanto, a altura real das linhas ainda depende de is font-familyou monospace. sans-serifO que mais preciso definir para obter alturas de linha uniformes?

usando o seguinte código

template <typename T>
concept SomeConcept = requires(T t) {
    { t++ } -> std::convertible_to<T>;
};

O conceito SomeConceptgarante que o tipo Ttenha sobrecarregado o operator++(int)e o tipo de resultado seja conversível para T. E std::convertible_to recebe 2 parâmetros, o primeiro é From, e o segundo é To.

Então minha pergunta é: qual parâmetro recebe o resultado da expressão e por quê? E com essa resposta, por que ele Té passado como o outro parâmetro e não o contrário?

Por favor, forneça uma referência adequada para respaldar a resposta, de preferência do rascunho padrão, se possível.

desde já, obrigado

Por que uma dinâmica array of stringse torna incompatível com outra dinâmica array of stringquando colocada dentro de um registro ou classe?

type
  TRec = record
    ArrayInRecord: array of string;
  end;

var
  Rec: TRec;
  SimpleArray1, SimpleArray2, CombinedArrayOK, CombinedArrayFail: array of string;

begin
  SimpleArray1 := ['1', '2'];
  SimpleArray2 := ['3', '4'];
  CombinedArrayOK := SimpleArray1 + SimpleArray2;  // No problem here

  Rec.ArrayInRecord := ['5', '6'];
  CombinedArrayFail := SimpleArray1 + Rec.ArrayInRecord;  // E2008 Incompatible types
end;