localisation actuelle:Maison > Articles techniques > interface Web

  • Début avec la base de données JavaScript côté client Pouchdb côté client
    Début avec la base de données JavaScript côté client Pouchdb côté client
    Cet article a été examiné par Sebastian Seitz et Taulant Spahiu. Merci aux pairs examinateurs de SitePoint pour leurs contributions! Les applications Web modernes côté client exigent des capacités sophistiquées de traitement des données. Les navigateurs offrent désormais des Javas robustes
    js tutoriel 987 2025-02-17 10:24:15
  • 5 Options de page d'impression jQuery
    5 Options de page d'impression jQuery
    Le plugin JQUERY PRINT vous permet de contrôler et de personnaliser les parties d'un site Web imprimées, fournissant une alternative aux capacités d'impression par défaut du navigateur (imprimant généralement la fenêtre entière). Cet article explorera plusieurs plugins d'impression JQuery populaires et montrera comment créer vous-même cette fonctionnalité. Points clés: Le plugin JQUERY PRINT vous permet de contrôler et de personnaliser les parties du site Web imprimées, fournissant une alternative à la fonction d'impression par défaut du navigateur (imprimant généralement la fenêtre entière). Le plugin d'aperçu JQuery Print ouvre une nouvelle fenêtre de navigateur pour afficher des pièces spécifiques du site Web pour l'impression. Ce plugin est très utile pour imprimer des pièces de données telles que les cartes d'information ou une ligne dans un tableau. J
    js tutoriel 220 2025-02-17 10:23:14
  • Création de requêtes multimédias pour les conceptions Web réactives
    Création de requêtes multimédias pour les conceptions Web réactives
    Cet article explore la conception Web réactive à l'aide des requêtes multimédias, un outil crucial pour adapter des sites Web à divers appareils. Il se concentre sur la façon dont les requêtes médiatiques permettent aux développeurs de détecter les propriétés de l'appareil et d'appliquer différents styles CSS en fonction de ces accessoires
    tutoriel CSS 382 2025-02-17 10:21:10
  • 15 façons d'écrire un javascript auto-documentaire
    15 façons d'écrire un javascript auto-documentaire
    Points clés pour écrire le code JavaScript auto-documenté Cet article explorera comment rédiger un code JavaScript auto-documenté et maintenu par auto-documenté via des techniques structurées, des conventions de dénomination et des techniques de syntaxe. Bien que le code auto-documenté puisse réduire le besoin de commentaires, il ne remplace pas complètement les bons commentaires et la documentation complète. Compétences de base Technologie structurée: déplacer le code dans les fonctions, remplacer les expressions conditionnelles par des fonctions et utiliser des fonctions pures pour rendre le code plus clair et plus facile à comprendre. Convention de dénomination: utilisez des noms significatifs pour nommer des variables, des fonctions et des classes pour améliorer la lisibilité du code. Conseils de syntaxe: Évitez d'utiliser des conseils de syntaxe, utilisez des constantes nommées et rendez le code plus clair. Extraire du code avec prudence: éviter
    js tutoriel 797 2025-02-17 10:16:09
  • Plugins de pagination jQuery
    Plugins de pagination jQuery
    Cet article passe en revue plusieurs plugins de pagination jQuery, mis à jour en février 2017 pour précision. L'affichage des listes de résultats étendues de manière inefficace est un problème courant; La pagination offre une solution supérieure. Tandis que la pagination côté serveur récupére Paged Co
    js tutoriel 773 2025-02-17 10:14:10
  • Animer le DOM avec anime.js
    Animer le DOM avec anime.js
    Anime.js: une bibliothèque d'animation JavaScript légère pour les effets DOM dynamiques Vous cherchez une bibliothèque d'animation rapide et légère pour vos projets Web? Anime.js, créé par Julian Garnier, est un concurrent fort, en particulier pour Dynamic Dom Animati
    js tutoriel 929 2025-02-17 10:13:10
  • Pseudo-classes - les bases
    Pseudo-classes - les bases
    (Adapté de "HTML5 & CSS3 pour le monde réel" par Alexis Goldstein, Louis Lazaris et Estelle Weyl) Points de base Les pseudo-classes CSS sont utilisées pour définir l'état spécial des éléments, y compris la structure, les opérations utilisateur, les pseudo-classes d'entrée et de négation et d'autres types. Ils peuvent styliser des éléments en fonction de l'emplacement de l'élément dans l'arborescence de documents, l'interaction utilisateur, l'état de l'élément de formulaire ou les éléments qui ne correspondent pas à un sélecteur particulier. Certaines pseudo-classes peuvent avoir des problèmes de sécurité, tels que: les pseudo-classes visitées, qui peuvent être utilisées par un attaquant pour vérifier l'historique de la navigation de l'utilisateur. Les navigateurs modernes sont limités à: Visite
    tutoriel CSS 451 2025-02-17 10:12:10
  • Début avec Vue.js
    Début avec Vue.js
    Regardez rapidement le concept de base de Vue.js Vue.js est une bibliothèque JavaScript basée sur l'architecture MVVM, utilisée pour créer des interfaces utilisateur. Il est plus simple, plus facile à apprendre et flexible que AngularJS. Ses fonctions de base incluent: LIAISON DES DONNÉES: Prise en charge la liaison des données unidirectionnelle et bidirectionnelle, les instructions du modèle V implémentaient la liaison bidirectionnelle et les modifications du modèle se reflètent dans la vue en temps réel. Instructions et filtres: Les instructions sont utilisées pour faire fonctionner le DOM, et les filtres sont utilisés pour traiter les données. Componentialisation: Créez des éléments HTML personnalisés réutilisables, améliorez la lisibilité et la maintenance du code et utilisez des attributs d'accessoires pour passer les attributs de composants. Remarque: Ce tutoriel est basé sur la version Vue.js 1.x. Veuillez vous référer à d'autres ressources pour le tutoriel Vue 2.x
    js tutoriel 631 2025-02-17 10:10:10
  • 10 fonctions RXJS de besoin avec des exemples
    10 fonctions RXJS de besoin avec des exemples
    Cet article a été examiné par Florian Rappl et Moritz Kröger. Merci à tous les pairs examinateurs de SitePoint pour avoir rendu le contenu de SitePoint parfait! Avec l'intérêt croissant pour la programmation réactive fonctionnelle (FRP), RXJS est devenu l'une des bibliothèques JavaScript les plus populaires de ce paradigme. Dans cet article, nous explorerons les dix premières fonctions incontournables dans RXJS. Remarque: Cet article suppose que vous connaissez les bases des RXJ, comme décrit dans l'article "commençant par la programmation réactive fonctionnelle avec RXJS". Points clés RXJS utilise des objets observables similaires aux tableaux remplis dans le temps
    js tutoriel 237 2025-02-17 10:08:10
  • Astuce rapide: comment parcourir les événements de défilement
    Astuce rapide: comment parcourir les événements de défilement
    Points clés L'écoute des événements de défilement peut provoquer une dégradation des performances car le navigateur exécute une fonction de rappel à chaque fois que l'utilisateur défile; L'accélérateur assure un flux constant d'événements sur un intervalle de temps donné, tandis que le dé-bumping combine une série d'événements en un seul événement. La mise en œuvre de la limitation des événements en JavaScript peut être compliquée, et il est recommandé d'utiliser une implémentation tierce comme Lodash, qui est la norme pour l'exécution des événements. La fonction de limitation de Lodash simplifie la limitation de l'événement à rouler et offre des options pour déterminer si la fonction de rappel est exécutée au bord avant et / ou arrière de l'événement. La clé du choix de la limitation et du débouchement est de voir la nature du problème à résoudre. Le gaz est adapté aux événements qui se produisent dans une période donnée
    js tutoriel 946 2025-02-17 10:07:11
  • Programmation fonctionnelle amusante avec le framework CHOO
    Programmation fonctionnelle amusante avec le framework CHOO
    CHOO: un cadre JavaScript minimaliste pour les applications d'une seule page Choo est un framework JavaScript léger parfait pour fabriquer des applications (spas) à une page (spas) en utilisant des principes de programmation fonctionnelle. Il intègre intelligemment les meilleurs aspects de
    js tutoriel 1036 2025-02-17 10:06:10
  • Comment partager facilement le code entre les projets avec bit
    Comment partager facilement le code entre les projets avec bit
    Bit: simplifier le partage de code et améliorer l'efficacité de l'équipe Le bit est un outil puissant qui simplifie le processus de partage de code entre les projets sans diviser la base de code ni refactoriser le projet. Vous pouvez partager des extraits de code directement à partir de n'importe quelle base de code et les installer dans d'autres projets à l'aide de NPM. Bit fournit une solution de partage de code évolutive. Vous pouvez spécifier le composant de code à partager, BIT définit son arborescence de dépendance, puis le partager avec un emplacement partagé appelé "Scope". Ces composants peuvent être installés à l'aide de NPM et de fil, comme tout autre package. Bit simplifie également la modification du code partagé. Vous pouvez importer le code source dans n'importe quel chemin dans la base de code, apporter des modifications et le bit suivra
    js tutoriel 690 2025-02-17 10:05:10
  • Comment travailler avec et manipuler l'état dans la réaction
    Comment travailler avec et manipuler l'état dans la réaction
    Cet article de React rapidement par Azat Mardan fournit un guide concis pour comprendre et manipuler l'état dans React.js. Il couvre les aspects clés de la gestion de l'État, mettant en évidence les différences entre l'État et les accessoires, et plaider pour l'utilisation de S
    js tutoriel 184 2025-02-17 10:02:15
  • Créer une station de jam musicale avec Javascript Vanilla
    Créer une station de jam musicale avec Javascript Vanilla
    Ce tutoriel montre la création d'une station de jam musical à l'aide de HTML5 Audio et JavaScript, parfaite pour les guitaristes pour pratiquer et apprendre. Le projet synchronise la lecture audio avec des affichages d'accords interactifs, fournissant un apprentissage dynamique E
    js tutoriel 313 2025-02-17 10:01:15
  • Comment mettre en œuvre l'internationalisation (I18N) en javascript
    Comment mettre en œuvre l'internationalisation (I18N) en javascript
    Points clés L'internationalisation (I18N) est le processus de création ou de conversion de produits et services afin qu'ils puissent s'adapter aux langues et cultures locales. La localisation (L10N) est le processus d'ajustement des logiciels internationalisés pour une région ou une langue spécifique. Globalize est une bibliothèque JavaScript développée par des membres de l'équipe JQuery pour l'internationalisation et la localisation. Il utilise les données officielles de Unicode CLDR JSON, prend en charge tous les principaux navigateurs et fournit des fonctions telles que le formatage numérique et l'analyse, le formatage et l'analyse de la date et l'heure, la mise en forme du temps relatif, le formatage des devises, le formatage des messages, le support pluriel et le support unitaire, et et etc. JavaScript via l'API d'internationalisation (
    js tutoriel 755 2025-02-17 10:00:26

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