Extraits de code 2025, Février

L'API .classList () - Astuces CSS

L'API .classList () - Astuces CSS

En supposant que vous ayez un élément dans le DOM:

Obtenez une référence à cet élément DOM: const el = document.querySelector ("# el"); Alors vous"

Tester si Mac ou PC avec JavaScript - Astuces CSS

Tester si Mac ou PC avec JavaScript - Astuces CSS

Le test de l'agent utilisateur est nul, mais parfois vous en avez besoin pour des choses subtiles. Dans mon cas, je l'utilisais pour ajuster ce que j'affichais pour les touches de raccourci clavier

Teste si l'élément prend en charge l'attribut - Astuces CSS

Teste si l'élément prend en charge l'attribut - Astuces CSS

Tous les navigateurs ne prennent pas en charge tous les attributs sur tous les éléments. Il y a un certain nombre de nouveaux attributs dans HTML5, donc l'idée de tester pour voir quel type de navigateur "

Onglets d'assistance dans Textareas - Astuces CSS

Onglets d'assistance dans Textareas - Astuces CSS

Normalement, la touche de tabulation passe à l'élément suivant pouvant être mis au point. Cela insère un caractère de tabulation à la place. HTMLTextAreaElement.prototype.getCaretPosition = fonction "

Supprimer les espaces de la chaîne - Astuces CSS

Supprimer les espaces de la chaîne - Astuces CSS

Espaces blancs, c'est-à-dire tabulations et espaces. JavaScript vanille (Couper le début et la fin) var str = "abcdefg"; var newStr = str.trim (); // "a B c d e F"

Supprimer les balises HTML en JavaScript - Astuces CSS

Supprimer les balises HTML en JavaScript - Astuces CSS

Let strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Embed Fallback "

Teste si l'événement dragenter / dragover contient des fichiers - Astuces CSS

Teste si l'événement dragenter / dragover contient des fichiers - Astuces CSS

Le glisser-déposer HTML5 est idéal pour gérer les téléchargements de fichiers. Mais si c'est la seule chose pour laquelle vous l'utilisez, il est bon de savoir si un drag entre en particulier "

Test d'Internet Explorer en JavaScript - Astuces CSS

Test d'Internet Explorer en JavaScript - Astuces CSS

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// faire des choses spécifiques à IE) else (// faire des choses non spécifiques à IE) "

Élément Toggle (Afficher / Masquer) - Astuces CSS

Élément Toggle (Afficher / Masquer) - Astuces CSS

Utilisation en ligne: Cliquez ici pour basculer la visibilité de l'élément #foo This is foo "

Shuffle Array - Astuces CSS

Shuffle Array - Astuces CSS

Technique # 1 fonction Shuffle (o) (for (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); retour o;); Utilisation var testArray "

Supprimer les nombres d'une chaîne - Astuces CSS

Supprimer les nombres d'une chaîne - Astuces CSS

