24 de setembro de 2008, Pequim - Hoje, a Adobe (Nasdaq: ADBE) anunciou o lançamento de um produto marcante no setor – a família de produtos Adobe® Creative Suite® 4. O produto pode ser usado em todos os fluxos de trabalho criativos e é o software de design e desenvolvimento líder do setor. Através de um avanço fundamental no fluxo de trabalho, as barreiras entre designers e desenvolvedores são eliminadas. A nova linha de produtos Creative Suite 4 inclui centenas de recursos inovadores para avançar de forma abrangente o processo criativo de produção impressa, web, móvel, interativa, de áudio e vídeo. Este produto eleva toda a tecnologia Flash da linha de produtos a um novo nível de integração e expressão. É a maior versão de software da Adobe até o momento, incluindo as edições Adobe Creative Suite 4 Design, Creative Suite 4 Web e Creative Suite 4 Production Premium. Coleção Master e 13 produtos básicos, 14 tecnologias integradas e 7 serviços.
Então baixei a versão oficial de pré-lançamento do DreamWeaver CS4 para teste. Não há muito a dizer sobre descompactação e instalação, apenas sinto que a velocidade de instalação é muito mais rápida do que a do DreamWeaver CS3 anterior. a interface está melhor do que antes.
Além das mudanças na interface, esta versão serve como um marco importante e conta com muitas atualizações, como:
dicas de código para frameworks Ajax e JavaScript
Edição Adobe InContext
Conjunto de dados HTML
Integração Subversion®
Melhores práticas de CSS, etc., você pode verificar a página oficial de recursos para obter mais informações.
Aqui, apresentarei principalmente alguns novos recursos do JavaScript.
1. Links externos de código JavaScript.
Sabemos que, para diversos fins, geralmente não escrevemos código JavaScript diretamente na página, mas o colocamos em um arquivo js externo. O benefício de fazer isso não é apenas facilitar o gerenciamento de JavaScript em todo o site, mas também facilitar. ajudar muitas pessoas. Com a ajuda do cache de arquivos js do cliente, o desperdício de tráfego de transmissão de rede de arquivos js que raramente são alterados é reduzido.
Além disso, por razões como colaboração entre várias pessoas e fácil gerenciamento, mudanças ágeis e camadas de código, devemos tentar separar o máximo possível estrutura-desempenho-comportamento. Na escrita normal de código, você pode usar muitas palavras como.
< a onclick="alert_me('this is a link')" href="#">Clique para me alertar</a>
Esse código, entretanto, faz isso acoplando o comportamento à estrutura básica do código. Recomendamos a adição de eventos para separá-lo completamente no código JavaScript. Essa operação também pode ser concluída pelo DreamWeaver CS4.
No DreamWeaver CS4, esta função é fornecida para nós. Você pode encontrá-la em [Comandos]->[Externalizar JavaScript].
Para testar esses dois recursos, escrevemos o seguinte código:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD /xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<cabeça>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="texto/javascript">
função alert_me(msg)
{
alerta(mensagem);
}
</script>
</head>
<corpo>
<a href="#" onclick="alert_me('this is a link')">Clique para me alertar</a>
</body>
</html>
Você pode ver que neste código, não apenas a função JavaScript aparece na página, mas o comportamento também está diretamente vinculado à tag HTML. Neste momento, use [Commands]->[Externalize JavaScript] para abrir o DreamWeaver CS4 como. Como você pode ver pelas ferramentas que disponibilizamos, existem duas opções, que correspondem respectivamente a separar apenas os blocos de código JavaScript da página em arquivos externos e ao mesmo tempo separar o JavaScript no código HTML:
Escolhemos "Externalizar JavaScript e anexar discretamente ", ou seja, a separação dos blocos de código e dos códigos nas tags é concluída ao mesmo tempo. Após a conclusão da execução do comando, o código da página é o seguinte:
< !DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" " http://www .w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<cabeça>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script src="SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Untitled-15.js" type="text/javascript"></script>
</head>
<corpo>
<a href="#" id="a1">Clique para me alertar</a>
</body>
</html>
Desta forma, o trabalho correspondente é concluído automaticamente.
2. Dicas de código JavaScript.
Sempre houve um IDE particularmente conveniente para o desenvolvimento de JavaScript. Aptana é uma ferramenta de desenvolvimento de JavaScript baseada no Ecplise, que fornece destaque de código e funções de prompt de código. Agora, o DreamWeaver CS4 também fornece essa função. já está disponível para dicas de código.
Além disso, o DreamWeaver CS4 também fornece avisos para erros de código. Quando ocorre um erro no código, haverá uma barra de aviso amarela na parte superior da janela e o número da linha no lado esquerdo do código.
3. Suporte para bibliotecas JavaScript de terceiros.
O Aptana mencionado acima também fornece suporte para uma variedade de bibliotecas JavaScript de terceiros, como Prototype, jQuery, YUI, ExtJS, etc. DreamWeaver CS4 também fornece suporte. Primeiro introduzimos uma biblioteca Prototype e, em seguida, inserimos um novo Ajax. para construir um aplicativo Ajax, o DreamWeave CS4 fornece dicas de código para métodos de membros da classe Ajax.
Fonte do artigo: http://www.hanguofeng.cn/archives/web-client/dreamweaver-cs4-new-feture-javascript