24
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 Um framework é mais completo do que uma biblioteca, cobrindo mais aspectos de uma aplicação padrão - como controle de rotas, recursos, caching e CORS, por ...
respondida 1/04/17 às 5:02
OnoSendai
35,9mil33 medalhas de ouro6161 medalhas de prata116116 medalhas de bronze
16
O transform é uma ferramenta de CSS moderna. Ela permite fazer zoom, dar perspectivas ou rodar elementos.
O prefixo -webkit- quer dizer que só os browsers que têm estrutura do webkit é que vão usar/ler/aplicar essa regra.
Um exemplo que está na página da MDN e que faz rodar 5 graus um elemento div:
#rotate1
{
height:100px;
background-color: ...
respondida 15/04/15 às 19:06
13
De maneira simples o user-selection serve para controlar o conteúdo que pode ser selecionado no site.
Valores
User-select aceita quatro valores:
text – o texto pode ser selecionado
element – o texto pode ser selecionado, ficando restrito aos limites do elemento
none – o texto não pode ser selecionado
auto – se o elemento contiver texto editável, como ...
respondida 17/04/15 às 19:19
MeuChapeu
5.77522 medalhas de ouro2929 medalhas de prata6868 medalhas de bronze
12
Viva!
A propriedade CSS user-select serve para controlares que texto é que o utilizador pode ou não pode seleccionar.
Valores
auto:
Controlado pelo browser, o comportamento pode ser diferente dependendo do browser que está a ser utilizado.
element:
O utlizador apenas pode seleccionar o conteúdo que esteja dentro do elemento.
none:
O utilizador não podes ...
11
Esta resposta é muito longa, mas aí vai meus 2 centavos do que aprendi até hoje observando o Google:
1. Como o Google sabe quais palavras chaves de busca levaram o usuário até o site?
Repare que quando você faz uma busca no Google, os links para os sites encontrados constam como os links reais (por exemplo, se a busca foi por StackOverflow, o primeiro ...
respondida 4/02/15 às 19:20
Vinícius Gobbo A. de Oliveira
5.4951616 medalhas de prata2626 medalhas de bronze
10
Originalmente esta resposta foi escrita em inglês e o autor com as melhores intenções de ajudar desculpou-se por não conseguir responde-la em português.
Vi o tráfego a partir desta questão afluindo para o site do Mimosa e gostaria de tentar ajudá-lo.
mimosa skel:new apenas faz um git clone. https://github.com/dbashford/skelmimosa/blob/master/src/command/...
10
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 CSS.
Pegando o contexto de desenvolvimento Web, podemos pensar em como o TypeScript é para o Javascript, adiciona novas funcionalidades, sem quebrar a ...
respondida 30/04/18 às 16:36
Ricardo Pontual
17,2mil11 medalhas de ouro2121 medalhas de prata4949 medalhas de bronze
9
Ele é um gerenciador de pacotes, ou seja serve para instalar ou desintalar pacotes. É possível criar uma lista de dependências que serão usadas no seu projeto em um arquivo .bowerrc quando for instalar em qualquer ambiente, as depenências serão instaladas automaticamente com o comando bower install.
Podemos dizer que a função do arquivo .bowerrc no Bower, ...
8
Existe em pequeno "truque" usando as bordas no CSS o que nos permite fazer bordas triangulares.
Eu pessoalmente insiro essas bordas com :after ou :before.
Aqui vai um exemplo de como eu faria seus exemplos usando o que falei
HTML
Aqui criamos o nosso HTML, com duas divs para simular os balões de dialogo
<div class="balao"></div>
<div ...
respondida 24/08/14 às 17:35
waghcwb
1.87011 medalhas de ouro99 medalhas de prata2727 medalhas de bronze
8
A validação não bloqueia os campos, apenas marca seu estado como inválido. Se você alterar o estilo do campo inválido, isso ficará visível:
input:invalid {
background: red;
color: #fff;
}
<form>
Codigo: <input type="text" required="required" name="number" pattern="[0-9]">
Nome: <input type="text" required="required" name="...
respondida 6/03/15 às 17:29
8
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. Isso aumenta um pouco a complexidade da aplicação porque sempre vai ser necessário descriptografar os dados que forem transmitidos do cliente pro servidor e ...
respondida 6/04/17 às 21:14
LINQ
65,8mil1212 medalhas de ouro109109 medalhas de prata206206 medalhas de bronze
8
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 sistemas que possuem acesso público e ao mesmo tempo, internamente, com controle de acesso.
O que eu faço para evitar qualquer tipo de problema de exposição é ...
respondida 7/04/17 às 2:43
8
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 "vazamento de props", por exemplo:
class Home extends React.Component {
state = {
usuario: { nome: 'Gandalf'},
};
render() {
const { usuario }...
7
Provavelmente é uma ação executada no back-end, pois a filtragem geralmente é feita via SQL Query, então para realizar operações no banco de dados é necessário uma linguagem de back-end como o PHP.
Porém isso pode variar de acordo com o desenvolvedor, pode acontecer um outro caso, como: ter um javascript que após as seleções envia um Ajax para o PHP que ...
respondida 3/06/16 às 18:13
Leonardo
9.06466 medalhas de ouro5454 medalhas de prata112112 medalhas de bronze
7
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 teve versão 3) e aplicativos são escritos em TypeScript. Angular é diferente do original AngularJS 1.X. Angular foi criado pelo pessoal da Google.
React é uma ...
7
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 ponto.
$(document).ready(function() {
var demo1 = $('span.ecwid-productBrowser-price-value');
demo1.each(function() {
var valor1 = parseInt(this....
respondida 1/09/17 às 19:01
7
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 {
margin: 10px;
padding: 10px;
}
O Firefox:
/* É apenas um exemplo */
html {
margin: 20px;
padding: 20px;
}
E o IE:
/* É apenas um exemplo */...
respondida 9/02/18 às 1:52
NoobSaibot
9.47455 medalhas de ouro2020 medalhas de prata4747 medalhas de bronze
7
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 alterar a paleta do mesmo ou criar um novo template para variar em determinada página. Assim temos:
Em CSS eu teria que acessar todos os arquivos de estilo e ...
respondida 30/04/18 às 16:12
LeandroLuk
4.92577 medalhas de ouro2525 medalhas de prata6161 medalhas de bronze
6
Não entendi bem sua dúvida, mas acho que esta resposta pode te ajudar a achar um caminho.
É legal ter essa sede de conhecer novas tecnologias, mas não precisa sair usando tudo o que está na moda só porque parece que todos usam, que é legal, e que dizem ser "correto" usar. As ferramentas existem para resolver um problema. Se você não tem o problema que elas ...
respondida 6/02/15 às 19:30
6
Uma transition não deixa de ser uma animação, no entanto esta é mais limitada.
Você consegue definir o tempo de execução, o delay, quais atributos serão afetados pela transição... Mas você não consegue definir o que deve ocorrer entre o estado inicial e final de uma transição, somente como ela deve iniciar e terminar. Por exemplo:
Inicie com a cor azul, ...
respondida 17/04/15 às 21:08
Renan Gomes
18,7mil88 medalhas de ouro4141 medalhas de prata102102 medalhas de bronze
6
Scroll em uma mesma página basta colocar o ID do elemento no href:
<a href="#id-do-elemento">Go</a>
Para realizar em outra página o mecanismo é mesmo, basta adicionar o ID no fim da URL:
<a href="outra-pagina.html#id-do-elemento">Outra Página Go</a>
respondida 27/07/15 às 19:42
KaduAmaral
11,3mil11 medalhas de ouro2727 medalhas de prata7474 medalhas de bronze
6
Diferente da programação para desktops onde quase todos os recursos estão disponíveis na máquina local, na programação para web o mais importante é entender o ciclo do protocolo http, uma requisição é feita pelo cliente o servidor processa o pedido e devolve algo (um texto, geralmente em notação html).
O termno front-end refere-se as funcionalidades ...
respondida 24/12/15 às 14:35
6
Para criar um cookie de sessão, basta associar uma string contendo o formato chave=valor à propriedade cookie de document:
document.cookie = "[nomeDoCookie]=[ValorDoCookie]";
Caso você deseje persistir este cookie entre sessões do browser, você pode especificar uma data de expiração em format GMTString:
document.cookie = "[nomeDoCookie]=[ValorDoCookie]; ...
respondida 6/06/16 às 13:47
OnoSendai
35,9mil33 medalhas de ouro6161 medalhas de prata116116 medalhas de bronze
6
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 desenvolvimento
Maior facilidade de encontrar soluções
Funções mais otimizadas (Os frameworks possuem time de especilista trabalhando na melhora frequente dos ...
respondida 6/10/17 às 19:24
Luiz Santos
3.13811 medalhas de ouro77 medalhas de prata2828 medalhas de bronze
6
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 web.
Veja abaixo um exemplo de código CSS aninhado.
.features {
background-color: #cccccc;
.box {
border-radius: 3px;
border: 1px solid #666666;
...
respondida 30/04/18 às 17:34
hugocsl
63,6mil1313 medalhas de ouro5252 medalhas de prata118118 medalhas de bronze
5
Seguindo a dica do bfavaretto, testei a implementação do mustache.js em um tema do WordPress e fica assim:
1) No functions.php carregamos os arquivos JavaScript necessários (jQuery, mustache.js e nosso script):
add_action( 'wp_enqueue_scripts', 'carrega_o_bigode' );
function carrega_o_bigode() {
wp_register_script( 'mustach', ...
respondida 14/06/14 às 16:09
brasofilo
6.46055 medalhas de ouro2525 medalhas de prata4848 medalhas de bronze
5
Há duas formas de fazer isto:
Hash Links
Se dá pelo uso do hash links, como www.meusite.com#conteudo. Sendo que conteudo muda a cada transição que você quer que seja retornável. Por ex: você teria site.com#listagem e quando clicá-lo irá deve mudar para site.com#detalhamentoItem=15. Essa técnica se aproveita do fato que o tudo após o '#' é considerado ...
5
As duas propriedades são para controlar transições de outras propriedades, mas existe uma pequena diferente relacionado ao controle dessa transição.
Transitions
Você já deve ter passado por uma hora que quisesse que ao passar o mouse, algum elemento trocasse de cor ou outras propriedades. Então você utiliza o :hover, porém o resultado não lhe agrada pois a ...
Apenas as respostas wiki não pertencentes à comunidade mais votadas e de um tamanho mínimo se qualificam
Tags relacionadas
front-end × 473javascript × 204
html × 136
css × 129
jquery × 63
html5 × 49
angular × 45
css3 × 38
angularjs × 29
php × 24
react × 24
twitter-bootstrap × 22
back-end × 22
java × 21
aplicação-web × 20
vue.js × 20
typescript × 18
ajax × 15
node.js × 15
jsf × 10
primefaces × 10
bootstrap × 7
banco-de-dados × 6
dom × 6
sass × 6