Vue.js: Recebo todos elementos de uma tag no array, mas não consigo acessá-los

Estou usando esta API do pinterest para ter na tela o perfil de um usuário.
A tag a dentro da div de classe "profile" retorna um layout com uma tag span como pai de todas as outras tags também span, e posso visualizá-las através do devtools.

<template>
  <div class="profile">
    <a href="https://www.pinterest.com/anapinskywalker/style"
       data-pin-do="embedUser"
       data-pin-board-width="600"
       data-pin-scale-height="420"
       data-pin-scale-width="80"
    >
  </div>
</template>

No entanto, dentro dos meus métodos estou buscando acessar as tags span dentro do array, mas obtenho os seguintes retornos:

let profile = document.getElementsByClassName('profile')
console.log(profile(0).children) // retorna a desejada tag "span" na posição 0
console.log(profile(0).children(0)) // retorna a tag "a" que foi colocada na div com a classe "profile"

De que maneira posso acessar o array com os spans, sem que eles sejam perdidos?

r – Como fazer um subset em uma série do tipo zoo escolhendo certos anos ou meses?

Eu tenho a seguinte série:

zoo_serie<- zoo(1:length(seq.Date(as.Date("1991-12-01"),as.Date("1998-12-31"),'day')),seq.Date(as.Date("1991-12-01"),as.Date("1998-12-31"),'day'))

Quero fazer um subset para os anos de 1991, 1995 e 1997, como faço isso de forma ágil?

Atualmente eu crio uma série de datas e depois faço o index na série, isso não se torna viável para séries enormes.

zoo_serie(index(zoo_serie) %in% vetor_de_datas)

Queria algo como assim:

zoo_serie(year(index(zoo_serie)) %in% c(1911,1995,1997))

Mas não funciona. Da mesma forma queria para meses específicos, essa forma ainda não consegui.

É possível filtrar uma base em SQL com base em uma lista de valores?

Em pandas, quando quero filtrar um DataFrame com base em uma lista de valores, faço:

valores=[15,17,22]
df=df[[k in valores for k in df.mpg]]

Em SQL eu sei que posso obter o mesmo resultado com o seguinte código:

SELECT * FROM 'dataset.table1'
WHERE mpg=15
OR mpg=17
OR mpg=22

O problema desse método é que se a lista de valores for muito grande eu preciso escrever OR centenas ou até milhares de vezes.

Existe uma forma mais sucinta de fazer essa query no SQL usando uma lista como em pandas?

P.S: No exemplo do pandas usei o example dataset auto.csv

Ajuda com uma tabela Excel

Eu tenho duas tabelas no excel, em uma delas eu tenho informações sobre se o produto foi “Instalado” ou “Não Instalado” e na outra tabela eu precisaria que mostrasse puxasse forma automática sempre que alguém registrasse um produto como “Não Instalado”. Tentei com procv e não consegui. Alguém teria uma sugestão?

vba – Olá, como faço para percorrer uma frame e encontrar o atributo de um botão utilizando o navegador Internet Explorer, Alguma sugestão

Criei um For para percorrer uma frame e encontrar o atributo de um botão, esse For executa a verificação mais não encontra o tributo. Se alguém poder me ajudar??

For Each objeto In ie.Document.all.tags(“frame”)

    If objeto.tagName = "PJTxt" Then
        
        objeto.Click
        
    End If
    Debug.Print (objeto)
Next

c# – Como fazer dois inner Join em uma tabela?

CREATE TABLE FUNCAO
(
ID_FUNCAO INT IDENTITY(1,1),
NOME_FUNCAO VARCHAR(100),
SALARIO VARCHAR(100),
DATA VARCHAR(100),
CONSTRAINT PK_FUNCAO PRIMARY KEY (ID_FUNCAO)
)

CREATE TABLE DEPARTAMENTO
(
ID_DEPARTAMENTO INT IDENTITY(1,1),
NOME_DEP VARCHAR(100),
ID_FUNCAO INT,
CONSTRAINT PK_DEP PRIMARY KEY (ID_DEPARTAMENTO),
CONSTRAINT PK_DEP_FUNCAO FOREIGN KEY (ID_FUNCAO)
REFERENCES FUNCAO (ID_FUNCAO)
)

