Rumah hujung hadapan web tutorial js Analisis penggunaan tanda dolar $ dalam rangka kerja prototaip_kemahiran javascript

Analisis penggunaan tanda dolar $ dalam rangka kerja prototaip_kemahiran javascript

May 16, 2016 pm 03:18 PM
bingkai

Contoh dalam artikel ini menerangkan penggunaan tanda dolar $ dalam rangka kerja prototaip. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Prototaip ialah alat penting untuk pelaksanaan berorientasikan objek dan rangka kerja yang baik untuk JavaScript.
Sesiapa yang menggunakan jquery tahu bahawa terdapat tanda $ dolar dalam jquery, dan terdapat juga $ dalam prototaip Apakah perbezaan antara mereka?

1. Penggunaan $() dalam prototaip

Prototaip ditulis sebagai $("test") atau $$("#test"), yang bersamaan dengan document.getElementById("test");
dalam js kaedah penulisan jqueryp $("#test"), yang juga bersamaan dengan document.getElementById("test");

dalam js

2. Penggunaan $$() dalam prototaip

tulisan jquery $("div") adalah bersamaan dengan document.getElementsByTagName('div')
Jika prototaip juga ingin mendapatkan semua elemen div dalam halaman, ia tidak boleh ditulis seperti ini.
Cara untuk menulis prototaip ialah $("div") yang bersamaan dengan document.getElementById("div")
Cara untuk menulis prototaip ialah $$("div") yang bersamaan dengan document.getElementsByTagName('div')
Kaedah penulisan prototaip $$("input[value=tank]") mendapat label yang nilai kotak inputnya ialah tangki pada halaman Ia sebenarnya serupa dengan jquery, kecuali terdapat simbol $ tambahan

3. Penggunaan $A() dalam prototaip

$A digunakan terutamanya untuk menukar mana-mana koleksi yang boleh digunakan sebagai tatasusunan (seperti NodeList, HTMLCollection yang dikembalikan oleh banyak kaedah DOM atau sifat argumen objek fungsi) kepada objek Tatasusunan sebenar. Empat kaedah berikut boleh menyembunyikan teg div dalam halaman

$A($$('div')).each(Element.hide); 
$A($$('div')).map(Element.extend).invoke("hide"); 
//从思想上来看,下面二种写法,我在用jquery时,也经常用 
$A($$('div')).each(function(name,index){ 
 name.style.display='none'; 
 alert(name.innerHTML); 
 }) 
 $A($$('div')).each(function(name,index){ 
 $(name).hide(); 
}) 

Salin selepas log masuk

Jika TypeError: element.style is undefined { message="element.style is undefined", lagi...} muncul dalam contoh, sila tingkatkan versi prototaip anda

4. Penggunaan $F() dalam prototaip

Secara peribadi, saya rasa penggunaan $F direka bentuk untuk memudahkan anda mendapatkan semula data borang, tetapi ia agak mudah kerana ia hanya boleh diperoleh melalui ID


$F("nama") Betul


$F("name") Salah, TypeError: element is null { message="element is null", lagi...}

5. Penggunaan $H() dalam prototaip

Apabila anda memasukkan objek sebagai parameter fungsi, $H akan memasukkan objek ke dalam objek cincang proprietari prototaip. $H berasa seperti penukar, mencetuskan kesan perubahan situasi

$H({name:'tank',sex:1,height:'170cm'}).toArray()
[["name", "tank"], ["sex", 1], ["height", "170cm"]]
$H({name:'tank',sex:1,height:'170cm'}).toQueryString()
"name=tank&sex=1&height=170cm"

Salin selepas log masuk

6. Penggunaan $R() dalam prototaip

Fungsi $R dan pembina asal mempunyai parameter yang sama: mula dan akhir masing-masing mewakili nilai had bawah dan nilai had atas (jenis kedua-dua parameter mesti konsisten), dan eksklusif mewakili sama ada untuk mengecualikan nilai atas nilai had (hujung parameter) . Nilai had atas tidak dikecualikan secara lalai.

