Skip to main content

Respostas interessantes marcadas com a tag

24 votos
Aceito

Quais as principais diferenças entre Angular, React e Vue.js?

Tópico Angular Vue.js React Rank de popularidade 2 N/A 4 Apreciação 6 N/A 1 Quantidade de posts (SO) 226.473 5.288 37.731 Modelo operacional MVC View View Categoria Framework1 Library Library 1 ...
OnoSendai's user avatar
  • 37mil
16 votos
Aceito

SASS e SCSS: por que usá-los em vez de CSS convencional?

Vou compartilhar o que conheço e algumas fontes sobre o assunto. O que elas fazem exatamente? LESS, SASS e SCSS são extensões do CSS, ou seja, de uma maneira bem simples, adicionam funcionalidades ao ...
Ricardo Pontual's user avatar
  • 23,2mil
14 votos
Aceito

Qual a diferença entre Local Storage, IndexedDB e WebSQL?

Esqueça WebSQL. Era para ser um banco de dados relacional, mas foi abandonado pelo padrão e hoje só funciona nos navegadores baseados no Chromium, sem receber atenção, pode até ter ficado inseguro. ...
Maniero's user avatar
  • 484mil
10 votos
Aceito

O que é "Prop drilling"?

O que é o "Prop drilling"? Ao pé da letra, é o "vazamento de props", é quando você passa uma props, de um pai, para um filho, o filho passa para o filho dele, e assim por diante. Isso gera um "...
leofalmeida's user avatar
9 votos

SASS e SCSS: por que usá-los em vez de CSS convencional?

Bom, podemos dizer que SCSS e SASS fazem tudo que o CSS deveria fazer e não faz. Aqui vai alguns exemplos: Fácil manutenção Imagine que tenho um site com uma determinada paleta de cores e preciso ...
Leandro Santiago Gomes's user avatar
8 votos

Segurança aplicação Angular

Naturalmente é impossível. Tudo que roda no browser pode ser acessado (até modificado) pelo usuário. Uma alternativa simples, se for o caso, é criptografar a string que é retornada pelo server-side. ...
Jéf Bueno's user avatar
  • 69,8mil
8 votos

Segurança aplicação Angular

Pelo que entendi da sua pergunta, parece que você está exibindo via interface algumas informações para o cliente, porém o JSON retornado está mostrando mais do que deveria! Eu trabalho com Angular em ...
Wallace Vizerra's user avatar
7 votos

Quais as principais diferenças entre Angular, React e Vue.js?