No Programa VS a comboBox Função e Salário
Os dados vêm atraves da tabela função(fiz inner join)

Eu pretendo que na data gridview apareça as duas tabelas?
só aparece uma.
Como fazer dois inner join num select?

Estou a usar esse select

string sql4A = "SELECT DP.ID_DEPARTAMENTO, DP.NOME_DEP, FUNCAO.NOME_FUNCAO, FUNCAO.ID_FUNCAO FROM DEPARTAMENTO AS DP INNER JOIN FUNCAO ON DP.ID_FUNCAO = FUNCAO.ID_FUNCAO";

node.js – Como exibir uma lista de rooms com o Socket.IO?

Olá! Estou desenvolvendo uma aplicação web de um chat utilizando React, NodeJS, Express e Socket.IO e gostaria de exibir uma lista com todas as salas disponíveis para que o usuário possa transitar de uma sala para outra. Eu já fiz algumas pesquisas e descobri que uma forma de alcançar o meu objetivo é utilizando o io.sockets.adapter.rooms. Porém, ao que me parece tal comando só retorna os ID’s das salas. Como eu poderia utilizar o retorno de io.sockets.adapter.rooms para conseguir exibir as rooms aos usuários? Existe alguma outra forma? Muito obrigado.

game – Conectar dois pontos com uma linha reta ou com curvas suaves no GODOT

Imagino que seja algo simples, mas não consigo encontrar em nenhum lugar. Como posso permitir o usuario conectar dois pontos com uma linha no GODOT? Assim como aquela task de conectar fios do Among Us.
inserir a descrição da imagem aqui

css – Célula não ocupa toda a largura da linha de uma tabela HTML mesmo com colspan

Encontrei o código abaixo neste tutorial no W3 Schools que ensina a criar uma caixa de pesquisa que filtra os itens presentes em dada coluna de uma tabela. Fiz algumas modificações, inserindo uma linha que exibe um aviso, caso nenhum resultado seja encontrado.

Me parece ser algo muito simples, mas estou com dificuldades em centralizar o texto “Nenhum resultado encontrado.”, de modo que ele fique exatamente no centro da coluna da qual ele faz parte (a primeira, no caso) ou, até mesmo, ocupando toda a largura da tabela.

Já tentei o colspan e o text-align, mas, até o momento, não tive êxito nisso.

O que pode ser?

function myFunction() {
  var input, filter, table, tr, td, i, txtValue, matchFound;
  matchFound = false;
  input = document.getElementById("myInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("myTable");
  tr = table.getElementsByTagName("tr");
  for (i = 0; i < tr.length; i++) {
    td = tr(i).getElementsByTagName("td")(0);
    if (td) {
      txtValue = td.textContent || td.innerText;
      if (txtValue.toUpperCase().indexOf(filter) > -1) {
      matchFound = true;
        tr(i).style.display = "";
      } else {
        tr(i).style.display = "none";
      }
    }       
  }
      if (!matchFound) {
        document.getElementById("not-found").style.display = 'block';
    }
}
#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}

#myTable th, #myTable td {
  text-align: left;
  padding: 12px;
}

#myTable tr {
  border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  background-color: #f1f1f1;
}

#myInput {
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#not-found {
display:none
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name">

<table id="myTable">
  <tr class="header">
    <th style="width:60%;">Name</th>
    <th style="width:40%;">Country</th>
  </tr>
  <tr id='not-found' ><td colspan="2">Nenhum resultado encontrado.</td></tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Berlunds snabbkop</td>
    <td>Sweden</td>
  </tr>
  <tr>
    <td>Island Tradin</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Konilich Essen</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Lauhin Bacchus Winecellars</td>
    <td>Canada</td>
  </tr>
  <tr>
    <td>Maazzini Alimentari Riuniti</td>
    <td>Italy</td>
  </tr>
  <tr>
    <td>North/South</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Paris specialites</td>
    <td>France</td>
  </tr>
</table>

python 3.x – Como utilizar uma função paralela ao pysimple GUI sem que a interface trave

tudo bem?
Estou atualmente realizando um bot para fins didáticos.
Estou utilizando a biblioteca pySIMPLE GUI para realizar a interface e a biblioteca selenium para requisitar os elementos web.

