JavaScript adalah bahasa skrip literal, yang merupakan bahasa yang dinamis, lemah, berbasis prototipe dengan jenis dukungan bawaan. Penerjemahnya disebut mesin JavaScript. Ini adalah bagian dari browser dan banyak digunakan dalam bahasa skrip klien. Ini pertama kali digunakan pada halaman web HTML (aplikasi di bawah Bahasa Markup Universal Standar) untuk menambahkan fungsi dinamis ke halaman web HTML.
Artikel ini telah menyusun 5 kode javascript praktis untuk semua orang memfasilitasi pengembangan.
1. Tentukan apakah tanggal tersebut valid
Fungsi tanggal yang termasuk dalam JavaScript masih terlalu sederhana, dan sulit untuk memenuhi kebutuhan parsing dan menilai format tanggal yang berbeda dalam proyek nyata. JQuery juga memiliki perpustakaan pihak ketiga untuk membuat pemrosesan terkait tanggal menjadi sederhana, tetapi kadang-kadang Anda mungkin hanya membutuhkan fungsi yang sangat sederhana tanpa memperkenalkan perpustakaan pihak ketiga yang besar. Pada saat ini, Anda dapat menggunakan kode verifikasi tanggal berikut, yang memungkinkan Anda untuk menyesuaikan format tanggal dan memverifikasi validitas tanggal tersebut.
function isValIddate (value, userFormat) {// atur format default jika format tidak disediakan userFormat = UserFormat || 'mm/dd/yyyy'; // Temukan pembatas kustom dengan mengecualikan // Bulan, Hari dan Tahun Karakter var Delimiter = /ht^mdy media/.exec(UserFormat)); // Buat array dengan bulan, hari dan tahun // jadi kita tahu urutan format dengan indeks var format = userformat.split (pembatas); // Buat array dari tanggal pengguna var thedate = value.split (pembatas); fungsi isDate (tanggal, format) {var m, d, y, i = 0, len = format.length, f; untuk (i; i <len; i ++) {f = format [i]; if (/m/.test(f)) m = tanggal [i]; if (/d/.test(f)) d = tanggal [i]; if (/y/.test(f)) y = tanggal [i]; } return (m> 0 && m <13 && y && y.length === 4 && d> 0 && // Periksa apakah ini hari yang valid di bulan d <= (tanggal baru (y, m, 0)). getDate ()); } return iSdate (Thedate, theFormat);}Bagaimana menggunakan:
Panggilan berikut mengembalikan False karena tidak ada 31 hari di bulan November
isValiddate ('dd-mm-yyyy', '31/11/2012 ')
2. Dapatkan lebar maksimum atau ketinggian satu set elemen
Fungsi berikut sangat berguna bagi pengembang yang perlu melakukan tata letak dinamis.
var getmaxHeight = function ($ elms) {var maxheight = 0; $ elms.each (function () {// Dalam beberapa kasus Anda mungkin ingin menggunakan outerHeight () sebagai gantinya var height = $ (this) .height (); if (height> maxheight) {maxheight = height;}}); return maxheight;};Bagaimana menggunakan:
$ (elemen) .height (getmaxheight ($ (elemen)));
3. Teks Sorot
Ada banyak perpustakaan pihak ketiga dari jQuery yang dapat mengimplementasikan fungsi menyoroti teks, tetapi saya lebih suka menggunakan sepotong kecil kode JavaScript berikut untuk mengimplementasikan fungsi ini. Ini sangat singkat dan dapat dimodifikasi secara fleksibel sesuai dengan kebutuhan saya, dan Anda dapat mendefinisikan gaya highlight sendiri. Dua fungsi berikut dapat membantu Anda membuat plugin penyorotan teks Anda sendiri.
sorotan fungsi (teks, kata, tag) {// tag default jika tidak ada tag disediakan tag = tag || 'menjangkau'; var i, len = words.length, re; untuk (i = 0; i <len; i ++) {// global regex untuk menyoroti semua kecocokan re = regexp baru (kata [i], 'g'); if (re.test (text)) {text = text.replace (re, '<' + tag + '> $ & </' + tag + '>'); }} mengembalikan teks;}Anda juga perlu fungsi yang tidak dicerminkan:
fungsi unhighlight (teks, tag) {// tag default jika tidak ada tag disediakan tag = tag || 'menjangkau'; var re = regexp baru ('(<'+tag+'.+?> | <//'+tag+'>)', 'g'); return text.replace (re, '');}Bagaimana menggunakan:
$ ('p'). html (sorot ($ ('p'). html (), // teks ['foo', 'bar', 'baz', 'halo dunia'], // daftar kata atau frasa untuk menyorot 'kuat' // tag khusus));4. Efek Gerakan Teks
Terkadang Anda ingin menambahkan gerakan ke paragraf teks Anda sehingga setiap kata dapat bergerak. Anda dapat menggunakan kode plug-in jQuery berikut untuk mencapai efek ini. Tentu saja Anda perlu menggabungkan gaya transisi CSS3 untuk mencapai hasil yang lebih baik.
$ .fn.animateText = function (delay, klass) {var text = this.text (); var letters = text.split (''); kembalikan this.each (function () {var $ this = $ (this); $ this.html (text.replace (/./ g, '<span> $ & </span>'); $ this.find ('span.leTter'). masing -masing (function (i, el) {setTimeout (function () {$). });Bagaimana menggunakan:
$ ('p'). animateText (15, 'foo');
5. Sembunyikan elemen satu per satu
Plug-in jQuery berikut dapat menyembunyikan sekelompok elemen satu per satu sesuai dengan panjang langkah (waktu interval) yang Anda atur. Digunakan dalam elemen daftar ulang dapat mencapai hasil yang baik.
$ .fn.fadeall = function (ops) {var o = $ .extend ({delay: 500, // Delay antara elemen kecepatan: 500, // kecepatan animasi kemudahan: 'swing' // lainnya memerlukan pelonggaran plugin}, ops); var $ el = ini; untuk (var i = 0, d = 0, l = $ el.length; i <l; i ++, d+= o.delay) {$ el.eq (i) .delay (d) .fadein (o.speed, o.ease); } return $ el;}Bagaimana menggunakan:
$ (elemen) .fadeall ({delay: 300, speed: 300});
Di atas hanyalah sebagian kecil dari potongan kode JavaScript praktis itu, dan saya harap akan sangat membantu bagi semua orang untuk mempelajari pemrograman JavaScript.