Explication détaillée des exemples courants de fonctions de méthode frontale

Cet article partage principalement avec vous des exemples détaillés de méthodes et de fonctions courantes dans le processus d'écriture front-end. J'espère qu'il pourra aider tout le monde.

1. Méthode push()

Définition et utilisation
La méthode push() ajoute une valeur à la fin de le tableau ou plusieurs éléments et renvoie la nouvelle longueur.

Syntaxe

arrayObject.push(newelement1,newelement2,....,newelementX)。

Valeur de retour
La nouvelle longueur après avoir ajouté la valeur spécifiée au tableau.

Explication
La méthode push() peut ajouter ses paramètres à la fin de arrayObject dans l'ordre. Il modifie directement le arrayObject au lieu de créer un nouveau tableau. Les méthodes push() et pop() utilisent la fonction first-in-last-pop fournie par le tableau.

Conseils et notes
Remarque : Cette méthode modifiera la longueur du tableau.
Astuce : Pour ajouter un ou plusieurs éléments au début du tableau, utilisez la méthode unshift().

2. Local Storage localStorage

Enregistrer les données sur le stockage local

    const info = {
        name: 'Lee',
        age: 20,
        id: '001'
    };
    sessionStorage.setItem('key', JSON.stringify(info));
    localStorage.setItem('key', JSON.stringify(info));

Obtenir des données du stockage local

    var data1 = JSON.parse(sessionStorage.getItem('key'));    var data2 = JSON.parse(localStorage.getItem('key'));

Supprimer les données enregistrées du stockage local Données

    sessionStorage.removeItem('key');
    localStorage.removeItem('key');

Supprimer toutes les données enregistrées

    sessionStorage.clear();
    localStorage.clear();

Écouter les modifications du stockage local

Déclenché lorsque le stockage change (ajout, mise à jour, suppression). Les modifications dans la même page ne se déclencheront pas. Il surveillera uniquement les autres pages sous le même nom de domaine pour modifier le stockage

    window.addEventListener('storage', function (e) {
        console.log('key', e.key);        console.log('oldValue', e.oldValue);        console.log('newValue', e.newValue);        console.log('url', e.url);
    })

3. . saisie

Supprimez la bordure bleue après avoir cliqué

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!