Usando a tag "b: with" no Blogger

Essa é o primeiro artigo de uma nova série do Mundo Informal, onde vou falar um pouco sobre as principais tags que você precisa conhecer para criar um tema do zero ou fazer alterações no seu tema do Blogger. A tag b:with não tem nenhuma função especial, exceto como um espaço reservado para encurtar declarações de variáveis, e também para evitar a repetição de expressões de função. Aqui está um exemplo de uma expressão de função sem ajuda do b:with:

<p><img alt='1' expr:src='data:post.thumbnailUrl ? resizeImage(data:post.thumbnailUrl, 200) : &quot;no-image.png&quot;'/><p>
<p><img alt='2' expr:src='data:post.thumbnailUrl ? resizeImage(data:post.thumbnailUrl, 200) : &quot;no-image.png&quot;'/><p>
<p><img alt='3' expr:src='data:post.thumbnailUrl ? resizeImage(data:post.thumbnailUrl, 200) : &quot;no-image.png&quot;'/><p>

Aqui está um exemplo de expressão de função com ajuda do b:with:

<b:with var='src' value='data:post.thumbnailUrl ? resizeImage(data:post.thumbnailUrl, 200) : &quot;no-image.png&quot;'>
  <p><img alt='1' expr:src='data:src'/><p>
  <p><img alt='2' expr:src='data:src'/><p>
  <p><img alt='3' expr:src='data:src'/><p>
</b:with>

Comparando com outras linguagens de programação como o JavaScript, b:with pode ser interpretado como uma variável criada para encurtar o processo de informatização, armazenando seu valor primeiro:

var src = typeof post.thumbnailUrl !== "undefined" ? resizeImage(post.thumbnailUrl, 200) : 'no-image.png';
document.write('<p><img alt="1" src="' + src + '"/></p>');
document.write('<p><img alt="2" src="' + src + '"/></p>');
document.write('<p><img alt="3" src="' + src + '"/></p>');

Fonte: DTE

Share This :