AngularJS (versão 1) já é obsoleto. É um framework que incluí roteamento, validação de formulários, etc. Usa modelo MVC (Model-View-Controller). Seu sucessor é Angular, que já está na versão 4 (não ...
nbkhope's user avatar
  • 1.380
7 votos
Aceito

Divisão maior que R$ 999,00 resulta em NaN. Como formatar corretamente

O problema é que começa a haver dois pontos quando o numero é na ordem de mil. Ou seja, fica assim: parseInt(1.200.00, 10) e isso dá bug. Tens de remover os pontos antes de converter a virgula em ...
Sergio's user avatar
  • 135mil
7 votos

Por que "html, body" e não apenas "body" para eliminar as margens da página?

A razão para isso, é devido os navegadores utilizarem diferentes folhas de estilos padrão. Exemplo, o Chrome pode utilizar um padrão de margins para o documento HTML: /* É apenas um exemplo */ html {...
NoobSaibot's user avatar
  • 9.772
7 votos

SASS e SCSS: por que usá-los em vez de CSS convencional?

Existe ainda um outro conceito que não foi abordado pelas outras resposta que é o aninhamento de seletores ou em inglês nested selector Essa prática é muito interessante na hora de criar componentes ...
hugocsl's user avatar
  • 66,9mil
6 votos
Aceito

Qual é a vantagem de frameworks front-end como react?

Um framework front end agrupa varias funcionalidades e facilita boa parte do seu trabalho. Utilizando um framework você encontrará muitas facilidades como: Reutilização de codigo Mais Velocidade no ...
Luiz Santos's user avatar
  • 3.322
6 votos
Aceito

Como evitar que conteúdo de uma div rotacione junto com o efeito rotate do css?

Basta colocar uma rotação negativa na div do conteúdo, no seu caso seria -5deg. .minha-div { -webkit-transform:scale(1.5) rotate(5deg); width: 100px; height: 100px; border: ...
Diego Vieira's user avatar
  • 1.811
5 votos
Aceito

"importar" header e footer em todas as páginas

Segue abaixo um exemplo utilizando Jquery, onde em cada página terá que utilizar mais ou menos a estrutura abaixo, claro tem coisa que pode ser melhorado, como essa função em um arquivo .js, ...
David's user avatar
  • 4.303
5 votos
Aceito

background image nao sai na impressão (utilizando o window.print)

No Chrome e no Safari é possível adicionar a regra CSS: -webkit-print-color-adjust: exact; Isso vai forçar o navegador a imprimir as cores e imagens de fundo. Fonte: https://developer.mozilla.org/...
Afonso's user avatar
  • 573
5 votos

Ordenando pela data quanto elas são do tipo string

Com recurso ao momentjs para fazer o parsing das datas. https://momentjs.com As datas devem ter o mesmo idioma, no exemplo em causa Fev,Dez || Feb,Dec no teu caso estão misturadas. pessoas = [{ ...
Jorge Costa's user avatar
  • 1.436
5 votos
Aceito

FlexBox + CSS GRID

Sim meu amigo é perfeitamente viável usar display:grid e display:flex no mesmo projeto. Principalmente pelas particularidades de cada um. Falando a grosso modo o Grid vc pode usar mais para montar a ...
hugocsl's user avatar
  • 66,9mil
4 votos

Como fazer download de arquivo sem back-end

Podes fazer assim, se percebi bem, usando o atributo download: <a href="http://www.w3schools.com/css/trolltunga.jpg" download>download</a> No teu caso ficaria: <a href="http:...
Miguel's user avatar
  • 29,5mil
4 votos

Como e porque getElementById não executa no carregamento da página?

mude seu código para document.getElementById("recebeProduto1") pois o getElementById é um método do objeto document <!DOCTYPE html> <html> <head> <title></title&...
andrepaulo's user avatar
  • 1.665
4 votos

Quais as principais diferenças entre Angular, React e Vue.js?

Vue.JS e React.JS são voltados para a View segundo os sites de cada um. Angular.JS se diz mais robusto. Apesar de ser possível algumas coisas que o Angular JS faz com Vue e React, Angular JS acaba ...
Shura16's user avatar
  • 2.161
4 votos

"importar" header e footer em todas as páginas

É possível fazer sim com Ajax, mesmo sem jQuery, afinal importar uma lib relativamente grande só pra fazer algo simples me parece um pouco de exagero, a não ser que já use jQuery para outras coisas. ...
Syzoth's user avatar
  • 100mil
4 votos
Aceito

Exemplo de filtro em Angular 1

É só usar um objeto para fazer o filtro. angular.module('filter-app', []); angular.module('filter-app').controller('mainController', mainController); const itensSelect = [ { id: 1, nome: '...
Jéf Bueno's user avatar
  • 69,8mil
4 votos
Aceito

Como limpar um input quando for clicado?

Acredito que a forma mais fácil de fazer isso seria utilizar o atributo placeholder do html: Name <input type="text" name="name" placeholder="insert your name here"><br> Quando ...
Leandro's user avatar
  • 1.770
4 votos
Aceito

Existe algum método para eu criar traduções de páginas com Javascript ou Typescript?

Veja, basta criar um objeto contendo as string. let TRANSLATIONS = { 'en': { 'Homepage': 'Homepage', ... }, 'pt-br': { 'Homepage': 'Pagina inicial', ... } } Para os elementos,...
NoobSaibot's user avatar
  • 9.772
4 votos
Aceito

Como o browser lê e interpreta o css?

Cada navegador possui um motor de análise e renderização de HTML/CSS. Todos eles se esforçam em fazer com que a página seja mais rapidamente carregada e renderizada. Geralmente o processo é tão rápido ...
Sam's user avatar
  • 80,8mil
4 votos

Como usar âncora no AngularJS?

Provavelmente isso não tem nada a ver com o Angular, só está faltando o # no href. Veja funcionando: html { scroll-behavior: smooth; } div { width: 90%; height: 120vh; background-...
Jéf Bueno's user avatar
  • 69,8mil
4 votos
Aceito

A linguagem de programação Python pode ser usada no front-end?

A resposta é sim, mas com ressalvas. Python é uma linguagem de programação como o JavaScript também é. A diferença é que os navegadores possuem motores JavaScript nativos. Portanto, nos navegadores ...
vinicius's user avatar
  • 21,7mil
4 votos
Aceito

Carousel no material-ui

Olá, segue código para fazer um carousel de imagens no Material-ui seguindo o padrão da documentação deles. import React from 'react'; import PropTypes from 'prop-types'; import { ...
Daniel Obara's user avatar
4 votos

O EcmaScript 6 é suportado pelos browsers atuais?

Quando eu quero saber se posso usar essa ou aquela funcionalidade e quais navegadores suportam e quais versões de navegadores suportam costumo usar o site https://caniuse.com, por exemplo o ...
rnd_rss's user avatar
  • 1.113
4 votos
Aceito

Enviar conteúdo de inputs para banco de dados

O seu código não está muito organizado na parte do HTML. Não dá pra ter uma noção exata do seu problema. Pelo que você relatou, essa sua função JavaScript não é necessária. Só se você talvez quisesse ...
Gato de Schrödinger's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible