localisation actuelle:Maison > Articles techniques > interface Web

  • API asynchrones utilisant l'API Fetch et les générateurs ES6
    API asynchrones utilisant l'API Fetch et les générateurs ES6
    Points de base ECMAScript 6 (ES6) prend mieux en charge la programmation asynchrone via la promesse et le générateur, et a introduit l'API Fetch, conçue pour remplacer XMLHTTPRequest comme base pour communiquer avec les ressources distantes. La méthode API Fetch renvoie les objets ES6 Promise qui peuvent être utilisés avec le générateur pour former la base d'opérations asynchrones complexes, telles qu'une série d'opérations, où chaque opération dépend de la valeur renvoyée par l'opération précédente. Le générateur peut être utilisé avec l'API Fetch pour effectuer des tâches telles que des sondages longs, où les clients sont constamment
    js tutoriel 831 2025-02-19 08:43:09
  • Une grille modifiable avec jQuery, bootstrap et bouclier UI Lite
    Une grille modifiable avec jQuery, bootstrap et bouclier UI Lite
    Dans cette courte pointe, je fournis quelques étapes faciles pour configurer une grille (ou un tableau) modifiable à l'aide de Bootstrap et Shield UI Lite. Shield UI Lite est une bibliothèque jQuery open source qui comprend, entre autres composants, une grille jQuery. La grille prend en charge l'édition o
    js tutoriel 313 2025-02-19 08:37:15
  • Perdre le ballonnement jquery
    Perdre le ballonnement jquery
    Points de base Nodelist.js, comme alternative à l'opération DOM de JQuery, offre des fonctionnalités similaires, mais est plus petite (4k après la compression) et tire parti des améliorations de l'API du navigateur natif. Contrairement à jQuery, Nodelist.js traite les tableaux de nœuds comme des nœuds uniques, permettant un code plus propre et des opérations d'objets Nodelist plus faciles. Nodelist.js contient des méthodes spéciales pour définir et obtenir des propriétés, appeler des méthodes spécifiques aux éléments et accéder aux nœuds dans Nodelist, et le propriétaire attribue équivalent à la propriété Prévobject de JQuery.
    js tutoriel 289 2025-02-19 08:27:10
  • L'API de la ligne de commande pour le plaisir et le profit
    L'API de la ligne de commande pour le plaisir et le profit
    API de ligne de commande d'outil de développeur de navigateur: un outil puissant pour améliorer le développement et l'efficacité de débogage Cet article explore la puissante API de ligne de commande dans les outils de développeur de navigateur, qui fournit une gamme d'alias, de fonctions pratiques et de raccourcis pour améliorer considérablement l'expérience de développement et de débogage. Points de base: L'API de ligne de commande permet aux développeurs d'interagir avec les pages Web de la console JavaScript. L'API est limitée à l'accès à la console JavaScript et ne peut pas être utilisée pour les scripts de page, mais il est pratique d'expérimenter les extraits de code directement dans la fenêtre du navigateur. L'API offre une variété de fonctions pour l'exploration DOM, le suivi des objets et le débogage de la console, y compris $ (document.QuerySelector Alias), DIR (répertorie toutes les propriétés de l'objet)
    js tutoriel 392 2025-02-19 08:25:08
  • Formulaires HTML5: outils fiables dans notre boîte à outils
    Formulaires HTML5: outils fiables dans notre boîte à outils
    Ce qui suit est extrait du livre "HTML5 & CSS3 pour le monde réel, 2e édition" co-écrit par Alexis Goldstein, Louis Lazaris et Estelle Weyl. Ce livre est disponible dans les magasins du monde entier, et vous pouvez également acheter la version E-Book ici. Nous avons écrit la majeure partie du code de la page et vous savez maintenant presque tout sur les nouveaux éléments HTML5 et leur sémantique. Mais avant de commencer à concevoir le look du site Web (nous le faisons au chapitre 7), nous quitterons rapidement la page d'accueil de HTML5 Herald pour consulter la page d'inscription. Cela illustrera HTML5 dans la table Web
    tutoriel CSS 640 2025-02-19 08:24:14
  • Débogage du CSS pour la réactivité de l'interface utilisateur
    Débogage du CSS pour la réactivité de l'interface utilisateur
    Cet article est extrait du livre "The Master of CSS" écrit par Tiffany Brown. Le livre est disponible dans les grandes librairies du monde entier, et vous pouvez également acheter la version E-Book ici. CSS Certaines propriétés et valeurs déclenchent un reflux, ce qui est coûteux et peut réduire la vitesse de réponse de l'interface utilisateur - le rendu de la page, la maîtrise de l'animation et les performances de défilement seront affectés, en particulier dans les téléphones mobiles de bas niveau et les téléviseurs à écran plat. équipement. Qu'est-ce que le réarrangement? {.titre} Le réarrangement fait référence à toute action qui modifie une partie ou la totalité de la disposition de la page. Par exemple, modifiez la taille d'un élément ou mettez à jour sa position gauche. Ils amènent le navigateur à recalculer la hauteur, la largeur et la position d'autres éléments dans le document. La repeinte est similaire à la repection et ils obligent le navigateur à repeindre.
    tutoriel CSS 685 2025-02-18 13:13:14
  • Conseil rapide: construisez un composant de lecteur vidéo dans React
    Conseil rapide: construisez un composant de lecteur vidéo dans React
    Construisez un composant de lecture vidéo réutilisable React Cet article vous guidera à travers le processus de création d'un composant vidéo React qui parcourt la liste des vidéos de Vimeo, YouTube et Dailymotion. Ce composant est facile à développer pour prendre en charge d'autres fournisseurs de vidéos. Nous utiliserons React-Hot-Baulerplate comme environnement de développement, qui prend en charge le rechargement chaud, vous permettant de visualiser immédiatement les résultats de création de composants dans votre navigateur sans rafraîchir la page après chaque changement de code. Le composant vidéo n'a pas d'état à lui, ce qui le rend réutilisable et prévisible, ce qui signifie que la même entrée produira toujours la même sortie. Cet article discutera également des meilleures pratiques pour la construction de composants dans React, y compris l'utilisation de P
    js tutoriel 836 2025-02-18 13:10:11
  • Comment construire un tableau de bord Wi-Fi à l'aide de Node.js et Racactive.js
    Comment construire un tableau de bord Wi-Fi à l'aide de Node.js et Racactive.js
    Principaux à retenir Utilisez Node.js pour créer un serveur qui étend les fonctionnalités existantes pour inclure les informations réseau Wi-Fi, ce qui rend le tableau de bord plus complet. Implémentez RACTIVE.js pour que le côté client gére les mises à jour en temps réel et interac
    js tutoriel 574 2025-02-18 13:05:16
  • Comment construire un service SMS Affirmations quotidiennes avec Stripe & Syncano
    Comment construire un service SMS Affirmations quotidiennes avec Stripe & Syncano
    Cet article, parrainé par Syncano, démontre la création d'un service SMS Affirmations quotidiennes à l'aide de leur plate-forme cloud. Syncano gère le stockage de données, les comptes d'utilisateurs, l'exécution de code automatisée et les webhooks. Le service intègre Twilio pour SMS Messag
    js tutoriel 424 2025-02-18 13:03:17
  • Exploration de différentes solutions CMS construites sur Node.js
    Exploration de différentes solutions CMS construites sur Node.js
    Trois systèmes de gestion de contenu Node.js populaires (CMS) Keystonejs, crayonblue et apostrophe représentent trois principaux systèmes de gestion de contenu basés sur Node.js, chacun offrant un ensemble de fonctionnalités distinct. Keystonejs excelle dans la création de sites Web axés sur la base de données
    js tutoriel 671 2025-02-18 13:01:59
  • Une introduction à la programmation fonctionnelle raisonnablement pure
    Une introduction à la programmation fonctionnelle raisonnablement pure
    Principaux à retenir Les fonctions pures sont essentielles dans la programmation fonctionnelle car elles renvoient la même sortie pour la même entrée sans provoquer d'effets secondaires, améliorant la prévisibilité et la testabilité. La programmation fonctionnelle réduit la complexité du programme par b
    js tutoriel 783 2025-02-18 12:58:16
  • Déployez votre propre API REST en 30 minutes en utilisant MLAB et HEROKU
    Déployez votre propre API REST en 30 minutes en utilisant MLAB et HEROKU
    Déployez votre propre API REST en 30 minutes: un guide utilisant MLAB et Heroku Faits saillants clés: Ce tutoriel montre la construction et le déploiement d'une API RESTful en utilisant la pile moyenne (MongoDB, Express.js, Angularjs, Node.js) sur Heroku, avec MongoDB hébergé sur ML
    js tutoriel 737 2025-02-18 12:52:18
  • Création de formulaires avec le framework Webix
    Création de formulaires avec le framework Webix
    Cet article a été révisé par des pairs par Simon Codrington et Mallory Van Achterberg. Grâce à tous les pair examinateurs de SitePoint pour avoir fait du contenu SitePoint le meilleur possible! En tant que concepteur Web, il est probable que vous deviez créer des formulaires Web sur une FAI
    js tutoriel 497 2025-02-18 12:50:14
  • Vidéo et audio HTML5: le balisage - SitePoint
    Vidéo et audio HTML5: le balisage - SitePoint
    Explication détaillée des balises vidéo et audio HTML5: construire un lecteur vidéo réactif Cet article est extrait du livre "HTML5 & CSS3 pour le monde réel, 2e édition" co-écrit par Alexis Goldstein, Louis Lazaris et Estelle Weyl. Ce livre est disponible dans les grandes librairies du monde entier, et vous pouvez également acheter la version E-Book ici. Points de base Les balises vidéo et audio de HTML5 permettent des éléments vidéo et audio intégrés directement dans le code HTML, sans avoir besoin de plug-ins ou de lecteurs externes. Les balises vidéo et audio HTML5 contiennent plusieurs attributs pour contrôler le comportement de ces éléments, tels que la lecture automatique
    tutoriel CSS 174 2025-02-18 12:49:11
  • Enseigner à votre Raspberry Pi à parler avec IBM Watson
    Enseigner à votre Raspberry Pi à parler avec IBM Watson
    Ce didacticiel montre comment faire parler de votre framboise PI à l'aide du service de texte vocale d'IBM Watson et de Node-Red. Nous allons s'appuyer sur un exemple précédent (configuration préalable préalable de Raspberry Pi, Bluemix et Node-Red). Œuvre d'art par SitePoint / Patcat, Droits de logo:
    js tutoriel 670 2025-02-18 12:45:11

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