O que está ocorrendo:

  • Quando eu utilizo a função do bot dentro do loop do pySimple GUI a interface simplesmente para de responder. ( O código até que funciona, no entanto, a interface de saída para visualizar os comentários trava e muitas das vezes tenho que fechar)

inserir a descrição da imagem aqui

O código da minha interface é:

import PySimpleGUI as sg

def janela_login():
    sg.theme('reddit')
    layout = (
        (sg.Text('BOT PARA INSTAGRAM')),
        (sg.Text('Usuário: ' ), sg.Input(size=(20,1), key ='username')),
        (sg.Text('Senha:   '), sg.Input(password_char="*",size=(20,1), key = 'password')),
        (sg.Text('Link:      '), sg.Input(size=(30,1),key = 'link')),
        (sg.Button('Entrar na conta', key = 'btn_login'))
    )
    return sg.Window('login', layout = layout, finalize = True)

def janela_saida():
    sg.theme('reddit')
    layout = (
        (sg.Text('BOT PARA INSTAGRAM')),
        (sg.Output(size=(50,20)))
            
    )
    return sg.Window('BOT', layout = layout, finalize = True)

janela1,janela2 = janela_login(),None

while True:

    window,event,values = sg.read_all_windows(timeout=10000)

    if window == janela1 and event == sg.WIN_CLOSED:
        break

    if window == janela1 and event =='btn_login':
        if values('username') == " " or values('password') == "" or values('link') == "":
            sg.popup('Por favor, digite os campos informados')
        else:
            janela1.hide()
            janela2 = janela_saida()
            driver = webdriver.Chrome(ChromeDriverManager().install())

Já o código do bot é:

#!/usr/bin/env python
# -*- coding: utf-8 -*-
from selenium import webdriver
from webdriver_manager.chrome import ChromeDriverManager
from selenium.webdriver.common.keys import Keys
import time
import sys
import getpass
import random
driver = webdriver.Chrome(ChromeDriverManager().install())
driver.get(values('link'))
    
btn_entrar = driver.find_element_by_xpath("//*(@id='react-root')/section/nav/div(2)/div/div/div(3)/div/span/a(1)")
btn_entrar.click()
time.sleep(3)
campo_username = driver.find_element_by_xpath("//*(@id='loginForm')/div/div(1)/div/label/input")
campo_username.send_keys(values('username'))
time.sleep(2)
campo_senha = driver.find_element_by_xpath("//*(@id='loginForm')/div/div(2)/div/label/input")
campo_senha.send_keys(values('password'))
campo_senha.send_keys(Keys.ENTER)
time.sleep(10)
agora_não = driver.find_element_by_class_name('cmbtv')
print("Element is visible? " + str(agora_não.is_displayed()))
time.sleep(1)
agora_não.click()
time.sleep(3)

javascript = """ 
var elm = arguments(0), txt = arguments(1); 
elm.value += txt; 
elm.dispatchEvent(new Event('change')); 
""" 

