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 ...
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 ...
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.
...
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 "...
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 ...
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. ...
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 ...
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 ...
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 ...
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 {...
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 ...
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 ...
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: ...
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, ...
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/...
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 = [{
...
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 ...
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:...
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&...
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 ...
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.
...
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: '...
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 ...
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,...
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 ...
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-...
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 ...
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 { ...
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
front-end × 534javascript × 234
html × 159
css × 151
jquery × 66
html5 × 59
angular × 52
css3 × 43
react × 37
angularjs × 28
php × 26
typescript × 26
back-end × 24
java × 23
twitter-bootstrap × 22
vue.js × 20
node.js × 18
aplicação-web × 18
ajax × 15
jsf × 10
primefaces × 10
api × 7
bootstrap × 7
banco-de-dados × 6
array × 6