localisation actuelle:Maison > Articles techniques > interface Web

  • Démystifier les fermetures JavaScript, les rappels et les IIF
    Démystifier les fermetures JavaScript, les rappels et les IIF
    Cet article explorera en profondeur trois concepts cruciaux dans le développement de JavaScript moderne: fermetures, fonctions de rappel et expressions de fonctions d'exécution immédiate (iife). Nous avons appris en détail la portée et l'amélioration variables, et maintenant, terminons notre parcours d'exploration. Points de base Les fermetures JavaScript sont des fonctions qui peuvent accéder à leurs variables de portée des parents. Les fonctions de rappel sont des fonctions transmises en tant que paramètres à d'autres fonctions, qui sont ensuite exécutées dans des fonctions externes, fournissant ainsi un moyen de retarder l'exécution ou de maintenir l'ordre des opérations asynchrones. Exécuter les expressions de fonction (iife) sont des fonctions qui sont exécutées immédiatement après la définition pour protéger la portée des variables et empêcher
    js tutoriel 558 2025-02-20 08:43:09
  • ATOZ CSS Screencast: le Rotatey CSS se transforme
    ATOZ CSS Screencast: le Rotatey CSS se transforme
    Ce didacticiel explore la transformation Rotatey de CSS, permettant des rotations 3D autour de l'axe des y, parfaites pour des effets tels que les flips de carte. Nous couvrirons également le style transform: Preserve-3D pour un rendu 3D approprié et la perspective et les propriétés d'origine perspective
    tutoriel CSS 437 2025-02-20 08:40:09
  • Créez un éditeur d'image simple avec des filtres CSS et JQuery
    Créez un éditeur d'image simple avec des filtres CSS et JQuery
    Filtres CSS: Créez votre propre éditeur d'image avec CSS et JQuery Ce guide montre comment créer un éditeur d'image de base en utilisant uniquement les filtres CSS et JQuery, éliminant le besoin de logiciels de traitement d'image externes. Nous couvrirons les principes fondamentaux de C
    js tutoriel 554 2025-02-20 08:39:09
  • Comment construire votre propre préprocesseur CSS avec POSTCSS
    Comment construire votre propre préprocesseur CSS avec POSTCSS
    Points clés POSTCSS permet aux développeurs de construire leurs propres préprocesseurs CSS, offrant une plus grande flexibilité et un contrôle sur d'autres préprocesseurs tels que Sass, moins ou stylet. Il utilise le plugin JavaScript pour manipuler les styles et est capable d'ajouter des fonctionnalités de type préprocesseur telles que les variables, les mixins et la nidification. Les avantages du POSTCSS comprennent la modularité, les versions légères, la mise en œuvre instantanée de nouvelles fonctionnalités et la capacité d'appliquer les stratégies de développement. Il est également plus rapide que les préprocesseurs traditionnels. Cependant, il présente également certains inconvénients, tels que la complexité accrue du processus de construction, la syntaxe différente et les exigences d'un CSS efficace. Bien que PostCSS ait un grand potentiel, il peut ne pas convenir à tous les projets. pour
    js tutoriel 357 2025-02-20 08:37:09
  • ATOZ CSS Astuce rapide: en utilisant le volant et la hauteur
    ATOZ CSS Astuce rapide: en utilisant le volant et la hauteur
    Cet article fait partie de la série ATOZ CSS. Vous pouvez trouver d'autres entrées dans cette série ici: Voir la série complète Voir l'enregistrement vidéo et texte complet des effets de survol Bienvenue dans notre série Atoz CSS! Dans cette série, je vais commencer par des lettres dans l'alphabet et explorer différentes valeurs (et propriétés) CSS. Nous savons que parfois les captures d'écran ne suffisent pas, et dans ce post, nous avons ajouté un nouveau conseil pour vous sur les effets de la volonté. H signifie volant et hauteur En ce qui concerne l'effet de survol, j'ai déjà introduit beaucoup dans la vidéo sur la lettre H, donc je ne vais pas entrer dans les détails ici. Cependant, vous pouvez appliquer des animations sympas à l'état de survol. Recherchez "CSS Hover Effets sur Google
    tutoriel CSS 219 2025-02-20 08:36:10
  • Construire la Terre avec Webgl et JavaScript
    Construire la Terre avec Webgl et JavaScript
    WebGL offre des possibilités passionnantes pour créer des expériences 3D immersives directement au sein des navigateurs Web. Ce didacticiel montre la construction d'un modèle 3D Earth Rottable à l'aide de WebGL et de la bibliothèque Three.JS. Concepts clés: Tiration de trois.js, un webgl p
    js tutoriel 754 2025-02-20 08:35:10
  • Comprendre Ecmascript 6: Classe et héritage
    Comprendre Ecmascript 6: Classe et héritage
    ECMAScript 6 (ES6) révolutionne le développement JavaScript: simulant les classes et l'héritage ES6 améliore considérablement JavaScript, un langage basé sur un prototype, en fournissant des mécanismes de syntaxe et d'héritage de type classe. Cela habilite les développeurs à BUI
    js tutoriel 517 2025-02-20 08:34:15
  • Atoz CSS Screencast: la classe Pseudo survole
    Atoz CSS Screencast: la classe Pseudo survole
    Points de base : Pseudo-classe de survol est un outil pratique pour fournir des commentaires visuels lorsque la souris est survenue sur les liens et les boutons. Il peut être conçu de diverses manières, comme changer la couleur, la taille ou l'orientation d'un élément. Cependant, sa fiabilité sur les dispositifs tactiles n'est pas cohérente et ne doit pas être utilisée pour masquer les informations critiques. D'autres pseudo-classes peuvent être utilisées pour styliser différents états de liens, tels que: visités pour les liens dans l'historique du navigateur d'utilisateurs,: actif pour les liens cliqués, et: Focus pour les liens actuellement en vigueur sur le clavier. Ceux-ci peuvent être combinés dans une feuille de style de réinitialisation pour définir les valeurs par défaut du projet. La pseudo-classe de survol peut également être utilisée pour créer des menus déroulants dans la navigation principale du site Web. Cela implique de planer sur le dessus
    tutoriel CSS 608 2025-02-20 08:33:09
  • Tests unitaires dans AngularJS: services, contrôleurs et fournisseurs
    Tests unitaires dans AngularJS: services, contrôleurs et fournisseurs
    Principaux à retenir AngularJS est conçu avec une testabilité à l'esprit, en utilisant l'injection de dépendance pour faciliter les tests unitaires et permettant la modularisation de l'application en différents composants tels que les services, les contrôleurs et les fournisseurs. S
    js tutoriel 837 2025-02-20 08:31:09
  • ATOZ CSS Astuce rapide: utilisant des veuves et des pauses de ligne
    ATOZ CSS Astuce rapide: utilisant des veuves et des pauses de ligne
    Points clés Évitez d'utiliser la balise pour forcer l'enveloppement des lignes, car cela entraînera une apparence de texte incohérente à différentes tailles d'écran. CSS est recommandé pour contrôler l'espacement et les pauses de ligne, ce qui offre un meilleur contrôle et une meilleure flexibilité. Utilisez l'attribut d'affichage pour afficher ou masquer les nouvelles lignes. Affichage du réglage: aucun ne produira une rupture de ligne, tandis que l'affichage: Block produira une pause de ligne. En conjonction avec les requêtes multimédias, les ruptures de ligne peuvent être activées ou désactivées sous des tailles d'écran spécifiques. Pour éviter les lignes de veuve (mots simples à la fin d'un paragraphe ou d'un titre), utilisez des caractères d'espace de rétractation () entre les deux derniers mots. Cela garantit que les deux derniers mots sont traités comme un mot, créant un plus beau effet de rupture de ligne.
    tutoriel CSS 817 2025-02-20 08:30:10
  • L'état des éléments d'entrée HTML5
    L'état des éléments d'entrée HTML5
    Cet article explore les défis de l'utilisation des champs d'entrée HTML5 natifs pour les dates et les nombres dans différents endroits, en se concentrant sur les incohérences du navigateur dans la manipulation des paramètres régionaux et l'expérience utilisateur. Le projet de l'auteur, impliquant plusieurs CO européens
    tutoriel CSS 463 2025-02-20 08:29:09
  • Javascript comme un boss: comprendre les API courants
    Javascript comme un boss: comprendre les API courants
    Principaux à retenir Les API courantes en JavaScript permettent un code plus lisible et compréhensible en activant le chaînage des appels de fonction, obtenu en renvoyant ce objet «cet» dans chaque fonction. Cela rend le code plus intuitif et plus facile à déboguer, en particulier
    js tutoriel 667 2025-02-20 08:27:12
  • ATOZ CSS Screencast: CSS Pseudo Elements
    ATOZ CSS Screencast: CSS Pseudo Elements
    Points de base Les pseudo-éléments CSS sont des éléments de la page qui ne sont pas présents dans le code HTML, et ils peuvent être exploités à l'aide de tout style CSS appliqué à d'autres éléments. Le: avant et: après les pseudo-éléments dans CSS peut être utilisé pour générer du contenu de la page, y compris le texte, les images, les valeurs d'attribut et les compteurs. Ils peuvent également être utilisés pour créer des formes complexes avec un marquage minimal. Divers pseudo-éléments dans CSS incluent: première ligne ,: premier lettre ,: sélection ,: avant, et: après. Ceux-ci peuvent être utilisés pour styliser des parties spécifiques d'un élément, insérer du contenu avant et après le contenu d'un élément, et styliser la première lettre ou la première ligne d'un élément de niveau bloc, etc. Explication vidéo (chargement
    tutoriel CSS 249 2025-02-20 08:26:10
  • Affichage des API Web sur un écran LCD Arduino à l'aide de Node.js
    Affichage des API Web sur un écran LCD Arduino à l'aide de Node.js
    Principaux à retenir L'article décrit comment afficher les données d'une API Web sur l'écran LCD d'un Arduino à l'aide de Node.js. L'auteur utilise l'exemple d'un tirage au sort aléatoire lors d'une rencontre IoT Sydney, où la configuration de l'écran LCD Arduino tire dans Meetup.com Event RSVP info a
    js tutoriel 324 2025-02-20 08:24:11
  • ATOZ CSS: Différence entre traduire et position relative
    ATOZ CSS: Différence entre traduire et position relative
    Principaux à retenir La principale différence entre la position CSS: relative et transformée: tradlate () réside dans la façon dont ils affectent la disposition d'autres éléments. Position: relatif modifie la position de l'élément dans le flux de documents, affectant potentiellement d'autres éléments
    tutoriel CSS 413 2025-02-20 08:23: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