Ada banyak perpustakaan JavaScript populer, jQuery, MooTools, Prototype, Dojo, YUI. Pustaka JavaScript ini kaya akan fitur, dan dengan pluginnya, mereka dapat melakukan hampir semua pekerjaan. Namun, hal ini memerlukan biaya. Pustaka ini sering kali menyebabkan ukuran halaman web Anda membengkak. Dalam beberapa kasus, jika Anda hanya ingin menyelesaikan pekerjaan tertentu, Anda dapat menggunakan beberapa pustaka ringan dengan fungsi yang lebih terspesialisasi. Artikel ini memperkenalkan 40 pustaka JavaScript ringan yang luar biasa.
1. Bentuk terkait
Proyek sumber terbuka sederhana yang menyederhanakan fungsi formulir JavaScript yang paling umum digunakan, termasuk fungsi validasi formulir yang dapat digunakan secara langsung.
Kerangka kerja validasi formulir JavaScript sederhana lainnya. Ini memiliki logika terintegrasi, dan beberapa pengaturan dapat bersifat global, bentuk individual, atau objek individual. Menyediakan dua API, mengintegrasikan dukungan AJAX, caching, dan fungsi panggilan balik. Ini memberikan pernyataan API seperti HTML, serta API JavaScript berorientasi objek.
Validasi Langsung ( http://www.livevalidation.com )
Pustaka validasi formulir yang ringan. Selain fungsi verifikasi tradisional, ia juga menyediakan verifikasi waktu nyata, yang dapat diverifikasi setelah Anda memasukkannya. Pengguna Ruby on Rails mungkin menganggap perpustakaan ini berguna karena konvensi penamaan dan parameternya sangat mirip. Perpustakaan memiliki versi mandiri dan versi prototipe.
yav ( http://yav.sourceforge.net/en/index.html )
Pustaka validasi formulir yang kuat, fleksibel, dan dapat diperluas. Mendukung berbagai skenario, mulai dari validasi sederhana seperti tanggal, alamat email, dan bilangan bulat, hingga validasi kompleks seperti ekspresi reguler. Dukungan AJAX bawaan, pesan kesalahan keluaran dapat ditempatkan di tingkat objek.
qForm ( http://www.pengoworks.com/index.cfm?action=get:qforms )
Solusi lengkap untuk memproses formulir. Fitur-fiturnya mencakup berbagai aturan validasi, mekanisme untuk mencegah banyak postingan, dan kemampuan untuk mengunci atau membuka kunci kolom input.
reformasi bentuk ( http://code.google.com/p/formreform/ )
Desain multikolom yang tidak berbasis tabel selalu menjadi tantangan. Perpustakaan kecil ini mengubah bentuk tradisional menjadi bentuk multi-kolom yang indah.
2. Terkait animasi
$fx ( http://fx.inetcat.com/ )
Pustaka ringan untuk membuat objek HTML bernyawa. Anda dapat mengubah properti CSS apa pun pada timeline, dan untuk animasi yang kompleks, Anda dapat menggabungkan efek, mengelompokkan objek, dan membuatnya bergerak secara paralel.
JSTweener ( http://coderepos.org/share/wiki/JSTweener )
Pustaka JavaScript yang menghasilkan bingkai perantara. API-nya mirip dengan mesin bingkai perantara Tweener yang terkenal. Anda dapat menentukan waktu animasi dan menentukan efek transisi dan penundaan. Peristiwa dapat dipicu di hampir semua titik.
Animasi Facebook ( http://developers.facebook.com/animation/ )
Alat canggih untuk membuat animasi berbasis CSS yang dapat disesuaikan. Dalam animasi Facebook, beberapa baris kode dapat meningkatkan UI. Sintaksnya sama dengan FBJS (perpustakaan untuk Facebook).
FX ( http://ryanmorr.com/archives/fx-lightweight-and-standalone )
Pustaka JavaScript ringan dengan sintaks mirip YUI yang dapat membuat bingkai di antara hampir semua properti CSS. Mendukung animasi warna dan gulir, cukup atur nilai ke dan dari objek.
3. Efek Visual dan Grafis
Bagan JS ( http://www.jscharts.com/ )
Mendukung diagram batang, diagram lingkaran, dan diagram kurva sederhana. Masukkan perpustakaan ini langsung ke halaman web dan panggil data dari file XML atau variabel array JavaScript. Format PNG, kompatibel dengan semua browser utama.
Perpustakaan JS 3D Kanvas (C3DL) ( http://www.c3dl.org/ )
C3DL membuat penulisan program 3D menjadi mudah. Menyediakan serangkaian kelas matematika, adegan, dan objek 3D untuk mengembangkan konten 3D langsung di browser tanpa memerlukan pengetahuan 3D yang mendalam.
Pemrosesan.js ( http://ejohn.org/blog/processingjs/ )
Ini adalah porting bahasa Pemrosesan ke JavaScript. Output 2D kaya fitur. Menyediakan fungsi pemrosesan untuk menggambar, pemrosesan warna, font, objek, dll.
Rapha? aku（ http://raphaeljs.com/ ）
Pustaka JavaScript yang luar biasa untuk mengimplementasikan grafik vektor di web. Menggunakan SVG, grafik yang dibuat dengan VML dapat diubah atau terikat pada peristiwa. Sangat kaya akan fungsi, termasuk rotasi, animasi, zoom, dll.
GambarFX ( http://www.nihilogic.dk/labs/imagefx/ )
Pustaka JavaScript ini menambahkan efek pada gambar seperti blur, pertajam, emboss, highlight, dll. ImageFX menggunakan objek kanvas untuk mencapai efek ini dan kompatibel dengan semua browser utama. Pustaka ini sangat mudah digunakan, cukup masukkan file pustaka .js ke halaman web dan panggil fungsi tersebut.
Pixastic ( http://www.pixastic.com/ )
Pixastic menggunakan objek kanvas HTML5, memungkinkan manipulasi piksel mentah. Efeknya meliputi desaturasi, skala abu-abu, inversi, kecerahan, penyesuaian kontras, rona, penyesuaian saturasi, serta relief, blur, dan efek lainnya. Karena menggunakan objek Canvas HTML 5, maka belum kompatibel dengan semua browser.
Refleksi.js ( http://cow.neondragon.net/stuff/reflection/ )
JavaScript yang sangat sederhana secara otomatis mengimplementasikan efek refleksi. Ketinggian dan transparansi pantulan dapat disesuaikan. Mendukung semua browser utama, ukuran file kurang dari 5K.
4. Basis Data
Taffy DB ( http://taffydb.com/ )
Pustaka JavaScript yang dapat dianggap sebagai SQL Server di browser, atau manajer array tingkat lanjut. Dalam program yang menggunakan AJAX, ini dapat digunakan sebagai lapisan database untuk membuat, membaca, mengedit, menghapus data, menggunakan loop, pengurutan, dan kueri tingkat lanjut.
ActiveRecord.js ( http://www.activerecordjs.org/ )
Perpustakaan ini mendukung Google Gears serta Chrome, Aptana Jaxer, Adobe AIR dan platform apa pun yang mendukung spesifikasi HTML 5 SQL (saat ini Webkit dan iPhone). Tabel dapat dibuat secara otomatis, data divalidasi dan disinkronkan.