Kejadian $R menerangkan satu siri nilai yang berubah mengikut peraturan tertentu, seperti nombor, teks atau jenis lain yang menyokong secara semantik terbitan nilai bersebelahan

Paling mudah untuk orang ingat jika mereka boleh menerangkannya melalui contoh

$A($R("a","z",true)).join(',') //加了参数true 
"a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y" 
$A($R("a","z")).join(',') //没有加 
"a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z" 

Salin selepas log masuk

$R menyimpulkan objek $R mengikut peraturan, $A menukar objek kepada tatasusunan dan menggunakan tanda, untuk menukar tatasusunan kepada rentetan.

$R(0, 10).each(function(value){ 
 alert(value*value); 
}); 
//结果和上面的一样的,但是each解释的对像是不一样的。 
$A($R(0, 10)).each(function(value){ 
 alert(value*value); 
}); 

Salin selepas log masuk

Jika ralat sedemikian dilaporkan, TypeError: value.succ bukan fungsi { message="value.succ is not a function", lagi...}, sila tingkatkan

7. Penggunaan $w() dalam prototaip

$w menukar rentetan dengan ruang sebagai pembatas kepada tatasusunan Fungsi root php's explode(" ",$string);

$w("aa bb").join(',')

Jika ralat sedemikian dilaporkan, ReferenceError: $w tidak ditakrifkan { message="$w is not definition", lagi...}, sila tingkatkan

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.

Kenyataan Laman Web ini
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk menilai keberkesanan kos sokongan komersial untuk rangka kerja Java Bagaimana untuk menilai keberkesanan kos sokongan komersial untuk rangka kerja Java Jun 05, 2024 pm 05:25 PM

Menilai kos/prestasi sokongan komersial untuk rangka kerja Java melibatkan langkah-langkah berikut: Tentukan tahap jaminan yang diperlukan dan jaminan perjanjian tahap perkhidmatan (SLA). Pengalaman dan kepakaran pasukan sokongan penyelidikan. Pertimbangkan perkhidmatan tambahan seperti peningkatan, penyelesaian masalah dan pengoptimuman prestasi. Timbang kos sokongan perniagaan terhadap pengurangan risiko dan peningkatan kecekapan.

Bagaimanakah keluk pembelajaran rangka kerja PHP berbanding rangka kerja bahasa lain? Bagaimanakah keluk pembelajaran rangka kerja PHP berbanding rangka kerja bahasa lain? Jun 06, 2024 pm 12:41 PM

Keluk pembelajaran rangka kerja PHP bergantung pada kecekapan bahasa, kerumitan rangka kerja, kualiti dokumentasi dan sokongan komuniti. Keluk pembelajaran rangka kerja PHP adalah lebih tinggi jika dibandingkan dengan rangka kerja Python dan lebih rendah jika dibandingkan dengan rangka kerja Ruby. Berbanding dengan rangka kerja Java, rangka kerja PHP mempunyai keluk pembelajaran yang sederhana tetapi masa yang lebih singkat untuk bermula.

Bagaimanakah pilihan rangka kerja PHP yang ringan mempengaruhi prestasi aplikasi? Bagaimanakah pilihan rangka kerja PHP yang ringan mempengaruhi prestasi aplikasi? Jun 06, 2024 am 10:53 AM

Rangka kerja PHP yang ringan meningkatkan prestasi aplikasi melalui saiz kecil dan penggunaan sumber yang rendah. Ciri-cirinya termasuk: saiz kecil, permulaan pantas, penggunaan memori yang rendah, kelajuan dan daya tindak balas yang dipertingkatkan, dan penggunaan sumber yang dikurangkan: SlimFramework mencipta API REST, hanya 500KB, responsif yang tinggi dan daya pemprosesan yang tinggi.

Perbandingan prestasi rangka kerja Java Perbandingan prestasi rangka kerja Java Jun 04, 2024 pm 03:56 PM

