localisation actuelle:Maison > Articles techniques > interface Web > js tutoriel

  • Conseils d'optimisation des performances JavaScript: un aperçu
    Conseils d'optimisation des performances JavaScript: un aperçu
    Cet article explore de nombreux aspects de la façon d'optimiser les performances JavaScript dans l'écosystème JavaScript en constante évolution. Nous suivrons le principe des "outils, et non des règles" et essaierons d'éviter d'utiliser trop de jargon JavaScript. En raison de l'espace limité, tous les aspects de l'optimisation des performances JavaScript ne peuvent pas être couverts, assurez-vous de lire le lien de référence et de s'y plonger vous-même. Avant de plonger dans les détails, comprenons d'abord cette question dans une perspective plus macro: qu'est-ce que JavaScript haute performance et comment s'intègre-t-il dans une métrique de performances Web plus large? Points clés JavaScript consomme beaucoup de performances et doit être utilisé avec prudence. Assurez-vous de le régler au bas de gamme
    js tutoriel 521 2025-02-15 09:17:11
  • 7 conseils de performances pour les animations JavaScript sans Jank
    7 conseils de performances pour les animations JavaScript sans Jank
    Points clés Pour de meilleures performances d'animation, évitez l'animation des propriétés CSS qui déclenchent des opérations de publication ou de dessin, utilisez des propriétés qui ont été optimisées par les navigateurs modernes, tels que la transformation et l'opacité. Les éléments à animer peuvent être promus sur leurs propres couches à l'aide de la propriété CSS qui change, mais cela devrait être fait avec prudence, car il nécessite de la mémoire et de la gestion. Remplacez SetTimeout / SetInterval par DequestanimationFrame pour réduire le risque de décalage et assurer des animations plus lisses, car cette méthode exécute le code d'animation au meilleur moment pour le navigateur. Pour HTML
    js tutoriel 589 2025-02-15 09:13:12
  • Authentification avec Angular et Auth0
    Authentification avec Angular et Auth0
    Ce didacticiel montre la création d'une application angulaire («offres quotidiennes») mettant en vedette des offres publiques et privées, avec des offres privées accessibles uniquement aux utilisateurs authentifiés via l'authentification basée sur les jetons avec Auth0. La CLI angulaire rationalise
    js tutoriel 212 2025-02-15 09:10:11
  • Comment utiliser les requêtes multimédias en javascript avec MatchMedia
    Comment utiliser les requêtes multimédias en javascript avec MatchMedia
    Points de base Les requêtes multimédias utilisées à l'origine pour la conception réactive dans CSS peuvent également être utilisées en JavaScript pour ajuster le contenu ou les fonctionnalités en fonction des caractéristiques de l'appareil telles que la taille de l'écran, la résolution et l'orientation. L'API Window.matchMedia dans JavaScript permet la détection des modifications d'état de la requête multimédia CSS3. Il renvoie un objet MediaQueryList qui peut être utilisé pour déterminer si une requête multimédia spécifique correspond au périphérique actuel et peut ajouter un écouteur d'événements en réponse aux modifications. Les requêtes de médias JavaScript sont largement prises en charge dans les navigateurs modernes et fournissent un moyen fiable de créer des conceptions réactives. Ils peuvent être combinés avec des requêtes médiatiques CSS pour
    js tutoriel 817 2025-02-15 09:08:11
  • Créez une application de suivi de la santé avec React, GraphQL et l'authentification des utilisateurs
    Créez une application de suivi de la santé avec React, GraphQL et l'authentification des utilisateurs
    Créez une application de réact sécurisée: combinant GraphQL, TypeOrt, Node.js et Okta Cet article vous guidera comment créer une API GraphQL sécurisée à l'aide du Framework, TypeORM, MySQL et Node.js, et créent un client qui interagit avec lui en utilisant React, ReacTSTrap et le client Apollo. Nous nous concentrerons sur l'authentification sécurisée des utilisateurs et simplifierons la gestion de l'identité avec OKTA. Cet article a été initialement publié sur le blog Okta Developer. Merci aux partenaires qui soutiennent SitePoint comme possible. Nous créerons une application de suivi de la santé pour enregistrer la santé quotidienne
    js tutoriel 371 2025-02-15 09:07:11
  • Guide Axios Débutant: un client HTTP basé sur une promesse pratique
    Guide Axios Débutant: un client HTTP basé sur une promesse pratique
    Points clés Axios Axios est un client HTTP basé sur des promesses populaire avec une API facile à utiliser qui peut être utilisée dans les navigateurs et les environnements Node.js. Il fournit un outil polyvalent pour les développeurs JavaScript. Axios diffère de l'API Fetch intégrée de plusieurs manières, notamment sa gestion des codes d'erreur HTTP, son inclusion automatique de cookies dans les demandes et la possibilité de fournir des mises à jour de progrès de téléchargement / téléchargement. Axios permet aux développeurs de convertir les données de sortie ou d'entrée et d'ajouter des intercepteurs, des fonctions déclenchées lorsqu'une demande est faite ou une réponse est reçue. Ces fonctions sont destinées à traiter les données et à gérer
    js tutoriel 479 2025-02-15 09:06:13
  • Créez une application JavaScript unique sans cadre
    Créez une application JavaScript unique sans cadre
    Ce tutoriel montre la création d'une application de page (SPA) à partir de zéro à l'aide de JavaScript Plain, sans compter sur un cadre frontal. Cette approche offre une compréhension plus profonde de l'architecture SPA et de l'interaction des composants. CIGEP CLÉ
    js tutoriel 141 2025-02-15 09:05:11
  • Préparation pour Ecmascript 6: Nouvelles méthodes de numéro
    Préparation pour Ecmascript 6: Nouvelles méthodes de numéro
    Cet article couvre les méthodes de numéros nouvelles et améliorées dans ES6 (ECMAScript 6). Cela fait partie d'une série sur les nouvelles fonctionnalités d'ES6, dans lesquelles nous avons également discuté de nouvelles méthodes disponibles pour les types de données de chaîne et de tableau, mais aussi de nouveaux types de données comme
    js tutoriel 488 2025-02-15 09:03:12
  • En utilisant des ngodules angulaires pour le code réutilisable et plus
    En utilisant des ngodules angulaires pour le code réutilisable et plus
    Ngmodules angulaires: une plongée profonde dans l'organisation des applications et le chargement paresseux Les ngodules sont fondamentaux pour les applications angulaires et structurées et la compilation de rationalisation. Ils sont cruciaux pour l'organisation des fonctionnalités, les itinéraires de chargement paresseux et la construction
    js tutoriel 622 2025-02-15 09:02:12
  • WebAssembly: résoudre des problèmes de performances sur le Web
    WebAssembly: résoudre des problèmes de performances sur le Web
    Webassembly: combler l'écart de performances WebAssembly (WASM) aborde les limitations de performances de JavaScript en exécutant directement le code, atteignant des vitesses presque natives. Ce format bytecode, compilé à partir de langues comme C ou Rust, agit comme une charge de module
    js tutoriel 260 2025-02-15 09:01:11
  • Angularjs et Angular 2: une comparaison détaillée
    Angularjs et Angular 2: une comparaison détaillée
    Les principales différences entre AngularJS et Angular 2 Cet article compare les principales différences entre les AngularJS de première génération et Angular 2. Si vous utilisez actuellement un projet AngularJS et que vous ne savez pas si vous devez migrer, cet article vous aidera à démarrer. Ces dernières années, Angular s'est développé rapidement en tant que cadre et plate-forme pour développer des applications à une page (SPA) et des applications Web progressives (PWA). AngularJS construit des vues basées sur la programmation déclarative. Cela nécessite le découplage des opérations DOM de la logique commerciale de l'application, qui présente de nombreux avantages en soi. Cependant, AngularJS a de nombreuses lacunes en termes de performances et comment elle fonctionne en bas. Donc,
    js tutoriel 147 2025-02-15 09:00:13
  • Créez rapidement des formes angulaires simples mais puissantes
    Créez rapidement des formes angulaires simples mais puissantes
    Angular simplifie la création et la validation de la forme avec deux approches: des formes axées sur les modèles et réactives. Les formulaires axés sur les modèles sont idéaux pour les formes simples et simples, tandis que les formulaires réactifs offrent un plus grand contrôle pour des scénarios complexes. Cet article démontre
    js tutoriel 826 2025-02-15 08:57:10
  • Une comparaison côte à côte d'Express, Koa et Hapi.js
    Une comparaison côte à côte d'Express, Koa et Hapi.js
    Cet article compare trois frameworks Node.js populaires: express.js, koa et hapi.js. Il explore leurs similitudes, leurs différences et leurs cas d'utilisation idéaux, aidant les développeurs à choisir le bon cadre pour leurs projets. Différences clés et cas d'utilisation
    js tutoriel 964 2025-02-15 08:50:12
  • Comment créer une carte du centre commercial avec des données en temps réel à l'aide de WRLD
    Comment créer une carte du centre commercial avec des données en temps réel à l'aide de WRLD
    Ce didacticiel démontre la création de cartes interactives 3D en temps réel à l'aide de WRLD, améliorant l'expérience utilisateur avec les informations dynamiques des magasins et la navigation. Nous allons créer deux démos: l'une ajoutant des marqueurs interactifs à une carte du centre commercial intérieur, l'autre spectacle
    js tutoriel 840 2025-02-15 08:47:10
  • ES6 en action: littéraux d'objets améliorés
    ES6 en action: littéraux d'objets améliorés
    Amélioration littérale des objets ES6: simplifier les opérations d'objets JavaScript Les caractéristiques littérales d'objet améliorées introduites par ES6 simplifient considérablement le traitement des objets dans JavaScript, principalement reflétée dans les noms d'attribut abrégés, les noms de méthode abrégés et les noms d'attribut calculés. Les noms d'attributs abrégés rendent les définitions d'attribut plus concises; Les littéraux d'objets améliorés peuvent être utilisés en conjonction avec d'autres fonctionnalités ES6 telles que les fonctions de flèche, les littéraux de modèle et les affectations déconstruites pour écrire plus propre et plus facile à lire. Il convient de noter que les littéraux d'objets améliorés ne sont pas compatibles avec tous les navigateurs plus âgés, mais vous pouvez utiliser Babel pour le transférer.
    js tutoriel 681 2025-02-15 08:39:12

