Skip to main content
Bumped by Community user
Bumped by Community user
adicionou 48 caracteres ao conteúdo
Fonte Link
LeAndrade
  • 9mil
  • 11
  • 29
  • 52

Olá,
Sou quase que completamente noob no JavaScript. Fiz alguns projetos em django e resolvi ampliar um pouco o conhecimento.
Um problema que eu sempre tive foi chamar funções e obter seu valores em tempo real: um exemplo seria tentar carregar um relógio no Python pela sintaxe do template. Ela conseguia obter o valor somente na primeira chamada e para atualizar também deveria atualizar a página.
Porém meu problema hoje não é Python. Comecei a fazer uma página simples e acabei precisando usar um "media query" para sinalizar a mudança de tamanho da janela. O problema é que o valor fica constantemente travado em false ou true até atualizar a página. Tentei usar o eventListener e descobri que eu definitivamente não sei JS.
Segue o código:

`

{{ query }} / var mediaSize = matchMedia('(max-width: 576px)').matches / new Vue({ el: '#hello', data: { query: mediaSize } }) / `
<body>
  <div id="hello">
    {{ query }}
  </div>

  <script>
    var mediaSize = matchMedia('(max-width: 576px)').matches

    new Vue({
      el: '#hello',
      data: {
        query: mediaSize
      }
    })
  </script>

</body>

Eu tive algumas dificuldades para escrever o HTML aqui, as barra são só por organização. Fora isso, só coloque o CDN do Vue no head, nem título mudei.

Na página do navegador o resultado é sempre True ou False, só mudando caso atualize a página.
Acho que eu expliquei o melhor que pude. Desde já obrigado.

Olá,
Sou quase que completamente noob no JavaScript. Fiz alguns projetos em django e resolvi ampliar um pouco o conhecimento.
Um problema que eu sempre tive foi chamar funções e obter seu valores em tempo real: um exemplo seria tentar carregar um relógio no Python pela sintaxe do template. Ela conseguia obter o valor somente na primeira chamada e para atualizar também deveria atualizar a página.
Porém meu problema hoje não é Python. Comecei a fazer uma página simples e acabei precisando usar um "media query" para sinalizar a mudança de tamanho da janela. O problema é que o valor fica constantemente travado em false ou true até atualizar a página. Tentei usar o eventListener e descobri que eu definitivamente não sei JS.
Segue o código:

`

{{ query }} / var mediaSize = matchMedia('(max-width: 576px)').matches / new Vue({ el: '#hello', data: { query: mediaSize } }) / `

Eu tive algumas dificuldades para escrever o HTML aqui, as barra são só por organização. Fora isso, só coloque o CDN do Vue no head, nem título mudei.

Na página do navegador o resultado é sempre True ou False, só mudando caso atualize a página.
Acho que eu expliquei o melhor que pude. Desde já obrigado.

Olá,
Sou quase que completamente noob no JavaScript. Fiz alguns projetos em django e resolvi ampliar um pouco o conhecimento.
Um problema que eu sempre tive foi chamar funções e obter seu valores em tempo real: um exemplo seria tentar carregar um relógio no Python pela sintaxe do template. Ela conseguia obter o valor somente na primeira chamada e para atualizar também deveria atualizar a página.
Porém meu problema hoje não é Python. Comecei a fazer uma página simples e acabei precisando usar um "media query" para sinalizar a mudança de tamanho da janela. O problema é que o valor fica constantemente travado em false ou true até atualizar a página. Tentei usar o eventListener e descobri que eu definitivamente não sei JS.
Segue o código:

<body>
  <div id="hello">
    {{ query }}
  </div>

  <script>
    var mediaSize = matchMedia('(max-width: 576px)').matches

    new Vue({
      el: '#hello',
      data: {
        query: mediaSize
      }
    })
  </script>

</body>

Eu tive algumas dificuldades para escrever o HTML aqui, as barra são só por organização. Fora isso, só coloque o CDN do Vue no head, nem título mudei.

Na página do navegador o resultado é sempre True ou False, só mudando caso atualize a página.
Acho que eu expliquei o melhor que pude. Desde já obrigado.

Fonte Link
Smith
  • 211
  • 1
  • 7

Como obter os valores das funções em tempo real no javascript?

Olá,
Sou quase que completamente noob no JavaScript. Fiz alguns projetos em django e resolvi ampliar um pouco o conhecimento.
Um problema que eu sempre tive foi chamar funções e obter seu valores em tempo real: um exemplo seria tentar carregar um relógio no Python pela sintaxe do template. Ela conseguia obter o valor somente na primeira chamada e para atualizar também deveria atualizar a página.
Porém meu problema hoje não é Python. Comecei a fazer uma página simples e acabei precisando usar um "media query" para sinalizar a mudança de tamanho da janela. O problema é que o valor fica constantemente travado em false ou true até atualizar a página. Tentei usar o eventListener e descobri que eu definitivamente não sei JS.
Segue o código:

`

{{ query }} / var mediaSize = matchMedia('(max-width: 576px)').matches / new Vue({ el: '#hello', data: { query: mediaSize } }) / `

Eu tive algumas dificuldades para escrever o HTML aqui, as barra são só por organização. Fora isso, só coloque o CDN do Vue no head, nem título mudei.

Na página do navegador o resultado é sempre True ou False, só mudando caso atualize a página.
Acho que eu expliquei o melhor que pude. Desde já obrigado.