1
2
3
4
5
6

$.fn.extend({clickPrevented: function(fn) {
	$(this).click(function(e) {
		e.preventDefault();
		fn(e);
	});
}});

A utilização aconteceria mais ou menos assim:

1
2
3

$('#apenas_um_cara').clickPrevented(function(){
        alert('Você vai continuar nesta página após o alert.');
});

1
2

var valor = '020';
alert(parseInt(valor, 10));

Pra que serve o segundo parâmetro?

Esta função tem uma “funcionalidade” complicada. Se a string começar com “0″ ela vai ser convertida utilizando base 8 (sistema octal) ao invés de base 10. O segundo argumento determina qual base numérica deve ser utilizada. A string 20 seria convertida para o número octal 16. Veja o que acontece quando omitimos o segundo parâmetro:

1
2

var valor = '020';
alert(parseInt(valor));

É, portanto, boa prática sempre utilizar o segundo argumento para evitar qualquer transtorno. Ou, se você quiser treinar funções anônimas, a seguinte brincadeira também é possível:

1
2
3
4
5
6
7
8
9
10

(function(){
	var original = parseInt;
	parseInt = function(n, b) {
		b = b || 10;
		return original(n, b);
	};
})();
 
var valor = '020';
alert(parseInt(valor));

Esse fragmento de código só precisa ser executado uma vez (no seu init.js, por exemplo). Repare que se você rodar o exemplo 2 novamente, o resultado já será o correto. O que fizemos foi reescrever a função parseInt usando ela mesma.

var bruceLee = {
    forca: 8,
    agilidade: 10,
    defesa: 7, // esta vírgula está sobrando
};

Muito bem. O problema do objeto é uma vírgula sobrando logo depois do número sete. O único navegador que reclama do erro de sintaxe, e pára a execução do script é o Internet Explorer. Já perdi horas e mais horas tentando encontrar uma solução para perceber que na verdade era uma vírgula que eu havia esquecido de apagar.

1
2
3
4
5

$('a').click(function(){
    var href = $(this).attr('href');
    window.open(href);
    return false;
});

Este exemplo em jQuery, se executado, fará com que todos os links desta página sejam abertos em uma nova guia. O return false na linha 4 serve para barrar o evento padrão do link. Se o return for omitido, o destino do link vai ser aberto em uma nova guia e também na página atual.

preventDefault: uma alternativa mais elegante

Descobri recentemente o método preventDefault que acaba sendo muito mais prático e menos sujo do que o return false:

1
2
3
4
5

$('a').click(function(event){
    event.preventDefault();
    var href = $(this).attr('href');
    window.open(href);
});

Além de fazer muito mais sentido do que o return, preventDefault pode ser colocado em qualquer parte do evento, não interrompendo o fluxo da função.

 
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_trackPageview']);
 
(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();

Diferentemente do método tradicional, este código deve ser colocado dentro da tag head ou no início da tag body. A documentação completa pode ser lida aqui: http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html.

O método assíncrono permite que o impacto do script na experiência do usuário seja mínimo (maior performance). Além disso, se o usuário sair da página antes dela ter sido completamente carregada a probabilidade de registro pelo tracking é muito maior deste jeito.

WordPress plugin: Google Analyticator

Aqui no blog eu utilizo o Google Analyticator, um excelente plugin para WordPress. Duas funcionalidades são importantes para mim: filtrar as visitas do admin (eu) e tracking automático de eventos para links que levam pra fora do blog. Este plugin já utiliza o método assíncrono.

window.name = 'testando';

Se você rodar este exemplo, for para outra página e inspecionar o conteúdo da propriedade window.name vai perceber que o valor continua sendo testando. Ou seja, esta informação continua guardada, simulando uma sessão.

Infelizmente window.name consegue armazenar somente strings. Em um outro post pretendo demonstrar como podemos serializar os dados nesta propriedade. Serializando os dados seria possível armazenar qualquer tipo de vetor, objeto ou função. A maioria dos navegadores consegue armazenar até 10Mb de informações na propriedade.

O ideal seria utillizar uma sessão genuína via back-end, utilizando PHP, C#, Java, etc. Mas como todos nós sabemos, às vezes a realizade exige soluções um tanto quanto “criativas”.

$('#post-238 h2 a').css('color','white');
 
if ($('#post-238 h2 a').text() === 'Colocando objetos jQuery em variáveis') {
    alert('Entramos na condição. Texto alterado para branco.');
}

Quando na verdade, o código abaixo é perfeitamente possível e muitíssimo mais limpo:

var conteudo = $('#post-238 h2 a');
 
conteudo.css('color','yellow');
 
if (conteudo.text() === 'Colocando objetos jQuery em variáveis') {
    alert('Entramos na condição. Texto alterado para amarelo.');
}

Vantagens

É boa prática em programação evitar a duplicação de código (no caso a string que define o seletor). Isso evita bugs e facilita o entendimento e a manutenção do código. Além disso, imagino que a performance seja maior.

Sou só eu???

Quando o Felipe Pupo começou a me ensinar MooTools, ele me mostrou que adquirir o objeto do DOM uma única vez era uma das grandes vantagens em relação ao jQuery. Sempre achei que a repetição do $ e dos seletores o tempo todo era algo realmente pouco prático. Não sei se isso é algo novo no jQuery ou se é algo que eu nunca havia reparado.

O fato é que não sou só eu que faço isso. Uma grande parte dos programadores jQuery não armazena os objetos já adquiridos em variáveis. Será que existe algum efeito colateral?

{
    'prop1': 'valor1'
}

O código válido seria o seguinte:

{
    "prop1": "valor1"
}

Vale lembrar que o exemplo abaixo não é um JSON válido:

{
    prop1: "valor1"
}

Apesar deste código ser um objeto JavaScript válido, a sintaxe do JSON exige que as propriedades sejam declaradas entre aspas duplas.