Recommandations d'outils

Code de contact du formulaire de message d'entreprise jQuery

Le code de contact du formulaire de message d'entreprise jQuery est un formulaire de message d'entreprise simple et pratique et le code de la page d'introduction contactez-nous.

Effets de lecture de boîte à musique HTML5 MP3

L'effet spécial de lecture de boîte à musique HTML5 MP3 est un lecteur de musique MP3 basé sur HTML5 + CSS3 pour créer de jolies émoticônes de boîte à musique et cliquer sur le bouton de commutation.

Effets spéciaux du menu de navigation d'animation de particules cool HTML5

L'effet de menu de navigation d'animation de particules cool HTML5 est un effet spécial qui change de couleur lorsque le menu de navigation est survolé par la souris.

Code d'édition par glisser-déposer du formulaire visuel jQuery

Le code d'édition par glisser-déposer du formulaire visuel jQuery est un formulaire visuel basé sur jQuery et le framework bootstrap.

Modèle Web de fournisseur de fruits et légumes biologiques Bootstrap5

Un modèle Web de fournisseur de fruits et légumes biologiques-Bootstrap5
Modèle d'amorçage
2023-02-03

Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus

Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus
modèle de back-end
2023-02-02

Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5

Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5
Modèle d'amorçage
2023-02-02

Modèle Web d'informations de CV simples Bootstrap4