Mengikut penanda aras, untuk aplikasi kecil dan berprestasi tinggi, Quarkus (permulaan pantas, memori rendah) atau Micronaut (TechEmpower cemerlang) adalah pilihan yang ideal. SpringBoot sesuai untuk aplikasi bertindan penuh yang besar, tetapi mempunyai masa permulaan dan penggunaan memori yang lebih perlahan.

Amalan terbaik dokumentasi rangka kerja Golang Amalan terbaik dokumentasi rangka kerja Golang Jun 04, 2024 pm 05:00 PM

Menulis dokumentasi yang jelas dan komprehensif adalah penting untuk rangka kerja Golang. Amalan terbaik termasuk mengikut gaya dokumentasi yang ditetapkan, seperti Panduan Gaya Pengekodan Google. Gunakan struktur organisasi yang jelas, termasuk tajuk, subtajuk dan senarai, serta sediakan navigasi. Menyediakan maklumat yang komprehensif dan tepat, termasuk panduan permulaan, rujukan API dan konsep. Gunakan contoh kod untuk menggambarkan konsep dan penggunaan. Pastikan dokumentasi dikemas kini, jejak perubahan dan dokumen ciri baharu. Sediakan sokongan dan sumber komuniti seperti isu dan forum GitHub. Buat contoh praktikal, seperti dokumentasi API.

Bagaimana untuk memilih rangka kerja golang terbaik untuk senario aplikasi yang berbeza Bagaimana untuk memilih rangka kerja golang terbaik untuk senario aplikasi yang berbeza Jun 05, 2024 pm 04:05 PM

Pilih rangka kerja Go terbaik berdasarkan senario aplikasi: pertimbangkan jenis aplikasi, ciri bahasa, keperluan prestasi dan ekosistem. Rangka kerja Common Go: Gin (aplikasi Web), Echo (Perkhidmatan Web), Fiber (daya pemprosesan tinggi), gorm (ORM), fasthttp (kelajuan). Kes praktikal: membina REST API (Fiber) dan berinteraksi dengan pangkalan data (gorm). Pilih rangka kerja: pilih fasthttp untuk prestasi utama, Gin/Echo untuk aplikasi web yang fleksibel, dan gorm untuk interaksi pangkalan data.

Apakah salah faham yang biasa berlaku dalam proses pembelajaran kerangka Golang? Apakah salah faham yang biasa berlaku dalam proses pembelajaran kerangka Golang? Jun 05, 2024 pm 09:59 PM

Terdapat lima salah faham dalam pembelajaran rangka kerja Go: terlalu bergantung pada rangka kerja dan fleksibiliti terhad. Jika anda tidak mengikut konvensyen rangka kerja, kod tersebut akan menjadi sukar untuk dikekalkan. Menggunakan perpustakaan lapuk boleh menyebabkan isu keselamatan dan keserasian. Penggunaan pakej yang berlebihan mengaburkan struktur kod. Mengabaikan pengendalian ralat membawa kepada tingkah laku yang tidak dijangka dan ranap sistem.

Penjelasan praktikal terperinci pembangunan rangka kerja golang: Soalan dan Jawapan Penjelasan praktikal terperinci pembangunan rangka kerja golang: Soalan dan Jawapan Jun 06, 2024 am 10:57 AM

Dalam pembangunan rangka kerja Go, cabaran biasa dan penyelesaiannya ialah: Pengendalian ralat: Gunakan pakej ralat untuk pengurusan dan gunakan perisian tengah untuk mengendalikan ralat secara berpusat. Pengesahan dan kebenaran: Sepadukan perpustakaan pihak ketiga dan cipta perisian tengah tersuai untuk menyemak bukti kelayakan. Pemprosesan serentak: Gunakan goroutine, mutex dan saluran untuk mengawal akses sumber. Ujian unit: Gunakan pakej, olok-olok dan stub untuk pengasingan dan alat liputan kod untuk memastikan kecukupan. Penerapan dan pemantauan: Gunakan bekas Docker untuk membungkus penggunaan, menyediakan sandaran data dan menjejak prestasi dan ralat dengan alat pengelogan dan pemantauan.

See all articles