Membuat laman web yang hebat memerlukan banyak kemahiran, tetapi anda tidak semestinya harus mengembangkan semuanya sepenuhnya dari awal. Untuk menggunakan salah satu perpustakaan JavaScript yang disajikan dalam artikel ini, Anda harus memiliki sekurang-kurangnya beberapa kemahiran JavaScript yang ada, tetapi Anda juga tidak semestinya harus menjadi ahli.
Apa yang anda perlukan untuk menjadi pakar ialah mencari cara menggabungkan perpustakaan ke dalam laman web untuk mendapatkan manfaat yang terbaik dari mereka. Ini sebenarnya bukan sesuatu yang boleh diajar. Ini adalah kemahiran yang hanya boleh anda pelajari dengan melakukan. Setelah anda menguasai konsep, bagaimanapun, tidak ada batasan kreativiti anda dan apa yang dapat anda capai dengannya.
Dikumpulkan di sini adalah senarai perpustakaan JavaScript kami yang paling berguna yang tersedia untuk pengaturcara untuk peningkatan laman web. Anda mungkin tidak melihat kegemaran anda disenaraikan di sini, tetapi itu tidak bermakna ia tidak digalakkan. Sebenarnya mana-mana pustaka JavaScript yang membantu anda mencapai sesuatu yang berharga tidak boleh diketepikan. Tetapi dengan berjuta-juta perpustakaan yang boleh dipilih, kita harus menarik garis di suatu tempat.
1. jQuery
Sebaiknya mulakan dengan yang jelas. Anda pasti sudah menggunakan perpustakaan ini dalam beberapa cara, walaupun anda belum mengetahuinya. Pada dasarnya, jQuery membolehkan anda melakukan perkara dinamik ke laman web statik dengan lebih mudah daripada kaedah lain, dan tidak memerlukan pengaturcaraan sisi pelayan untuk mencapai hasilnya. Ini juga bermaksud bahawa kemas kini boleh berlaku lebih cepat daripada dengan alternatif pelayan. Banyak perpustakaan lain termasuk jQuery sebagai pergantungan, jadi anda mungkin perlu memasukkannya ke dalam halaman anda walaupun anda tidak mengakses langsung ciri-cirinya.
2. Prototaip
Ini, dengan satu cara, boleh dianggap sebagai pesaing jQuery. Ia tidak semestinya rendah diri, tetapi lebih jarang diterima pakai. Menggunakan prototaip dan jQuery bersama-sama boleh menimbulkan konflik, kecuali anda mengambil langkah khas untuk menangani masalah ini. Inilah sebabnya mengapa anda perlu mengetahui kebergantungan dalam perpustakaan JavaScript lain yang anda gunakan.
3. Pemodenan moden
Perpustakaan ini membantu mengatasi masalah dengan rendering halaman pada penyemak imbas lama yang tidak menyokong HTML5 sepenuhnya. Walaupun penyemak imbas seperti ini jarang ditemui, mereka masih merupakan sebahagian dari landskap dan mempunyai Modernizr dapat membantu anda mengatasi masalah dengan cara yang cekap.
4. Bootstrap
Hanya dalam masa enam tahun yang singkat, Bootstrap telah mencapai percambahan yang besar di seluruh dunia pembangunan web. Ini hanya berkaitan dengan susun atur UI dan penyatuan komponen, tetapi ia melakukannya dengan sangat baik. Anda perlu mengubah tetapan lalai untuk hampir semua perkara, kerana ia berdasarkan Twitterskema warna, yang bukan paling mesra pengguna antara muka pengguna.
5. PDF.js
Anda mungkin tahu bahawa PDF format tertakluk kepada kelemahan tertentu. Untuk mengatasi masalah ini, PDF.js telah dicipta untuk memaparkan kandungan PDF ke dalam Kanvas HTML5. Jelas sekali ini juga bermakna ia hanya berfungsi dalam penyemak imbas yang menyokong HTML5 dan Kanvas.
6. Carta JS
Perpustakaan yang sangat baik yang menyediakan penjana grafik yang sederhana namun kuat, jadi anda boleh membuat semua jenis carta profesional untuk laman web anda tanpa meluangkan banyak masa dan usaha. Versi percuma sama hebatnya dengan versi berbayar, tetapi termasuk tanda air. Membeli lesen akan menghilangkan tanda air ini.
7. Chart.js
Ini adalah alternatif yang benar-benar baik, percuma, tanpa tanda air untuk JS Charts. Mudah digunakan, didokumentasikan dengan baik, dan dapat disesuaikan dengan cara yang tidak berkesudahan. Menggunakannya memerlukan sedikit kemahiran JavaScript daripada JS Charts.
8. D3.js
Ini adalah kakak kepada dua contoh sebelumnya, yang bertujuan untuk penggunaan ringan. Sekiranya anda menggunakan data di liga besar, D3 menawarkan anda ciri-ciri canggih yang dapat membawa persembahan dalam talian anda ke tahap seterusnya. Segala jenis data dapat dilihat dan diungkapkan dengan banyak cara. Cukup periksa contoh di laman web D3 untuk melihat apa yang anda hilang.
9. bHive
Rangka kerja grafik yang hebat iaitu sebagai revolutionari kepada Kanvas HTML5 seperti yang dilakukan Raphaรซl kepada HTML4. bHive membolehkan anda mencipta grafik SVG, animasi, dan juga untuk menggabungkan interaktiviti dengan cepat yang boleh digunakan dalam pelbagai cara yang berbeza, seperti permainan mudah dan aplikasi pendidikan.
10. Carousel burung hantu
Walaupun penggunaan karusel yang berlebihan tidak digalakkan, pada masa-masa yang anda benar-benar perlu menggunakannya, Owl ialah salah satu pemalam karusel yang paling disyorkan yang pernah dibuat untuk jQuery. Ia serasi dengan kedua-dua skrin sentuh dan peranti penunjuk. Ia menyokong leret dan drag-n-drop. Ia boleh disesuaikan sepenuhnya dan adalah responsive secara lalai.
11. Tarikh.js
Kadangkala anda perlu dapat menyatakan tarikh dalamformation dalam cara yang berbeza untuk memberikan konteks tapak. Ciri Date.js membolehkan anda melakukan perkara ini sahaja, menggunakan sintaks yang sangat lurus ke hadapan yang tidak mudah dipelajari.
13. Moment.js
Tarikh lain formatperpustakaan ting dan pemprosesan. Ia lebih kompleks sedikit daripada Date.js tetapi membolehkan anda melakukan pengiraan khusus tertentu dengan mudah (isAfter, isBefore, isSameOrAfter, isSameOrBefore, isBetween, isLeapYear, isDate dan sebagainya). Apabila anda tidak memerlukan semua overhed yang disertakan dengan ciri tambahan ini, gunakan Date.js sebaliknya.
13. kurma
Apabila anda perlu memaparkan kawalan kalendar / pemetik data di laman web anda, dateDropper adalah penyelesaian paling elegan dan sederhana yang pernah kami lihat (dan kami telah melihat banyak perkara). Ia juga lebih serasi dengan antara muka mudah alih daripada banyak penyelesaian lain di luar sana.
13. Numeral.js
Adakah untuk nombor apa yang dilakukan Date.js untuk tarikh.
14. wForms
Perpustakaan yang ringkas tetapi berguna yang dikendalikan oleh arkib Kod Google, wForms memudahkan kerja-kerja tugas biasa yang berkaitan dengan borang input pengguna. Ini termasuk pengesahan input, petua alat, dan ciri berguna lain.
15. susun Jadual
Jadual yang boleh disusun telah ada hampir sepanjang jadual (jadual data, bagaimanapun). Tetapi dengan pustaka JavaScript tangan ini, anda dapat membuat jadual apa saja dengan mudah dengan hanya menambahkan kelas ke meja semasa anda membuatnya, yang semudah:
gambar header milik Rogie
Komen-komen Responses 0