contador = 0
while contador < 1500:  
     
    if(contador % 23 == 0 ):
        driver.refresh()
        for remaining in range(3400, 0, -1): 
            print('r                 ' ,remaining,'segundos para publicar o próximo comentário ', end=' ' )  
            sys.stdout.flush()
            time.sleep(1)
        
    for remaining in range(35, 0, -1):
        print('r                      ' ,remaining,' segundos para publicar o próximo comentário ', end=' ' )  
        sys.stdout.flush()
        time.sleep(1)
      
   
    msg = ("U0001F39E","U0001F3A5","U0001F3AC","U0001F3EE","U0001F3F7","U0001F400","U0001F401","U0001F402","U0001F403","U0001F404","U0001F405","U0001F406","U0001F407","U0001F408","U0001F40E","U0001F40F","U0001F410","U0001F411","U0001F412","U0001F413","U0001F414","U0001F415","U0001F416","U0001F417","U0001F418","U0001F423","U0001F424","U0001F425","U0001F426","U0001F427","U0001F428","U0001F429","U0001F42A","U0001F42B","U0001F42D","U0001F42E","U0001F42F","U0001F430","U0001F431","U0001F434","U0001F435","U0001F436","U0001F437","U0001F439","U0001F43A","U0001F43B","U0001F43C","U0001F43D","U0001F43E","U0001F43F","U0001F479","U0001F47A","U0001F47B","U0001F47D","U0001F47E","U0001F47F","U0001F480","U0001F4A1","U0001F4A9","U0001F4B0","U0001F4B3","U0001F4B4","U0001F4B5","U0001F4B6","U0001F4B7","U0001F4B8","U0001F4B9","U0001F4BB","U0001F4BD","U0001F4BE","U0001F4BF","U0001F4C0","U0001F4C3","U0001F4C4","U0001F4D1","U0001F4D2","U0001F4D3","U0001F4D4","U0001F4D5","U0001F4D6","U0001F4D7","U0001F4D8","U0001F4D9","U0001F4DA","U0001F4DC","U0001F4DE","U0001F4DF","U0001F4E0","U0001F4E4","U0001F4E5","U0001F4E6","U0001F4E7","U0001F4E8","U0001F4E9","U0001F4EA","U0001F4EB","U0001F4EC","U0001F4ED","U0001F4EE","U0001F4F0","U0001F4F2","U0001F4F7","U0001F4F8","U0001F4F9","U0001F4FA","U0001F4FC","U0001F4FD","U0001F50B","U0001F50C","U0001F50D","U0001F50E","U0001F516","U0001F526","U0001F54A","U0001F56F","U0001F5A5","U0001F5A8","U0001F5B1","U0001F5B2","U0001F5DE","U0001F5F3","U0001F600","U0001F601","U0001F602","U0001F603","U0001F604","U0001F605","U0001F606","U0001F607","U0001F608","U0001F609","U0001F60A","U0001F60B","U0001F60C","U0001F60D","U0001F60E","U0001F60F","U0001F610","U0001F611","U0001F612","U0001F613","U0001F614","U0001F615","U0001F616","U0001F617","U0001F618","U0001F619","U0001F61A","U0001F61B","U0001F61C","U0001F61D","U0001F61E","U0001F61F","U0001F620","U0001F621","U0001F622","U0001F623","U0001F624","U0001F625","U0001F626","U0001F627","U0001F628","U0001F629","U0001F62A","U0001F62B","U0001F62C","U0001F62D","U0001F62E","U0001F62F","U0001F630","U0001F631","U0001F632","U0001F633","U0001F634","U0001F635","U0001F636","U0001F637","U0001F641","U0001F642","U0001F643","U0001F644","U0001F910","U0001F911","U0001F912","U0001F913","U0001F914","U0001F915","U0001F916","U0001F917","U0001F920","U0001F921","U0001F922","U0001F923","U0001F924","U0001F925","U0001F927","U0001F928","U0001F929","U0001F92A","U0001F92B","U0001F92C","U0001F92D","U0001F92E","U0001F92F","U0001F970","U0001F971","U0001F972","U0001F973","U0001F974","U0001F975","U0001F976","U0001F978","U0001F97A","U0001F981","U0001F983","U0001F984","U0001F985","U0001F986","U0001F987","U0001F989","U0001F98A","U0001F98C","U0001F98D","U0001F98F","U0001F992","U0001F993","U0001F994","U0001F998","U0001F999","U0001F99B","U0001F99D","U0001F9A1","U0001F9A2","U0001F9A3","U0001F9A5","U0001F9A6","U0001F9A7","U0001F9A8","U0001F9AB","U0001F9AC","U0001F9AE","U0001F9D0","U0001F9EE","U0001F9FE","U0001FA94","U0001FA99")
   
    # driver.execute_script("window.scrollTo(0, document.body.scrollHeight);")
    driver.find_element_by_class_name('Ypffh').click()
    campo_comment = driver.find_element_by_class_name('Ypffh')
    driver.execute_script(javascript, campo_comment, random.choice(msg))
    print("Element is visible? " + str(campo_comment.is_displayed()))
    time.sleep(2)
    campo_comment.send_keys(" ")
    time.sleep(1)
    campo_comment.send_keys(Keys.ENTER)
    contador = contador + 1
    print('r ', '                      ',contador,'- Comentário publicado com sucesso ','(', random.choice(msg),")")
    
     
driver.quit()



Errata 1 – O código da interface sem a presença do código do BOT roda sem travar.

Errata 2 – O código do BOT quando rodado no console (terminal) roda perfeitamente.

O que será que eu estou errando?

Obrigado a todos!