Rumah  >  Artikel  >  hujung hadapan web  >  Penjelasan terperinci tentang kemahiran kerangka kerja_javascript Prototaip

Penjelasan terperinci tentang kemahiran kerangka kerja_javascript Prototaip

WBOY
WBOYasal
2016-05-16 15:29:591495semak imbas

"Prototaip" yang disebut di sini bukanlah prototaip ("prototaip") dalam pengaturcaraan JavaScript, tetapi pustaka kelas JavaScript yang ditulis oleh "Sam Stephenson". Pustaka kelas yang disusun dengan hebat dan serasi standard ini boleh membantu pengaturcara dengan mudah mencipta halaman klien yang kaya dengan ciri "web2.0" yang sangat interaktif.

•Hubungan pertama ramai orang dengan Prototaip bermula dengan siri fungsi "$" ini serupa dengan pintasan aplikasi desktop dan merupakan set fungsi yang paling kerap digunakan dalam rangka kerja Prototaip. Di samping itu, sokongan Prototaip untuk Ajax juga menarik minat pembangun. Sudah tentu, fungsi Prototaip tidak terhad kepada ini Ia telah memperluaskan sejumlah besar objek terbina dalam JavaScript dan juga mentakrifkan banyak objek baharu.

Pengenalan kepada rangka kerja prototaip:

•Prototaip merupakan rangka kerja pembangunan Ajax yang paling banyak digunakan pada masa ini Ia dicirikan oleh fungsi praktikal dan saiz kecil, menjadikannya sangat sesuai untuk digunakan dalam aplikasi Web bersaiz kecil dan sederhana. Membangunkan aplikasi Ajax memerlukan menulis sejumlah besar skrip JavaScript sisi klien, dan rangka kerja Prototaip boleh memudahkan penulisan kod JavaScript. Apa yang lebih jarang berlaku ialah Prototaip mempunyai ciri yang sangat baik yang serasi dengan pelbagai pelayar menggunakan rangka kerja ini, anda tidak perlu mempertimbangkan isu keserasian penyemak imbas.

•Prototaip telah membuat banyak sambungan berguna pada objek terbina dalam JavaScript (seperti objek "String", objek "Array", dll. Pada masa yang sama, banyak objek tersuai telah ditambahkan pada rangka kerja, termasuk objek tersebut untuk pembangunan Ajax, dsb. semuanya dilaksanakan dalam objek tersuai. Prototaip boleh membantu pembangun mencapai matlamat berikut:

•(1) Lakukan pelbagai pemprosesan pada rentetan
•(2) Gunakan penghitungan untuk mengakses objek koleksi
•(3) Lakukan operasi DOM biasa dengan cara yang lebih mudah
•(4) Gunakan pemilih CSS untuk mencari elemen halaman
•(5) Mulakan permintaan HTTP Ajax dan proses respons
•(6) Pantau acara DOM dan proses acara

•Penjelasan terperinci tentang fungsi rangka kerja "Prototaip"—menggunakan fungsi praktikal

Pelaksanaan rangka kerja "Prototaip" hanya mengandungi satu JavaScript Saiz fail versi 1.6 "Prototype.js" ialah 127K bait dan kira-kira 4220 baris. Sintaks yang digunakan dalam halaman adalah serupa dengan:

&#8226;<script type=”text/javascript” src=”inc"js"Prototype.js” ></script>

•Anda kemudiannya boleh menikmati kemudahan yang dibawa oleh rangka kerja ini dalam skrip seterusnya.

•Terdapat banyak objek dan fungsi utiliti yang dipratentukan dalam rangka kerja ini, yang boleh membebaskan pengaturcara daripada menaip berulang.

•(1) Gunakan fungsi “$()”.
•(2) Gunakan fungsi “$F()”. Fungsi ini ialah satu lagi "pintasan" popular yang boleh digunakan untuk mengembalikan nilai sebarang kawalan input bentuk, seperti kotak teks berbilang baris dan kotak senarai juntai bawah. Kaedah ini juga boleh mengambil id elemen atau elemen itu sendiri sebagai parameter.
•(3) Gunakan fungsi “$A()”. Fungsi ini menukar hujah tunggal yang diterima menjadi objek Array.
•(4) Gunakan fungsi “$H()”. Fungsi ini menukar beberapa objek menjadi objek Hash yang boleh dikira serupa dengan tatasusunan bersekutu.
•(5) Gunakan fungsi “$R()”. Fungsi ini ialah singkatan kepada "Julat Objek baharu(lowBound,upperBound,excludeBounds)" dan digunakan untuk mencipta objek julat.
•(6) Gunakan fungsi "Try.these()". Kaedah "Try.these()" digunakan untuk memanggil kaedah yang berbeza sehingga salah satu daripadanya berjaya. Fungsi ini mengambil satu siri kaedah sebagai parameter dan melaksanakan kaedah ini satu demi satu mengikut urutan sehingga salah satu daripadanya berjaya dilaksanakan. Mengembalikan nilai pulangan kaedah yang berjaya dilaksanakan. Fungsi "Try.these()" boleh digunakan untuk mengendalikan isu keserasian.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn