localisation actuelle:Maison > Articles techniques > interface Web

  • Faire un diaporama JavaScript simple sans jQuery
    Faire un diaporama JavaScript simple sans jQuery
    Principaux à retenir Ce didacticiel fournit un guide étape par étape pour créer un simple diaporama JavaScript sans utiliser de bibliothèques externes telles que jQuery, qui peuvent améliorer les performances de la page en raison de moins de code et permet d'utiliser le diaporama.
    js tutoriel 260 2025-02-18 08:25:09
  • Concevoir et construire votre propre bibliothèque JavaScript: conseils et astuces
    Concevoir et construire votre propre bibliothèque JavaScript: conseils et astuces
    Créez et publiez votre propre bibliothèque JavaScript: un guide détaillé Points de base Clarifier l'objectif: Avant de commencer à construire une bibliothèque, identifiez les problèmes spécifiques qu'il souhaite résoudre, restez concentré et assurez-vous de son utilité. Conception d'API centrée sur l'utilisateur: Concevez votre bibliothèque avec le final centré sur l'utilisateur pour le rendre simple et facile à utiliser, améliorant ainsi l'adoption et la satisfaction des utilisateurs. Flexibilité et personnalisation: offrez des options de personnalisation via la configuration, les méthodes publiques et la gestion des événements pour répondre aux différents besoins des utilisateurs. Test et documentation: utilisez des cadres comme Mocha ou Jasmine pour effectuer des tests approfondis et assurer une documentation complète pour aider à comprendre et à utiliser. Compatibilité du chargeur de modules: assurez-vous que votre bibliothèque prend en charge divers chargeurs de modules.
    js tutoriel 340 2025-02-18 08:24:13
  • Exploitation de l'API Javascript Google Maps de la bonne façon
    Exploitation de l'API Javascript Google Maps de la bonne façon
    Cet article montre comment utiliser efficacement l'API Google Maps JavaScript pour créer des cartes interactives sur votre site Web. Il met l'accent sur les meilleures pratiques de performance et d'efficacité, offrant une solution plus robuste que l'intégration plus simple de métho
    js tutoriel 580 2025-02-18 08:23:08
  • Affichage des messages dynamiques à l'aide de l'API de notification Web
    Affichage des messages dynamiques à l'aide de l'API de notification Web
    API des notifications Web: Obtenez les notifications de site Web des restrictions du navigateur Nous sommes habitués aux notifications mobiles des sites Web ou des applications préférés, mais maintenant il devient plus courant pour les navigateurs de pousser directement les notifications. Par exemple, Facebook enverra des notifications lorsque vous avez une nouvelle demande d'ami ou que quelqu'un commente un message auquel vous participez; Slack enverra des notifications dans les conversations que vous êtes mentionné. En tant que développeur frontal, je suis curieux de savoir comment tirer parti des notifications de navigateur pour servir des sites Web qui ne gèrent pas beaucoup de flux d'informations. Comment ajouter des notifications de navigateur pertinentes basées sur l'intérêt des visiteurs pour le site Web? Cet article montrera comment implémenter un système de notification sur le site Web concis CSS pour fournir une nouvelle version du framework à chaque fois qu'il est publié.
    js tutoriel 494 2025-02-17 13:06:09
  • Quel est le meilleur livre pour apprendre Javascript?
    Quel est le meilleur livre pour apprendre Javascript?
    Recommandation de ressources d'apprentissage JavaScript: vous aider à démarrer votre parcours de programmation Le choix du bon livre d'apprentissage JavaScript est crucial. Cet article recommandera plusieurs excellents livres pour vous aider à choisir le bon chemin d'apprentissage en fonction de votre propre niveau. Niveau d'entrée: "Apprenez à coder avec JavaScript": Ceci est un excellent livre d'introduction pour la programmation JavaScript, et explique de manière approfondie les concepts de base et la connaissance de base de la programmation. Ce livre est disponible gratuitement pour tous les utilisateurs de compte SitePoint sans abonnement. Vous apprendrez les bases de la programmation et maîtriserez progressivement JavaScript. Les technologies maîtrisées peuvent être transférées dans d'autres langages de programmation, jetant une base solide pour l'apprentissage ultérieur. Variables de couverture, données
    js tutoriel 1050 2025-02-17 13:02:10
  • Filtrage et tri animé avec la bibliothèque Mixitup 3 JS
    Filtrage et tri animé avec la bibliothèque Mixitup 3 JS
    Mixitup 3: outil de filtrage et de tri des éléments Web basé sur l'animation CSS Mixitup 3 est une bibliothèque JavaScript puissante qui utilise l'animation CSS pour filtrer et trier les éléments Web, ce qui est idéal pour organiser des sites Web riches en contenu tels que des portefeuilles, des albums photo et des blogs. Caractéristiques principales de Mixitup 3: Sans dépendance: Mixitup 3 ne dépend d'aucune autre bibliothèque et est facile à utiliser. Animation CSS: utilisez l'animation CSS pour réaliser des effets de filtrage et de tri fluide. Hautement personnalisable: fournit des options de configuration riches, vous permettant de personnaliser les effets d'animation, d'ajouter des noms de classe personnalisés, de créer des boutons de filtrage et de tri personnalisés, etc. Croisement
    js tutoriel 803 2025-02-17 12:59:08
  • Début avec les broches Raspberry Pi GpiO dans Node.js
    Début avec les broches Raspberry Pi GpiO dans Node.js
    SitePoint IoT Week Special! Cette semaine, nous publierons une série d'articles sur l'intersection d'Internet et du monde physique, alors gardez un œil sur les balises IoT pour les dernières mises à jour. L'Internet des objets fait à portée de main de nos jours. Dans le domaine de l'informatique physique, nous avons de nombreuses idées qui peuvent être mises en pratique, et il est facile de se livrer à la programmation du monde dans lequel nous vivons! Avec le Raspberry Pi et la planche à pain, quelle est la prochaine étape? Cet article explorera comment accéder aux broches GPIO d'un Raspberry Pi à l'aide de Node.js. Avec la broche GPIO, vous pouvez programmer directement le matériel. L'API JavaScript rend ce processus transparent. Ces API sont des abstractions de techniques communes et sont accessibles de n'importe où. L'interprète Node.js s'exécute en un seul processus
    js tutoriel 394 2025-02-17 12:58:10
  • Trois façons de diminuer la taille du fichier SVG avec SVGO
    Trois façons de diminuer la taille du fichier SVG avec SVGO
    Cet article explore trois méthodes pour optimiser les graphiques SVG à l'aide de SVGO, un outil populaire pour réduire la taille des fichiers et améliorer les performances du site Web. SVGO excelle à éliminer le balisage inutile, la simplification des chemins et l'élimination du ballonnement des SVG
    tutoriel CSS 668 2025-02-17 12:57:09
  • 10 plugins de téléchargement de fichiers jQuery
    10 plugins de téléchargement de fichiers jQuery
    Cet article, mis à jour en juillet 2016, passe en revue dix plugins de téléchargement de fichiers jQuery pour améliorer la fonctionnalité du site Web. Les plugins offrent diverses fonctionnalités et interfaces utilisateur, simplifiant le processus souvent complexe d'intégration des téléchargements de fichiers avec Ajax. Clé
    js tutoriel 768 2025-02-17 12:56:11
  • Ce que les tutoriels ne vous disent pas: comment aborder les projets
    Ce que les tutoriels ne vous disent pas: comment aborder les projets
    Maître les compétences du développement du projet JavaScript et dites au revoir aux dépendances du tutoriel! Cet article vous guidera sur la façon de réaliser des projets JavaScript indépendamment, plutôt que de simplement suivre les étapes du tutoriel. Nous explorerons l'ensemble du processus, de la planification du projet à l'optimisation du code à la recherche d'aide et de refactorisation de code. De nombreux développeurs se plaignent que les tutoriels ne peuvent que les aider à réaliser des projets spécifiques, mais ils ne peuvent pas traiter indépendamment de nouveaux défis. En effet, les tutoriels ne fournissent généralement que des étapes, pas des idées pour résoudre des problèmes. De plus, comparer vos résultats intermédiaires avec les produits finis des autres est également facile à être frustrant. Le développement réel du projet n'est pas aussi concis et clair que dans le tutoriel. Il s'agit d'un processus itératif plein d'essais, d'erreurs et de revues d'informations. Cet article vous aidera à maîtriser le développement indépendant de Javascri
    js tutoriel 879 2025-02-17 12:55:12
  • Utilisations pragmatiques du correctif de singe en javascript
    Utilisations pragmatiques du correctif de singe en javascript
    Points de base Le patch de singe (MP) dans JavaScript est une technologie qui permet aux programmeurs de remplacer, d'étendre ou de supprimer le comportement par défaut des segments de code sans modifier leur code source d'origine. Bien que MP soit souvent considéré comme une mauvaise pratique, il peut être utilisé comme un outil utile pour modifier le code tiers pour répondre aux besoins spécifiques, surtout si le code source d'origine ne peut pas être modifié. MP peut être utilisé pour écraser les fonctions existantes avec un comportement personnalisé, améliorer les méthodes en ajoutant un comportement personnalisé avant ou après le code d'origine, ou intercepter les appels AJAX pour modifier leur comportement. Le MP doit être utilisé avec prudence, car il peut entraîner un comportement imprévisible et des conflits dans le code, surtout si des méthodes correctes sont utilisées ailleurs dans la base de code. Malgré le potentiel
    js tutoriel 477 2025-02-17 12:52:10
  • Construire un composant de graphique avec Angular 2 et FusionCharts
    Construire un composant de graphique avec Angular 2 et FusionCharts
    Principaux à retenir Utilisez Angular 2 pour la construction de composants du graphique, en tirant parti de ses améliorations par rapport à Angular 1.x, y compris un support linguistique amélioré et une gestion DOM. Intégrer FusionCharts à Angular 2 pour créer des graphiques visuellement attrayants, DE
    js tutoriel 1114 2025-02-17 12:51:10
  • Développement natif JavaScript après Internet Explorer
    Développement natif JavaScript après Internet Explorer
    Bienvenue dans la troisième et dernière partie de cette série, où nous explorerons la retraite de l'ancien IE et l'impact de cet incident sur le champ de développement frontal. Jusqu'à présent, nous avons traité des technologies obsolètes qui peuvent être rejetées en toute sécurité, ainsi que des propriétés HTML5 et CSS3 qui sont désormais pleinement soutenues nativement dans les navigateurs grand public. Aujourd'hui, nous nous concentrerons sur la technologie JavaScript native et d'autres contenus qui ne figurent pas dans les catégories ci-dessus. Merci encore à Caniuse.com, c'est une ressource très précieuse. Je vais également réitérer le dernier avertissement: Cet article n'a rien à voir avec la décision d'abandonner le soutien aux anciens IES. Vous devez prendre vos propres décisions en fonction des détails spécifiques de votre site Web ou de votre application. Sans plus tarder, continuons! La clé
    js tutoriel 475 2025-02-17 12:48:10
  • Fichier File Bundling et HTTP / 2: Repenser les meilleures pratiques
    Fichier File Bundling et HTTP / 2: Repenser les meilleures pratiques
    Bienvenue pour vous abonner à notre dernière newsletter JavaScript, cliquez ici pour vous abonner Presque toutes les applications JavaScript utilisent aujourd'hui le processus de construction. Même si vous ne traduisez pas de ES2015 ou de TypeScript, il est devenu une pratique standard pour faire une forme de connexion et de compression à votre code. La raison en est qu'il y a des frais généraux considérables pour faire des demandes HTTP. Moins entretenus, les fichiers plus grands sont plus efficaces que de nombreux fichiers plus petits servis. Avec l'adoption de la prochaine version de HTTP / 2, le protocole sous-jacent du réseau, il est peut-être temps de repenser les meilleures pratiques. HTTP / 2 est basé sur le protocole SPDY de Google, qui est conçu pour améliorer la latence de chargement des pages et améliorer la sécurité en fonction de la norme HTTP 1.1 existante.
    js tutoriel 322 2025-02-17 12:47:14
  • Un guide pour débutant sur les variables et données JavaScript
    Un guide pour débutant sur les variables et données JavaScript
    Ce guide de débutant sur les variables et types de données JavaScript explique les principes fondamentaux de la programmation JavaScript pour les nouveaux arrivants. Il a été examiné par Scott Molinari, Vildan Softic et Chris Perry. Merci aux pairs examinateurs de SitePoint pour leur contrib
    js tutoriel 812 2025-02-17 12:46:14

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