✅ HTML5 - Tarayıcı Depolama Alanı

İçindekiler

Web sayfalarıyla çalışırken, kullanıcının göz atması sırasında devam eden verileri kullanmamız gereken, ancak veritabanlarını istemediğimiz veya kullanamadığımız zamanlar vardır, bu nedenle bunun için tarayıcıdaki depolamayı kullanabiliriz.
Tarayıcı Depolama
Tarayıcı, bize sağladığı farklı araçlarla önemli miktarda veri depolamamıza olanak tanır. HTML5, birini veya diğerini kullanma kararı, ne yapmak istediğimizi tanımlamadan geçer.
Kullanabileceğimiz farklı depolama türleri arasında aşağıdakileri vurgulayacağız. yerel depolama, bu tür bir depolama ile şunları yapabiliriz: farklı anahtar/değer ilişkilerini kaydet sayfaya eriştiğiniz yerden yerel bilgisayarınızdaki kullanıcı verilerinin kalıcılığını koruyabilmemiz için HTML5.
Yerel depolama
kullanmak için yerel depolama küresel mülkiyete bağlıyız yerel depolama, dedik mülkümüz bir Depolama nesnesi döndürür yukarıda bahsettiğimiz farklı anahtar - değer ilişkilerine sahip olacağız.
Bu tür bir depolama ile çalışmaya karar verdiğimizde, ihtiyacımız olan işlevleri oluşturabilmek için farklı yöntemlerine güvenebileceğiz, bu nedenle bunları bilmeliyiz, aşağıda bu türde sahip olduğumuz yöntemlere bakalım. yerel depolama alanı.

açık (): Bu yöntem, nesnemizde depolanan tüm ilişkilendirmeleri temizlememizi sağlar.
getItem(): Parametre olarak ilettiğimiz bir anahtar kullanarak ilişkilendirmenin değerini elde etmemizi sağlar.
anahtar (): Bunun için konumunuzu kullanarak derneğin anahtarını almamızı sağlar.
uzunluk: Şu anda depoladığımız anahtar - değer öğelerinin miktarını gösterir.
öğeyi kaldırmak (): Tüm öğeleri clear() ile temizlemek yerine, bu yöntemle, tanımlayıcı olarak anahtarlarını kullanarak belirli öğeleri kaldırabiliriz.
setItem (,): Bu yöntem, yerleştirdiğimiz anahtar zaten varsa, yeni bir ilişkilendirme eklememize veya birini güncellememize izin verir.
[]: Bir dizi biçiminde derneklerden birinin içeriğine erişmemizi sağlar.

Artık sahip olduğumuz yöntemleri bildiğimize göre çok iyi, yerel depolamayı kullanmayı öğreneceğimiz bir demo kodu yapacağız:

Örnekİngiliz anahtarı:Değer:Temizle Ekle

elementler var

Elementler:	-

Bu örnekte, alanlara değer yazmamıza izin veren bir işlevsellik oluşturduk. giriş metni türü ve daha sonra bu değerleri yerel olarak saklayabilmek için işlevler aracılığıyla.
Bunun tarayıcımızda nasıl göründüğüne bakalım:

Bir dizi öğeyi nasıl ekleyebileceğimizi fark edebiliriz ve sonra bunları göstermek için gözden geçirebiliriz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.