localisation actuelle：Maison > Articles techniques > interface Web
- Direction：
- tous web3.0 développement back-end interface Web base de données Opération et maintenance outils de développement cadre php programmation quotidienne Applet WeChat Problème commun autre technologie Tutoriel CMS Java Tutoriel système tutoriels informatiques Tutoriel matériel Tutoriel mobile Tutoriel logiciel Tutoriel de jeu mobile
- Classer：
-
- 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 441 2025-02-17 10:12:10
-
- 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 623 2025-02-17 10:10:10
-
- 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 235 2025-02-17 10:08:10
-
- 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 940 2025-02-17 10:07:11
-
- 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 1029 2025-02-17 10:06:10
-
- 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 681 2025-02-17 10:05:10
-
- 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 179 2025-02-17 10:02:15
-
- 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 309 2025-02-17 10:01:15
-
- 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 736 2025-02-17 10:00:26
-
- Expressions régulières en JavaScript
- Ce guide démontre l'application pratique des expressions régulières dans JavaScript. À la fin, vous pourrez utiliser en toute confiance Regex pour la manipulation du texte. Concepts clés: Les expressions régulières JavaScript sont des outils puissants pour le processus de texte
- js tutoriel 534 2025-02-17 09:59:13
-
- Remplacez la fonction Ready Document JQuery par JavaScript
- La méthode $ (document) .ready () de jQuery est utilisée pour exécuter du code une fois le DOM entièrement chargé. Puisqu'il exécute la fonction donnée lorsque tous les éléments DOM sont disponibles, il garantit que les tentatives d'accéder ou de fonctionner correctement sur l'élément fonctionnent correctement. Avant JQuery 3.0, l'utilisation typique de l'utilisation des fonctions anonymes était la suivante: $ (document) .ready (function () { // Le gestionnaire de .ready () est appelé. }); Points clés Le document de jQuery.
- js tutoriel 459 2025-02-17 09:56:10
-
- Les projets peuvent parfois être le pire moyen d'apprendre JavaScript
- De nombreux débutants JavaScript auront une suggestion apparemment simple: "Faites plus de projets". Certes, les projets sont souvent un moyen efficace d'apprendre tout langage de programmation. Le problème, cependant, est que de nombreuses personnes essaient des projets complexes avant d'avoir suffisamment de connaissances de base, ce qui entraîne une erreur de jugement. Ceci est très important car essayer de grands projets trop tôt est l'une des principales raisons pour lesquelles de nombreuses personnes abandonnent l'apprentissage du JavaScript. Pour éviter cela, cet article couvrira ce qui suit: Les pièges et les raisons communes que les débutants de JavaScript rencontrent lorsqu'ils essaient de projets Exemples de projets qui provoquent souvent des troubles d'apprentissage Comment éviter ces pièges et apprendre plus efficacement Quand et comment démarrer un projet Comment choisir le bon concept dans un projet
- js tutoriel 395 2025-02-17 09:52:13
-
- Pseudo-classes structurelles
- 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. Jusqu'à présent, nous avons appris à localiser des éléments en fonction de leurs attributs et états. CSS3 nous permet également de positionner des éléments basés uniquement sur l'endroit où ils se trouvent dans l'étiquette. Ces sélecteurs sont classés comme pseudo-classes structurelles. Maintenant, ces sélecteurs peuvent sembler complexes, mais ils ont plus de sens lorsque nous regardons comment ils sont appliqués plus tard. Sauf que je
- tutoriel CSS 828 2025-02-17 09:50:09
-
- Infini indigène avec l'API IntersectionObserver
- API d'observateur d'intersection: surveiller efficacement la visibilité de l'élément DOM L'API de l'observateur d'intersection est une API JavaScript côté client émergente pour surveiller efficacement la visibilité des éléments DOM spécifiés, ce qui est utile pour des fonctionnalités telles que le chargement paresseux, le défilement infini et la visibilité AD. Prise en charge du navigateur et polyfill Cette API est relativement nouvelle et a actuellement une prise en charge limitée du navigateur, notamment Chrome Desktop 51, Chrome Android 51, Android WebView 51, Opera 38 et Opera Android 38. Cependant, un Pol en développement est fourni sur GitHub
- js tutoriel 777 2025-02-17 09:49:08
-
- Astuce rapide: ajouter ou supprimer une classe CSS avec JavaScript à la vanille
- Utilisez JavaScript pour ajouter et supprimer dynamiquement les classes CSS pour manipuler facilement les éléments Web! Cet article expliquera comment utiliser les attributs ClassName et ClassList de JavaScript pour gérer efficacement les classes CSS et réaliser une modification dynamique des éléments de page Web, tels que l'affichage / la masculation des menus, la mise en évidence des erreurs de formulaire ou des animations d'élément. Points de base: JavaScript peut être utilisé pour modifier dynamiquement les éléments de page en fonction des interactions utilisateur (telles que l'affichage / masquer les menus, la mise en évidence des erreurs de formulaire ou les effets d'animation). Les propriétés ClassName et Classlist sont des outils puissants pour faire fonctionner les classes CSS;
- js tutoriel 320 2025-02-17 09:47:07
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.
bouton de formulaire
2024-02-29
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 joueur
2024-02-29
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.
Navigation dans les menus
2024-02-29
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.
bouton de formulaire
2024-02-29
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
