Articles of performance

Performance de regex dans le sélecteur de données jQuery: dépendance à une certaine longueur de chaîne

L'installation: j'ai un div avec un tas de boutons radio , dont chacun a été associé à un attribut et à une valeur personnalisés en utilisant $(element).data(attr_name,attr_value); . Lorsqu'une structure de données sous-jacente est modifiée, j'étalise sur les champs et configure les boutons appropriés pour checked:true en utilisant le sélecteur ':data' trouvé ici: https://stackoverflow.com/a/2895933/1214731 $($('#style-options').find(':radio').filter(':data('+key+'=='+value+')')) […]

Le chiffre le moins important d'un facteur factoriel

J'essaie de calculer le chiffre le moins significatif non nul dans un facteur factoriel. J'ai l'extrait suivant: $(document).ready(function() { $('#submit').click(function() { var n = $('#number').val(); get_result(n); }); }); function get_result(n) { var factorial = 1; var factorial2 = 1; for (i = 1; i <= n; i++) { factorial = factorial * i; } var […]

Comment créer un gestionnaire d'événements de clic dans le gestionnaire d'événements mouseover?

J'essaie de construire un type d'inspecteur d'éléments (comme dans Chrome / FF). Flow est le suivant: Vous cliquez sur le bouton "Démarrer l'inspection". Vous parcourez l'élément nécessaire. Vous cliquez sur cet élément. Vous devriez voir cet élément dans la console. JSFiddle exemple Voici le code: startInspecting = function(){ $('section *').on('mouseover.INSPECTOR', function(e){ $('.hovered-element').removeClass('hovered-element'); $(e.target).addClass('hovered-element'); $(this).on('click.INSPECTOR', function(e){ […]

Est-il plus rapide d'échanger un img src ou afficher / masquer plusieurs images?

Quelle est la meilleure pratique à utiliser lors de l'échange d'une image sur une page Web? Modifier la source de l'image ou simplement afficher / cacher plusieurs images sur la page?

Pause le lecteur JW?

J'ai trois onglets. Chaque onglet comporte deux vidéos dans un curseur. Le problème est lorsque je change un onglet ou que je clique sur une seule vidéo, tous les autres doivent faire une pause. Je peux rassembler tous les identifiants et ensuite faire une boucle pour utiliser stop (). Mais y a-t-il une autre méthode […]

À quel point est-il coûteux d'insérer des DIV dynamiquement en utilisant JavaScript?

Après de nombreux débats avec moi-même, j'ai décidé que je souhaiterais créer dynamiquement des divs qui recouvriront un canevas. Mais j'ai une question. Combien coûte cher de créer dynamiquement des divs? Est-ce que ce serait un chaos complet si j'avais une toile complète – 1000×1000 – rempli de 16×16 divs? Et serait-il encore pire s'il […]

Arrête l'éboulement des événements – augmente les performances?

Si je ne renvoie pas de false partir d'un rappel d'événement, ou en utilisant la fonction e.stopPropagation de jQuery, l'événement e.stopPropagation le DOM. Dans la plupart des scénarios, je ne me préoccupe pas si l'événement tourne ou non. Comme avec cet exemple de structure DOM: ​<div id="theDiv"> <form id="theForm" > <input type="submit" value="submit"/> </form> </div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ […]

Le moyen le plus efficace de peupler / distribuer indexedDB avec 350000 enregistrements

Donc, j'ai un objet principal indexéDB avec environ 30 000 enregistrements sur lesquels je dois exécuter des requêtes de recherche de texte. En effectuant cela avec le plugin fn fts, cela génère un deuxième objet portant environ 300 000 enregistrements. Maintenant, comme la génération de ce magasin de données «index» prend assez longtemps, j'ai pensé […]

Pg-promettez le renforcement des performances: EN CONFLIT

J'essaie de suivre le modèle de performance recommandé par l'auteur de la bibliothèque pg-promesse ici . Fondamentalement Vitaly recommande de le faire avec des inserts: var users = [['John', 23], ['Mike', 30], ['David', 18]]; // We can use Inserts as an inline function also: db.none('INSERT INTO Users(name, age) VALUES $1', Inserts('$1, $2', users)) .then(data=> { […]

Lire la taille du document actuel à partir de Javascript

Je commence à jouer avec Boomerang pour mesurer la performance. C'est très prometteur. Alors qu'il me permet de mesurer la latence, la bande passante et les temps de chargement de la page, je suis également intéressé à essayer de prendre le temps nécessaire pour rendre la page HTML initiale du serveur. Bien qu'il soit simple […]