Salutations, Habr! Je vous présente la traduction de l'article
«9 Hackers JavaScript extrêmement puissants» de
Klaus .
Remarque Traducteur: dans ce nouveau post (10 décembre), des astuces JavaScript sympa que j'aime en tant que débutant aimé, mais il y a aussi une publicité évidente pour l'application de test. Mais je dois traduire tout le matériel, donc je cache la partie publicitaire dans un spoiler, bien que ce ne soit pas inutile, au fait.
Originaire de l'article traduitJ'adore optimiser.
Mais les utilisateurs ne se soucient pas de mon code optimisé si leur site ne fonctionne pas dans Internet Explorer 11.
J'utilise
Endtest pour créer des tests automatisés et les exécuter dans un cloud multi-navigateur.
Soit dit en passant,
Netflix utilise la même plate-forme pour tester ses applications Web. De plus, il est même répertorié comme une compétence nécessaire dans certains
postes vacants .
Endtest a vraiment des fonctionnalités intéressantes, telles que:
- Maillage multi-navigateur exécuté sur les ordinateurs Windows et MacOS
- Éditeur sans code pour tests automatisés
- Prise en charge des applications Web
- Prise en charge des applications natives et hybrides pour Android et iOS
- Vidéos illimitées pour vos essais
- Comparaison de captures d'écran
- Géolocalisation
- Instruction if
- Cycles
- Téléchargez des fichiers dans vos tests
- API Endtest, pour une intégration facile avec votre système CI / CD
- Déclarations étendues
- Tests mobiles sur de vrais appareils mobiles
- Test des e-mails avec Endtest Mailbox
Vous pouvez afficher des
documents sur cet outil.
Et maintenant, il y a 9 conseils JavaScript très utiles.
Remplacer tout
Nous savons que la fonction string.replace () ne remplace que la première occurrence. Vous pouvez remplacer toutes les occurrences en ajoutant / g à la fin de l'expression régulière.
var example = "potato potato"; console.log(example.replace(/pot/, "tom"));
Récupération de valeurs uniques
Nous pouvons créer un nouveau tableau avec uniquement des valeurs uniques en utilisant l'objet Set et l'opérateur Spread.
var entries = [1, 2, 2, 3, 4, 5, 6, 6, 7, 7, 8, 4, 2, 1] var unique_entries = [...new Set(entries)]; console.log(unique_entries);
Convertir un nombre en chaîne
Il suffit d'utiliser l'opérateur de concaténation avec un ensemble de guillemets vide.
var converted_number = 5 + ""; console.log(converted_number);
Convertir une chaîne en nombre
Tout ce dont nous avons besoin, c'est d'un opérateur +.
Soyez prudent avec cela, car cela ne fonctionne qu'avec des numéros de chaîne.
the_string = "123"; console.log(+the_string);
Mélanger les éléments d'un tableau
Chaque jour, je suis shufflin ':-)
var my_list = [1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(my_list.sort(function() { return Math.random() - 0.5 }));
Lisser un tableau multidimensionnel
Il suffit d'utiliser l'instruction Spread.
var entries = [1, [2, 5], [6, 7], 9]; var flat_entries = [].concat(...entries);
Conditions de raccourci
Prenons cet exemple:
if (available) { addToCart(); }
Et vous pouvez le raccourcir en utilisant simplement une variable avec la fonction:
available && addToCart()
Noms de propriétés dynamiques
J'ai toujours pensé que je devais d'abord déclarer un objet avant de pouvoir attribuer une propriété dynamique.
const dynamic = 'flavour'; var item = { name: 'Coke', [dynamic]: 'Cherry' } console.log(item);
Utiliser la longueur pour redimensionner / effacer le tableau
Nous réécrivons essentiellement la longueur du tableau.
Si nous voulons redimensionner le tableau:
var entries = [1, 2, 3, 4, 5, 6, 7]; console.log(entries.length);
Si nous voulons effacer le tableau:
var entries = [1, 2, 3, 4, 5, 6, 7]; console.log(entries.length);
Les conseils JavaScript sont sympas, mais assurez-vous que votre application Web fonctionne correctement sur tous les navigateurs et appareils. Assurez-vous de vous en occuper.