Skip to content

Instantly share code, notes, and snippets.

View malufell's full-sized avatar

Malu malufell

55 followers · 32 following
  • Santa Catarina
View GitHub Profile
@malufell
malufell / vue-props-style.md
Created January 12, 2022 17:55

Vue.js: como utilizar props dentro da tag style

No componente filho, através do computed é possível criar um objeto com os estilos recebidos do componente pai.

  • Componente pai que passa as propriedades para o filho <Textearea>:
<template>
  <main class="content">
@malufell
malufell / vuetify-responsive.md
Last active January 12, 2022 17:57

Responsividade com vuetify e sass

Entendendo cada parte em @media:

@media #{map-get($display-breakpoints, 'lg-and-down')} {
  margin-top: 10px
}
@malufell
malufell / linha-do-tempo-css.md
Last active September 1, 2021 17:19

linha do tempo com css

  • Resultado: image

  • HTML:

<ul>
@malufell
malufell / desafios-pilha.md
Last active August 24, 2021 19:43
desafios resolvidos com pilha em javascript

Balanceamento de parênteses:

Fazer um algoritmo que valide que todo "(" aberto foi fechado ")".

function verificaFechamentoParenteses(texto) {
  let pilha = [];
  
  for(let i = 0; i < texto.length; i++) {
 let caractereInformado = texto[i];
@malufell
malufell / estrutura-de-dados-pilha.md
Created August 23, 2021 19:41
pilha em javascript

Pilha

Na estrutura de dados pilha o primeiro elemento a entrar é o último elemento a sair!

Portanto, quando um elemento é removido, sempre deve sair o último elemento que entrou na pilha:

Como controlar a pilha:

  • a pilha permite acesso apenas a um elemento: o último que foi inserido, portanto a variável "topo" é utilizada para manipulação da pilha;
@malufell
malufell / estrutura-de-dados-fila.md
Last active March 9, 2022 12:52
fila em javascript

Fila

Na estrutura de dados fila o primeiro elemento a entrar é o primeiro elemento a sair!

Portanto, quando um elemento é removido, sempre deve sair o primeiro elemento que entrou na fila:


@malufell
malufell / testes-unitarios-jest.md
Last active January 12, 2022 18:01

Testes unitários com jest

https://jestjs.io/

  • comando para instalação npm install --save-dev jest
  • na raiz do projeto, criar pasta "__tests__", tem underline pra pasta ficar no topo
  • comando para iniciar o jest no projeto: "node_modules\.bin\jest" --init
  • vai fazer algumas perguntas e gerar o arquivo "jest.config.js" na raiz do projeto. o que alterar nesse arquivo:
//pra parar o teste no primeiro erro
@malufell
malufell / eslint.md
Last active June 18, 2021 20:01
centralizando exemplos e anotações de configuração do eslint que utilizei
@malufell
malufell / upload-com-stream.js
Last active June 4, 2021 14:00
Upload de imagens com stream (projeto em node.js)
const fs = require("fs");
const path = require("path");
module.exports = (nomeDoArquivo, caminho, callbackImagemCriada) => {
const extensoesValidas = ["jpg", "png", "jpeg"];
//identifica a extensão do arquivo com o path
const extensaoArquivo = path.extname(caminho);
//substring é pra desconsiderar o '.' da busca que tem no nome da extensão
@malufell
malufell / footer-fixo.md
Last active July 13, 2021 22:46