Modèle Web d'informations de CV simples Bootstrap4
Modèle d'amorçage
2023-02-02

Matériau vectoriel d'éléments d'été mignons (EPS+PNG)

Il s'agit d'un joli matériau vectoriel d'éléments d'été, comprenant le soleil, un chapeau de soleil, un cocotier, un bikini, un avion, une pastèque, une crème glacée, une boisson fraîche, une bouée, des tongs, un ananas, une conque, une coquille, une étoile de mer, un crabe. , Citrons, crème solaire, lunettes de soleil, etc., le matériel est fourni aux formats EPS et PNG, y compris des aperçus JPG.
Matériau PNG
2024-05-09

Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)

Il s'agit d'un matériau vectoriel de badge de remise des diplômes rouge 2023, quatre au total, disponible aux formats AI, EPS et PNG, y compris l'aperçu JPG.
Matériau PNG
2024-02-29

Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)

Il s'agit d'un matériau vectoriel de bannière printanière conçu avec des oiseaux chanteurs et un chariot rempli de fleurs. Il est disponible aux formats AI et EPS, y compris l'aperçu JPG.
image de bannière
2024-02-29

Matériau vectoriel de chapeau de graduation doré (EPS+PNG)

Il s'agit d'un matériau vectoriel de casquette de graduation dorée, disponible aux formats EPS et PNG, y compris l'aperçu JPG.
Matériau PNG
2024-02-27

Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure

Le modèle de site Web d'entreprise de services de nettoyage et d'entretien de décoration d'intérieur est un modèle de site Web à télécharger adapté aux sites Web promotionnels qui proposent des services de décoration, de nettoyage, d'entretien et d'autres organisations de services. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-05-09

Modèle de page de guide de CV personnel aux couleurs fraîches

Le modèle de page de guide de CV de candidature personnelle de correspondance de couleurs fraîches est un téléchargement de modèle Web de page de guide d'affichage de travail de CV de recherche d'emploi personnel adapté au style de correspondance de couleurs fraîches. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-29

Modèle Web de CV de travail créatif de concepteur

Le modèle Web de CV de travail créatif de concepteur est un modèle Web téléchargeable pour l'affichage de CV personnels adapté à divers postes de concepteur. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-28

Modèle de site Web d'entreprise de construction d'ingénierie moderne

Le modèle de site Web d'entreprise d'ingénierie et de construction moderne est un modèle de site Web téléchargeable adapté à la promotion du secteur des services d'ingénierie et de construction. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-28