24 September 2008, Beijing - Hari ini, Adobe (Nasdaq: ADBE) mengumumkan peluncuran produk tonggak sejarah industri – rangkaian produk Adobe® Creative Suite® 4. Produk ini dapat digunakan di semua alur kerja kreatif dan merupakan perangkat lunak desain dan pengembangan terkemuka di industri. Melalui terobosan mendasar dalam alur kerja, hambatan antara desainer dan pengembang dihilangkan. Lini produk Creative Suite 4 yang baru mencakup ratusan fitur inovatif untuk memajukan proses kreatif produksi cetak, web, seluler, interaktif, audio dan video secara komprehensif. Produk ini mengangkat teknologi Flash seluruh lini produk ke tingkat integrasi dan ekspresi baru. Ini adalah versi perangkat lunak terbesar Adobe hingga saat ini, termasuk edisi Adobe Creative Suite 4 Design, edisi Web Creative Suite 4, dan Creative Suite 4 Production Premium Koleksi Master dan 13 produk dasar, 14 teknologi terintegrasi dan 7 layanan.
Jadi saya mengunduh DreamWeaver CS4 versi PreRelease resmi untuk pengujian. Tidak banyak yang bisa dikatakan tentang dekompresi dan instalasi. Saya hanya merasa bahwa kecepatan instalasi jauh lebih cepat daripada DreamWeaver CS3 sebelumnya antarmuka lebih baik dari sebelumnya.
Selain perubahan antarmuka, versi ini berfungsi sebagai versi tonggak penting dan memiliki banyak pembaruan, seperti:
tip kode untuk kerangka Ajax dan JavaScript
Pengeditan Adobe InContext
Kumpulan data HTML
Integrasi Subversion®
Praktik terbaik CSS, dll., Anda dapat memeriksa halaman fitur resmi untuk informasi lebih lanjut.
Di sini saya terutama akan memperkenalkan Anda pada beberapa fitur baru JavaScript.
1. Tautan eksternal kode JavaScript.
Kita tahu bahwa untuk berbagai tujuan, biasanya kita tidak menulis kode JavaScript langsung di halaman, tetapi menempatkannya di file js eksternal. Manfaat melakukan ini tidak hanya untuk memudahkan pengelolaan JavaScript di seluruh situs, tetapi juga untuk membantu banyak orang. Dengan bantuan caching file js oleh klien, pemborosan lalu lintas transmisi jaringan file js yang jarang berubah berkurang.
Selain itu, untuk alasan seperti kolaborasi multi-orang dan pengelolaan yang mudah, perubahan yang gesit, dan pelapisan kode, kita harus mencoba memisahkan struktur-kinerja-perilaku sebanyak mungkin Dalam penulisan kode normal, Anda mungkin menggunakan banyak kata seperti
< a onclick="alert_me('ini adalah tautan')" href="#">Klik untuk mengingatkan saya</a>
Namun, kode tersebut melakukannya dengan menggabungkan perilaku ke dalam struktur kode dasar. Kami menganjurkan penambahan peristiwa untuk memisahkannya sepenuhnya ke dalam kode JavaScript.
Di DreamWeaver CS4, fungsi ini disediakan untuk kami. Anda dapat menemukan fungsi ini di [Perintah]->[Eksternalisasi JavaScript].
Untuk menguji kedua fitur ini, kami menulis kode berikut:
< !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 ">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=utf-8" />
<title>Dokumen Tanpa Judul</title>
<skrip tipe="teks/javascript">
fungsi alert_me(pesan)
{
peringatan(pesan);
}
</skrip>
</kepala>
<tubuh>
<a href="#" onclick="alert_me('ini adalah tautan')">Klik untuk mengingatkan saya</a>
</tubuh>
</html>
Anda dapat melihat bahwa dalam kode ini, tidak hanya fungsi JavaScript yang muncul di halaman, tetapi perilakunya juga terikat langsung ke tag HTML. Saat ini, gunakan [Perintah]->[Eksternalisasi JavaScript] untuk membuka DreamWeaver CS4 sebagai Seperti yang Anda lihat dari alat yang kami sediakan, ada dua opsi, yang masing-masing sesuai dengan memisahkan hanya blok kode JavaScript di halaman menjadi file eksternal dan pada saat yang sama memisahkan JavaScript dalam kode HTML:
Kami memilih "Eksternalisasi JavaScript dan lampirkan secara diam-diam ", yaitu pemisahan blok kode dan kode dalam tag selesai pada saat yang bersamaan. Setelah eksekusi perintah selesai, kode halamannya adalah sebagai berikut:
< !DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transisi//EN" " http://www .w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=utf-8" />
<title>Dokumen Tanpa Judul</title>
<skrip src="SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
<skrip src="Untitled-15.js" type="text/javascript"></script>
</kepala>
<tubuh>
<a href="#" id="a1">Klik untuk mengingatkan saya</a>
</tubuh>
</html>
Dengan cara ini, pekerjaan terkait diselesaikan secara otomatis.
2. Kiat kode JavaScript.
Selalu tidak ada IDE yang nyaman untuk mengembangkan JavaScript. Aptana adalah alat pengembangan JavaScript berdasarkan Ecplise, yang menyediakan penyorotan kode dan fungsi prompt kode. Sekarang, DreamWeaver CS4 juga menyediakan fungsi ini sudah tersedia untuk petunjuk kode.
Selain itu, DreamWeaver CS4 juga memberikan petunjuk untuk kesalahan kode. Ketika terjadi kesalahan pada kode, akan ada bilah prompt berwarna kuning di bagian atas jendela dan nomor baris di sisi kiri kode.
3. Dukungan untuk perpustakaan JavaScript pihak ketiga.
Aptana yang disebutkan di atas juga menyediakan dukungan untuk berbagai perpustakaan JavaScript pihak ketiga, seperti Prototipe, jQuery, YUI, ExtJS, dll. DreamWeaver CS4 juga menyediakan dukungan. Pertama-tama kami memperkenalkan perpustakaan Prototipe, dan kemudian memasukkan Ajax baru Saat mencoba untuk membangun aplikasi Ajax, DreamWeave CS4 memberikan petunjuk kode untuk metode anggota kelas Ajax.
Sumber artikel: http://www.hanguofeng.cn/archives/web-client/dreamweaver-cs4-new-feture-javascript