Var someString = "Bonjour 123 World!"; newString = someString.replace (// g, ''); // console.log (newString); // "Bonjour le monde!";"

Rediriger les appareils mobiles - Astuces CSS

Rediriger les appareils mobiles - Astuces CSS

"mobile.html" serait remplacé par l'emplacement de l'emplacement de votre version mobile. Cette technique pourrait être adaptée pour charger une autre feuille de style "

Enregistrement des modifications de contenu modifiables au format JSON avec Ajax - Astuces CSS

Enregistrement des modifications de contenu modifiables au format JSON avec Ajax - Astuces CSS

Les éléments avec l'attribut contenteditable peuvent être modifiés en direct directement dans la fenêtre du navigateur. Mais bien sûr, ces modifications n'affectent pas le document réel "

Paramètres requis pour les fonctions en JavaScript - Astuces CSS

Paramètres requis pour les fonctions en JavaScript - Astuces CSS

Ooo c'est intelligent! J'attrape ça sur le blog de David. const isRequired = () => (lancer une nouvelle erreur ('param is required');); const bonjour = (nom = "

Sélectionner un élément aléatoire dans un tableau - Astuces CSS

Sélectionner un élément aléatoire dans un tableau - Astuces CSS

Var myArray =; var randomItem = myArray; Voir le Pen gLJPZv de Chris Coyier (@chriscoyier) sur CodePen. "

Remplacements pour setInterval Utilisation de requestAnimationFrame - Astuces CSS

Remplacements pour setInterval Utilisation de requestAnimationFrame - Astuces CSS

Quand il s'agit d'animation, on nous dit que setInterval est une mauvaise idée. Parce que, par exemple, la boucle s'exécutera indépendamment de tout ce qui se passe, "

Supprimer le dernier caractère d'une chaîne - Astuces CSS

Supprimer le dernier caractère d'une chaîne - Astuces CSS

Var origString = 'Bonne danse7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Danse joyeuse'"

Supprimer les styles en ligne - Astuces CSS

Supprimer les styles en ligne - Astuces CSS

Cette fonction préserve également le contenu caché. function remove_style (all) (var i = all.length; var j, is_hidden; // Attributs de présentation. var attr =; "

Supprimer un élément - Astuces CSS

Supprimer un élément - Astuces CSS

Pour une raison quelconque, un élément ne peut pas se détruire en JavaScript. jQuery a une méthode pour cela, ce qui est bien car c'est ainsi que nous pensons: "

Supprimer les doublons d'un tableau - Astuces CSS

Supprimer les doublons d'un tableau - Astuces CSS

Compilé par Svein Petter Gjøby: const array =; // Méthode 1: Utilisation d'un ensemble const unique =; // Méthode 2: Array.prototype.reduce const unique = "

Rediriger vers SSL - Astuces CSS

Rediriger vers SSL - Astuces CSS

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Vous voudrez peut-être tester si window.location.href "

Empêcher le JavaScript intégré d'échouer à la validation - Astuces CSS

Empêcher le JavaScript intégré d'échouer à la validation - Astuces CSS

Avez-vous déjà vu ce contenu CDATA en JavaScript et vous êtes-vous demandé à quoi cela servait? C'est pour empêcher le validateur de lire ce code comme balisage et d'échouer "

Comment générer une couleur aléatoire en JavaScript - Astuces CSS

Comment générer une couleur aléatoire en JavaScript - Astuces CSS

Voici un rapide (il existe aussi une version PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Voir le stylo générer une nouvelle couleur hexadécimale aléatoire "

Imprimer l'objet à l'écran - Astuces CSS

Imprimer l'objet à l'écran - Astuces CSS

PHP a une belle fonction print_r pour imprimer des informations sur une variable à l'écran. console.log () est également idéal pour cela en JavaScript, mais "

Empêcher le scintillement de l'image d'arrière-plan dans IE - Astuces CSS

Empêcher le scintillement de l'image d'arrière-plan dans IE - Astuces CSS

Try (document.execCommand ("BackgroundImageCache", false, true);) catch (err) () "

API PageVisibility - Astuces CSS

API PageVisibility - Astuces CSS

Démo par Sagar Ganatra "

Modèle Javascript avec espace de nom - Astuces CSS

Modèle Javascript avec espace de nom - Astuces CSS

Fonction anonyme à invocation automatique attribuée à la variable globale yournamespacechoice. Sert à garder toutes les fonctions et variables privées pour "

Exécuter la fonction à intervalles réguliers - Astuces CSS

Exécuter la fonction à intervalles réguliers - Astuces CSS

Exécuter une fonction toutes les secondes: function maFonction () (// faire quelque chose) var int = setInterval (maFonction, 1000); Annulez-le: clearInterval (int); "

Images de chargement paresseux - Astuces CSS

Images de chargement paresseux - Astuces CSS

MISE À JOUR: C'est assez vieux. Si vous cherchez à charger des images paresseux ces jours-ci, je vous recommande de consulter: Le guide complet des images de chargement différé A Native "