Rumah > Artikel > hujung hadapan web > 14 aspek yang mempengaruhi penggunaan jQuery_jquery
Nasib baik, orang biasanya mempunyai pelbagai pemalam yang berbeza untuk dipilih. Tetapi walaupun anda hanya menggunakan satu, fikirkan sama ada ia berbaloi untuk digunakan. Jangan sekali-kali memasukkan kod buruk ke dalam pangkalan kod anda.
Adakah anda memerlukan pemalam?
Perkara pertama adalah untuk mengetahui sama ada anda memerlukan pemalam. Jika anda tidak memerlukannya, anda akan menjimatkan saiz fail dan masa anda sendiri.
1. Adakah lebih baik menulisnya sendiri?
Jika fungsinya sangat mudah, tulis sendiri. Pemalam untuk jQuery sering menggabungkan pelbagai ciri, yang boleh berlebihan. Dalam kes ini, selalunya lebih masuk akal untuk menulis sebarang fungsi mudah dengan tangan. Sudah tentu, terdapat beberapa ukuran jumlah kerja yang terlibat.
Contohnya, jika anda memerlukan ciri yang lebih maju, akordion UI jQuery ialah pilihan yang baik. Tetapi jika anda hanya perlu membuka dan menutup panel. Jika anda belum lagi menggunakan jQuery UI di tapak web anda, pertimbangkan jQuery's slideToggle() atau animate().
2. Adakah anda sudah menggunakan pemalam yang serupa?
Sangat menggoda untuk mendapati bahawa pemalam tidak menyelesaikan semua yang anda perlukan dan mencari pemalam lain untuk menebusnya. Tetapi memasukkan dua pemalam yang serupa dalam aplikasi yang sama pastinya JavaScript kembung. Bolehkah anda mencari pemalam yang merangkumi semua keperluan anda? Jika tidak, bolehkah anda melanjutkan salah satu pemalam ini untuk menampung semua yang anda perlukan? Begitu juga, apabila memutuskan sama ada untuk melanjutkan pemalam, timbangkan faedah berbanding masa pembangunan.
Contohnya, peti cahaya jQuery ialah cara yang bagus untuk memaparkan foto timbul dalam galeri dan simpleModal ialah cara yang bagus untuk memaparkan maklumat modal kepada pengguna. Tetapi mengapa tapak web anda menggunakan kedua-dua kaedah? Anda boleh dengan mudah memanjangkan satu untuk menampung kedua-dua keperluan. Lebih baik lagi, cari pemalam yang merangkumi semuanya, seperti Colorbox.
3. Perlukan JavaScript?
Dalam sesetengah kes, JavaScript tidak diperlukan. Pemilih pseudo CSS, seperti fungsi hover dan CSS3 transitios, boleh merangkumi pelbagai kesan dinamik, jauh lebih pantas daripada penyelesaian JavaScript. Di samping itu, banyak pemalam hanya menyediakan gaya; Saya rasa menggunakan markup dan CSS mungkin lebih baik.
Jika anda perlu memaparkan kandungan dinamik dan memerlukan gesaan bersyarat, Petua Alat jQuery adalah penting. Walau bagaimanapun, jika anda hanya memerlukan pembayang di beberapa tempat, lebih baik menggunakan CSS tulen (lihat contoh ini). Untuk gesaan statik, anda boleh melangkah lebih jauh dan menghidupkannya menggunakan peralihan CSS3, tetapi jangan lupa bahawa animasi hanya akan berfungsi dalam penyemak imbas tertentu.
Apabila menyemak mana-mana pemalam, satu siri tanda amaran menunjukkan bahawa pemalam itu tidak berkualiti. Di sini, kita akan melihat setiap aspek pemalam, daripada JavaScript ke CSS untuk menanda. Kami juga akan mempertimbangkan cara mengedarkan pemalam. Sebarang amaran yang terdapat dalam pemalam akan mengecualikan pemalam anda daripada pertimbangan. Jika anda bernasib baik kerana mempunyai berbilang pemalam untuk dipilih, kaveat ini boleh membantu mengecilkan pilihan anda. Walau bagaimanapun, walaupun hanya ada satu pilihan, lebih baik berputus asa jika anda melihat terlalu banyak amaran. Anda boleh mengurangkan sakit kepala anda terlebih dahulu.
4. Pilihan pelik atau sintaks parameter
Apabila menggunakan jQuery, jurutera pembangunan bimbang tentang cara fungsi menerima parameter. Jika pembangun pemalam menggunakan sintaks khas, adalah munasabah untuk mempercayai bahawa mereka tidak mempunyai banyak pengalaman pengaturcaraan jQuery atau JavaScript.
Sesetengah pemalam menerima objek jQuery sebagai parameter, tetapi tidak membenarkan rantaian objek, contohnya, $.myPlugin( $('a') ); Ini adalah amaran besar.
Kod:
$('.my-selector').myPlugin({ opt1 : 75, opt2 : 'asdf' }); $('.my-selector').myPlugin({ opt1 : 75, opt2 : 'asdf' }); $.myPlugin({ opt1 : 75, opt2 : 'asdf' }, $('.my-selector')); $.myPlugin({ opt1 : 75, opt2 : 'asdf' }, $('.my-selector'));
5. Sedikit atau tiada dokumentasi
Tanpa dokumentasi, sangat sukar untuk menggunakan pemalam, kerana ini adalah tempat pertama yang anda fikirkan semasa mencari jawapan kepada soalan. Fail datang dalam pelbagai format, dan dokumentasi yang betul adalah yang terbaik, tetapi komen kod yang baik boleh menjadi sama baiknya. Jika tiada dokumentasi, atau ia hanya contoh mudah untuk diblog, maka anda mungkin ingin mempertimbangkan pilihan lain. Dokumentasi yang baik menunjukkan bahawa pengarang pemalam mengambil berat tentang pengguna seperti anda. Ia juga menunjukkan bahawa mereka telah meneliti pemalam lain dan mengetahui nilai dokumentasi yang baik.
6. Rekod sokongan yang lemah
Kekurangan sokongan bermakna sukar untuk mendapatkan bantuan apabila masalah ditemui. Apa yang lebih membimbangkan ialah ia menunjukkan bahawa pemalam itu tidak dikemas kini untuk seketika. Satu faedah perisian sumber terbuka ialah ia menarik banyak perhatian dan membantu anda nyahpepijat serta memperbaikinya. Jika penulis tidak bercakap tentang orang ini, pemalam tidak akan dikemas kini.
Bilakah kali terakhir pemalam yang anda pertimbangkan dikemas kini? Bilakah kali terakhir anda menjawab mesej? Walaupun tidak semua pemalam perlu mempunyai sistem sokongan yang kuat seperti tapak web pemalam jQuery. Berhati-hati dengan pemalam yang tidak pernah dikemas kini.
Mempunyai rekod sokongan teknikal sejarah dan pengarang bertindak balas terhadap pepijat atau keperluan pengukuhan adalah tanda hijau. Mempunyai forum sokongan seterusnya menunjukkan bahawa pemalam itu disokong dengan baik, jika bukan pengarang sekurang-kurangnya terdapat forum untuk membantu anda menyelesaikan masalah.
7. Tiada versi mampat
Walaupun amaran yang agak kecil, jika pencipta pemalam tidak menyediakan versi mini daripada kod sumber, maka mereka mungkin tidak memberikan perhatian yang lebih kepada prestasi. Sudah tentu, anda boleh melakukan pemampatan sendiri, tetapi amaran ini tidak membuang masa: ia adalah petunjuk bahawa pemalam mungkin mengandungi isu prestasi yang lebih serius.
Sebaliknya, menawarkan versi mampat, dibungkus dan gzip untuk muat turun adalah satu tanda.
8. Perlu Mark-up yang pelik
Jika pemalam memerlukan mark-up, maka mark-up mestilah berkualiti tinggi. Ia harus sesuai dengan pengertian semantik dan cukup fleksibel. Selain teknologi bahagian hadapan yang lemah, penandaan pelik juga boleh menyukarkan penyepaduan. Pemalam yang baik boleh menampung hampir semua penanda yang anda gunakan menggunakan pemalam yang buruk adalah seperti melompat melalui gelung.
Dalam sesetengah kes, mark-up yang ketat diperlukan, jadi penggunaannya harus dibenarkan dalam julat tertentu. Pada asasnya, fungsi yang lebih khusus, keperluan mark-up yang lebih khusus. Penandaan fleksibel sepenuhnya adalah yang paling mudah untuk disepadukan daripada sebarang pilihan jQuery drop-in semula jadi.
9. Penggunaan CSS secara berlebihan
Banyak pemalam jQuery termasuk CSS, dan kualiti css adalah sama seperti JavaScript. Terlalu banyak CSS pastinya petanda buruk. Tetapi apa yang "over" bergantung pada tujuan plugin. Pemalam berfokus paparan, seperti peti cahaya atau pemalam UI, memerlukan lebih banyak CSS daripada pemalam dipacu animasi ringkas. Gaya CSS yang baik menjadikan program lebih mudah untuk diubah suai agar sesuai dengan gaya tema anda.
10. Tiada orang lain menggunakannya
Bilangan pengguna jQuery adalah besar dan pemalam yang paling baik mungkin akan mempunyai sesuatu yang mereka tulis mengenainya, walaupun ia adalah "50 jQuery [isi tempat kosong]". Contohnya, jika anda membuat pemalam carian Google yang mudah dan anda mendapat sedikit hasil carian, anda mungkin ingin mempertimbangkan pilihan lain, melainkan pemalam itu serba baharu atau anda akan menemui jurutera yang pakar dalam menulis pemalam untuk mengubah suainya.
11. Penggunaan dan pemerhatian
Cara terbaik untuk menguji pemalam adalah dengan hanya menjalankannya pada pelayan dan melihat hasilnya. Pertama, adakah ia melanggar beberapa peraturan? Pastikan anda melihat coretan kod JavaScript. Jika pemalam termasuk helaian gaya, cari ralat reka letak dan penggayaan pada setiap halaman.
Selain itu, bagaimanakah kesan pemalam ini? Jika ia lambat atau halaman dimuatkan ketinggalan, pertimbangkan pemalam lain.
12. Gunakan JSPerf untuk penilaian prestasi
Bawa persembahan pemalam anda ke tahap seterusnya dan uji dengan JSPerf. Penandaarasan menjalankan satu set operasi beberapa kali dan mengembalikan purata masa pelaksanaan. JSPerf menyediakan cara mudah untuk menguji seberapa pantas pemalam berjalan. Ini adalah cara penting untuk memilih dua pemalam yang hampir sama.
13. Ujian silang pelayar
Jika pemalam mempunyai banyak CSS, pastikan anda menguji gaya dalam semua penyemak imbas yang anda mahu sokong. Ingat bahawa CSS boleh datang daripada kedua-dua helaian gaya luaran dan JavaScript dalaman.
Walaupun pemalam itu tidak mempunyai sebarang CSS, semak ralat JavaScript pada semua penyemak imbas juga (sekurang-kurangnya pada versi terawal IE yang anda sokong). Teras jQuery sudah mengendalikan kebanyakan isu merentas pelayar, tetapi pemalam cenderung menggunakan sejumlah JavaScript tulen, yang cenderung melanggar peraturan penyemak imbas lama.
14 Ujian unit
Akhir sekali, pertimbangkan ujian merentas penyemak imbas selanjutnya – ujian unit. Ujian unit ialah cara mudah untuk menguji pemalam komponen, menyokong mana-mana pelayar atau platform. Jika pengarang pemalam telah memasukkan ujian unit dalam pakej muat turun, anda boleh bertaruh bahawa pemalam itu akan berfungsi merentas semua penyemak imbas dan platform silang. Malangnya, sangat sedikit pemalam termasuk data ujian unit, tetapi itu tidak bermakna anda tidak boleh menggunakan pemalam QUnit untuk melaksanakan ujian unit anda sendiri.
Dengan tetapan minimum, uji sama ada kaedah pemalam mengembalikan hasil yang diharapkan. Selagi satu ujian gagal, jangan buang masa anda pada pemalam ini. Dalam kebanyakan kes, melaksanakan ujian unit agak membuang masa, tetapi QUnit boleh membantu anda menentukan kualiti pemalam anda.
Kesimpulan
Apabila menilai kualiti pemalam jQuery, nilai dahulu kualiti kod. Adakah JavaScript dioptimumkan dan bebas ralat? Adakah CSS telah dilaraskan dan sah? Adakah penamaan mark-up cukup semantik dan fleksibel? Soalan-soalan ini semuanya bermuara kepada soalan yang paling penting: Adakah pemalam ini mudah digunakan?
Teras jQuery dioptimumkan dan disemak ralat, disokong bukan sahaja oleh ahli pasukan teras, tetapi juga oleh seluruh komuniti jQuery. Walaupun tidak adil untuk mengekalkan pemalam jQuery pada piawaian yang sama, sekurang-kurangnya terdapat beberapa piawaian semakan yang sama.