localisation actuelle:Maison > Articles techniques > interface Web

  • Composition de la fonction: blocs de construction du code maintenable
    Composition de la fonction: blocs de construction du code maintenable
    Combinaison de fonctions javascript: créer un code plus maintenable La combinaison de fonctions JavaScript est une technique de combinaison de plusieurs fonctions simples en une seule fonction plus complexe qui effectue des opérations de sous-fonction sur une donnée donnée dans l'ordre logique. L'ordre dans lequel les fonctions sont appliquées produit des résultats différents. Pour écrire du code maintenable, il est crucial de comprendre le type de retour de chaque fonction combinée pour s'assurer que la fonction suivante peut le gérer correctement. JavaScript n'empêche pas la combinaison de retourner les fonctions de types inappropriés, donc cette partie de la responsabilité incombe au programmeur. Pour ceux qui ne connaissent pas le paradigme de programmation fonctionnelle, la combinaison des fonctions peut rendre le code compliqué. Cependant, avec l'avènement de la syntaxe ES2015, utilisez des lettres Arrow
    js tutoriel 799 2025-02-17 11:19:09
  • Redux sans réagir
    Redux sans réagir
    Cet article a été évalué par des pairs par Vildan Softic. Merci à tous les pairs examinateurs de SitePoint pour avoir rendu le contenu de SitePoint parfait! Je suis le genre de développeur qui aime partir de zéro et comprendre comment tout fonctionne. Bien que je sache que cela m'apporte une charge de travail (inutile), cela m'aide à apprécier et à comprendre les mécanismes derrière un cadre, une bibliothèque ou un module spécifique. Récemment, j'ai vécu un autre moment et commencé à développer une application Web en utilisant Redux et Pure JavaScript. Dans cet article, je veux décrire ma structure d'application, examiner mes itérations précoces (enfin échouées), puis regarder la solution que j'ai finalement choisie et ce que j'ai appris en cours de route. Points clés
    js tutoriel 681 2025-02-17 11:09:13
  • Cet article est écrit par l'auteur invité Peter Bengtsson. La publication spéciale de SitePoint est conçue pour vous apporter un excellent contenu d'écrivains et de conférenciers bien connus dans la communauté JavaScript Cet article montre comment implémenter un cache local de demandes récupérées afin que si elle est exécutée à plusieurs reprises, elle sera lue dans le magasin de session. L'avantage est que vous n'avez pas besoin d'écrire de code personnalisé pour chaque ressource que vous souhaitez cache. Si vous souhaitez montrer votre prochaine fête JavaScript et montrer vos différentes compétences en matière de promesse, des API de pointe et un stockage local, lisez la suite. Gains principaux Avec l'API Fetch, les développeurs peuvent créer des caches locales de demandes AJAX en réduisant la redondance
    js tutoriel 563 2025-02-17 11:06:10
  • Gérer l'état dans les applications angular 2 avec NGRX / Store
    Gérer l'état dans les applications angular 2 avec NGRX / Store
    Gestion de l'état d'application dans Angular 2 avec NGRX / Store: un guide complet Cet article explore une gestion efficace de l'état dans les applications Angular 2 à l'aide de la bibliothèque NGRX / Store, une implémentation redux tirant parti des RXJ. Nous allons aborder le challen
    js tutoriel 687 2025-02-17 11:05:15
  • 6 cadres CSS de conception de matériaux gratuits pour 2017 comparés
    6 cadres CSS de conception de matériaux gratuits pour 2017 comparés
    Conception matérielle de Google: une plongée profonde dans les cadres CSS Considérations clés: Depuis ses débuts en 2014, la conception matérielle de Google est devenue un langage de conception dominant sur de nombreux produits Google et au-delà. Les développeurs Web peuvent tirer parti de son esthétique
    tutoriel CSS 914 2025-02-17 11:04:13
  • Construire un éditeur de minecraft 3D JavaScript
    Construire un éditeur de minecraft 3D JavaScript
    Cet article explore la construction d'un monde rudimentaire de style Minecraft 3D en utilisant uniquement les transformations CSS, HTML et JavaScript, évitant la programmation 3D complexe. L'auteur tire parti de leurs connaissances CSS existantes, soulignant comment des concepts comme Z-Index, L
    js tutoriel 984 2025-02-17 10:55:10
  • Conseil rapide: quelles sont les fonctions d'usine en javascript
    Conseil rapide: quelles sont les fonctions d'usine en javascript
    Fonctions d'usine JavaScript: modèle puissant pour construire des objets composables Une fonction d'usine JavaScript est une fonction qui renvoie un objet et crée plusieurs objets similaires sans utiliser le nouveau mot clé ou ce mot-clé. Cet article explorera plusieurs utilisations des fonctions d'usine, notamment des fonctions d'usine paramétriques, des fonctions d'usine composables, des fonctions d'usine asynchrones et des fonctions d'usine avancées, montrant comment les utiliser pour créer plus flexible et plus facile pour maintenir le code JavaScript. Concept de base Fonction d'usine: renvoie la fonction de l'objet. Fonction d'usine paramétrée: la fonction d'usine qui accepte les paramètres pour modifier la structure de l'objet de retour. Fonctions d'usine composables: le travail de construction d'objets complexes en combinant d'autres fonctions d'usine
    js tutoriel 709 2025-02-17 10:54:13
  • Construire un bot de chat Facebook avec Node et Heroku
    Construire un bot de chat Facebook avec Node et Heroku
    Créez un chatbot Facebook à l'aide de Node.js et Heroku, évalué par des pairs par Joan Yin et Camilo Reyes. Merci à tous les pair de sitepoint pour avoir obtenu le contenu de sitepoint à son meilleur! Lors de la conférence F8 de l'année dernière, Facebook a lancé la plate-forme Messenger, permettant aux développeurs de créer des robots pouvant parler aux personnes sur Messenger ou Pages Facebook. Avec les robots, les propriétaires d'applications peuvent mieux interagir avec les utilisateurs en fournissant une communication personnalisée et interactive qui peut
    js tutoriel 848 2025-02-17 10:52:14
  • Introduction au développement de plugins jQuery
    Introduction au développement de plugins jQuery
    Plug-in jQuery: un outil puissant pour améliorer l'efficacité du développement Cet article explorera le développement de plug-ins jQuery en profondeur, expliquera ses avantages et vous guidera pour créer vos propres plug-ins pas à pas. Le plug-in jQuery peut réduire considérablement le temps de développement et améliorer la réutilisation du code. Écrivez simplement un code de fonction une fois et vous pouvez le réutiliser dans plusieurs projets, améliorant considérablement l'efficacité du développement. Nous utiliserons un exemple de plugin appelé FancyToggle comme exemple pour démontrer divers liens de développement plug-in. Ce plug-in est utilisé pour basculer la visibilité des éléments imbriqués, tels que les éléments de liste, pour créer des composants interactifs similaires à l'accordéon, tels que la section FAQ. Vous pouvez visiter Codepen pour afficher le plugin FancyToggle
    js tutoriel 578 2025-02-17 10:50:13
  • Gérer le modèle de boîte CSS
    Gérer le modèle de boîte CSS
    Modèle de boîte CSS: la clé pour comprendre la mise en page Web La chose la plus importante dans la compréhension du CSS est: tout est une boîte. Plus précisément, chaque élément du document génère une boîte. Cette boîte peut être une boîte au niveau des blocs ou une boîte au niveau en ligne. Le type de boîte détermine comment les éléments affectent la disposition de la page. Le modèle de boîte CSS est un concept utilisé pour décrire la disposition et la taille des éléments HTML. Chaque élément contient une boîte pour son contenu, son remplissage, sa bordure et ses marges. Ces boîtes sont combinées pour déterminer la disposition du contenu de l'élément et comment les éléments adjacents apparaissent côte à côte: La question de savoir si l'élément crée une boîte et quel type de boîte est créé dépendra de la langue de balisage. CSS a évolué en un style pour les documents HTML
    tutoriel CSS 720 2025-02-17 10:49:11
  • Construire un microblog en utilisant Node.js, Git et Markdown
    Construire un microblog en utilisant Node.js, Git et Markdown
    Construisez un microblog basé sur Node.js, Git et Markdown Cet article explore comment construire un microblog à l'aide de Node.js, Git et quelques dépendances. Cette application est conçue pour servir le contenu statique à partir de fichiers soumis au référentiel. Vous apprendrez à créer et à tester votre application et à comprendre le processus de livraison de votre solution. En fin de compte, vous aurez une application de blog minimaliste et exécutable sur laquelle vous pouvez construire. Points clés: Node.js fournit un ensemble équilibré d'API qui sont idéaux pour construire des plateformes de microblog qui ne nécessitent pas de complexité inutile. Git est utilisé pour stocker les articles de blog sous forme de documents texte versés sans utiliser de bases de données traditionnelles. Marquer
    js tutoriel 536 2025-02-17 10:48:14
  • Une introduction à la graphique.js 2.0
    Une introduction à la graphique.js 2.0
    Cet article fait partie de notre anthologie JavaScript moderne. Pour un guide complet du JavaScript moderne, explorez SitePoint Premium et téléchargez votre copie. Examen par des pairs par Tim Severien et Simon Codrington. Merci à tous les pair-critiques de SitePoint!
    js tutoriel 1018 2025-02-17 10:47:09
  • Présentation de GraphicsJS, une bibliothèque graphique légère puissante
    Présentation de GraphicsJS, une bibliothèque graphique légère puissante
    HTML5: La pierre angulaire des réseaux modernes. Aujourd'hui, SVG et Canvas sont souvent la technologie de choix lors de la création d'images interactives - Flash a été oublié, Silverlight est devenu une licorne rare au bord du réseau et peu de gens se souviennent des plugins tiers. Les avantages et les inconvénients de chaque technique sont bien documentés, mais en bref, SVG est mieux adapté à la création et à la gestion des éléments interactifs. En effet, SVG est un format vectoriel basé sur XML que lorsqu'une image est chargée en une page à l'aide de balises, chaque élément peut être utilisé dans le DOM SVG. Dans cet article, je veux vous présenter GraphicsJS, une nouvelle et puissante open source J basée sur SVG
    js tutoriel 295 2025-02-17 10:42:15
  • Programmation fonctionnelle pratique avec Ramda.js
    Programmation fonctionnelle pratique avec Ramda.js
    Cet article a été examiné par Yaphi Berhanu, Vildan Softic, Jani Hartikainen et Dan Prince. Merci à tous les pair de sitepoint pour avoir obtenu le contenu de sitepoint à son meilleur! L'un des charmes de JavaScript est ses caractéristiques de programmation fonctionnelle. Dès le début, les fonctions étaient des citoyens de première classe dans le monde JavaScript. Cela permet d'écrire un code élégant et expressif qui peut être facilement assemblé à bien des égards. Cependant, avoir la capacité d'effectuer une programmation fonctionnelle seule ne peut pas implémenter automatiquement la programmation fonctionnelle. Ramda.js est un très
    js tutoriel 285 2025-02-17 10:40:10
  • Présentation du test de vitesse du site Web: un outil d'analyse d'image
    Présentation du test de vitesse du site Web: un outil d'analyse d'image
    Améliorer la vitesse du site Web et l'expérience utilisateur: optimiser les images avec le test de vitesse du site Web Les images représentent la majorité du poids de la page Web, de sorte que l'optimisation d'image du système est cruciale pour les taux de conversion et l'expérience utilisateur. L'outil de test de performances que vous choisissez affectera considérablement la construction et la maintenance de votre site Web. WebPageTest est un outil open source populaire conçu pour mesurer et analyser les performances de la page Web, c'est pourquoi Cloudinary a choisi de travailler avec eux pour lancer le test de vitesse du site Web. Le test de vitesse du site Web est un outil d'analyse d'image qui fournit des suggestions d'optimisation bien au-delà des simples vérifications de compression. L'outil utilise les algorithmes avancés de Cloudinary pour démontrer
    tutoriel CSS 956 2025-02-17 10:35: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