7 Scripts de uma linha que você precisa saber em Javascript

  1. Gerador de Strings Aleatórias:

    Se você precisar de um id único este script irá salvar seu dia.
  2. const randomString = Math.random().toString(36).slice(2);
    console.log(randomString); //output- r0zf1xfqcr (the string will be random )
  3. Extrair o domínio de um email:

    Usando a função substring você pode extrair o domínio de um email.
  4. let email = 'xyz@gmail.com';
    le getDomain = email.substring(email.indexOf('@') + 1);
    
    console.log(getDomain); // output - gmail.com
  5. Detectar o modo Dark:

    Com este script você consegue detectar se o usuário está utilizando este modo e você pode fazer atualizações para este modo.
  6.  const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').match;
    
  7. Checar se um elemento está focado.

    Para detectar se um elemento está focado com JS, podemos utilizar a propriedade activeElement do Objeto Document.
  8.  const elem = document.querySelector(' .text-input');
    
    const isFocus = elem == document.activeElemnt;
    
    /* isFocus will be true if elem will have focus, and isFocus will be false if elem will not have focus */
    
  9. Checar se um array está vazio.

    Resolva isso com uma linha 🙂
  10. let arr1 = [];
    let arr2 = [2, 4, 6, 8, 10];
    
    const arr1IsEmpty = !(Array.isArray(arr1) && arr1.length >0);
    const arr2IsEmpty = !(Array.isArray(arr2) && arr2.length >0);
    
    console.log(arr1); //output - true
    console.log(arr2); // output - false
    
  11. Redirecionar o usuário.

    Para redirecionar o usuário para outra url via JS.
  12. const redirect = url => location.href = url
    
    /* call redirect (url) whenever you want to redirect the user to a specific url */
    
  13. Checar se uma variável é um array.

    O método isArray resolva essa parada para você \o/
  14. let fruit = 'apple';
    let fruits = ["apple", "banana", "mango", "orange", "grapes"];
    
    const isArray = (arr) => Array.isArray(arr);
    
    console.log(isArray.(fruit)); //output - false
    console.log(isArray.(fruits)), //output- true
    

    Para completar deixo aqui alguns livros de javascript que recomendo. Adquirindo pelo link você ajuda o meu trabalho no blog \o/.

    Cangaceiro Javascript

    Cangaceiro Javascript, neste excelente livro sobre JS, Flávio Almeida percorre os principais recursos das versões ES5, ES6, ES7 e ES8. Abordando os paradigmas Orientado a Objetos e o Funcional e aplicando padrões de projetos para aprimorar e elevar seu conhecimento como um verdadeiro cabra da peste JS.
    Adquira na Amazon.

    Backend JS

    Construindo Aplicações com NodeJS, este livro abrange: O que é o NodeJS e o que pode ser feito com essa plataforma.Conceitos de bancos de dados relacionais como modelagem e formas normais.Conceitos de REST e boas práticas para um bom design de API e outros temas.
    Adquiria na Amazon

    Siga e compartilhe:
    error

Deixe um comentário

Enter Captcha Here : *

Reload Image