localisation actuelle:Maison > Articles techniques > interface Web

  • 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 881 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 481 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 1115 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 480 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 325 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 813 2025-02-17 12:46:14
  • Une procédure pas à pas des unités de longueur CSS que vous pouvez utiliser pour la taille de la police
    Une procédure pas à pas des unités de longueur CSS que vous pouvez utiliser pour la taille de la police
    Explication détaillée des unités de taille de police CSS: PX, EM, REM, REM, VW / VH et autres CSS fournit une variété d'unités pour spécifier la longueur des attributs tels que la taille de la police, chacun avec ses différentes utilisations et méthodes de calcul. Cet article explorera ces unités en profondeur, y compris les pixels (PX), les unités EM (EM), les unités REM (REM), le pourcentage (%) et les unités de la fenêtre (VW, VH, VMIN, VMAX), etc., et analyser leur Formules de réponse. Pixels (PX) Les pixels sont des unités de taille fixe, se référant généralement aux points individuels à l'écran. Cependant, en raison de la densité de pixels de l'appareil différent, l'effet d'affichage des unités PX sur différents dispositifs peut être incohérent. Pixels CSS
    tutoriel CSS 404 2025-02-17 12:41:09
  • Sass Basics: la directive Sass Mixin
    Sass Basics: la directive Sass Mixin
    Mélanges Sass: Powerhouses CSS réutilisables Cet article explore Sass Mixins, un outil puissant pour créer des extraits CSS réutilisables, rationaliser votre code et minimiser la répétition. Nous couvrirons la création de mixines, l'inclusion, la manipulation des arguments (y compris Defau
    tutoriel CSS 308 2025-02-17 12:40:13
  • Accéder à l'appareil photo de l'utilisateur avec jpegcamera et toile
    Accéder à l'appareil photo de l'utilisateur avec jpegcamera et toile
    JpegCamera: une bibliothèque JavaScript pour un accès simplifié de la caméra JPEGCamera rationalise l'accès de l'appareil photo à divers navigateurs, offrant une seltime flash pour la compatibilité. Tirant l'extraction de toile HTML5, il permet la capture et la manipulation de l'image, en reflétant F
    js tutoriel 575 2025-02-17 12:22:10
  • Effets d'animation Web amusants avec kute.js
    Effets d'animation Web amusants avec kute.js
    Kute.js: un moteur d'animation JavaScript riche en fonctionnalités Cet article explore Kute.js, une bibliothèque d'animation JavaScript gratuite et open source créée par Thednp et Dalisoft. Ceci est le deuxième d'une série sur les bibliothèques d'animation DOM dynamique, après un examen
    js tutoriel 643 2025-02-17 12:21:10
  • Un regard complet sur la traversée de jQuery Dom
    Un regard complet sur la traversée de jQuery Dom
    JQuery Dom Traversal: Contrôlez facilement les éléments Web Cet article explorera la méthode de traversée JQuery Dom en profondeur, montrant comment utiliser jQuery pour sélectionner facilement les éléments de la page Web et fonctionner en fonction de leur relation avec d'autres éléments de la page. Points de base: JQuery Dom Traversal permet aux développeurs de naviguer et de manipuler facilement les éléments de la page Web et de fonctionner par rapport à la sélection initiale, y compris le remplacement de la sélection d'origine ou l'ajout et la suppression des éléments. JQuery fournit plusieurs méthodes pour filtrer les éléments en fonction de la position des éléments par rapport à d'autres éléments et s'ils ont des classes spécifiques, etc. Les méthodes incluent Eq, First, Last, Slice, Filtre et Map. jQuery fournit également DOM
    js tutoriel 722 2025-02-17 12:17:13
  • Comment avez-vous commencé? Les meilleurs et les pires outils de conception Web
    Comment avez-vous commencé? Les meilleurs et les pires outils de conception Web
    Cliquez ici pour vous abonner à ma dernière newsletter Récemment, le retour d'Adobe Dreamweaver me rappelle le passé. J'étais un utilisateur de Dreamweaver fidèle, mais après avoir tourné vers Linux, j'ai presque oublié son existence. Cela a suscité ma curiosité pour les autres outils de création Web que j'ai utilisés dans ma carrière, j'ai donc décidé de le revoir. J'ai rapidement recherché la bibliothèque et j'ai trouvé ce trésor - "Frontpage 2000 Concise Tutorial". FrontPage (maintenant abandonné) est un éditeur de Microsoft et l'outil que j'ai utilisé pour créer ma première page Web. Sa méthode WYSIWYG est attrayante pour les débutants (la plupart des gens étaient nouveaux à l'époque), et c'est avec la gamme de produits de bureau de Microsoft
    js tutoriel 306 2025-02-17 12:14:13
  • Créez une application de streaming de musique avec Electron, React & ES6
    Créez une application de streaming de musique avec Electron, React & ES6
    Ce tutoriel vous guide à travers la construction d'une application de bureau en streaming de musique SoundCloud élégante à l'aide d'électron, de react, d'es6 et de l'API SoundCloud. L'application permet à la recherche et à la lecture de pistes, en reflétant l'expérience du site Web de SoundCloud. Caractéristique clé
    js tutoriel 431 2025-02-17 12:13:17
  • Comment j'ai construit un puzzle de mots croisés CSS pur
    Comment j'ai construit un puzzle de mots croisés CSS pur
    Cet article présente un puzzle de mots croisés CSS pur captivant, construit sans JavaScript, qui a attiré une attention significative sur Codepen (plus de 350 cœurs et 24 000 vues!). Inspiré par CSS Grid Garden, l'auteur exploite ingénieusement CSS Grid
    tutoriel CSS 627 2025-02-17 12:09:09
  • Le sens et le but de la conception Web réactive
    Le sens et le but de la conception Web réactive
    Conception Web réactive: adapté à tous les écrans La conception Web réactive (RWD) est une méthode de conception qui permet à un site Web de s'adapter aux écrans de toutes tailles et est essentiel pour prendre en charge un nombre croissant d'appareils pour la navigation sur les pages Web. RWD suit le principe de développement de "Ne vous répétez pas" (sec) et vise à utiliser un ensemble de code pour s'adapter à chaque appareil. Cela signifie écrire un ensemble de code HTML, CSS et JavaScript et affichant des éléments de manière appropriée pour chaque plate-forme. Il existe un certain nombre de concepts de conception différents pour la mémoire RWD, notamment l'amélioration progressive, les déclassements élégants et la priorité mobile. Ces approches se concentrent sur différents aspects, comme fournir du contenu à tous les utilisateurs, en commençant par la version complète du site Web, ou des filiales les plus petites ou les plus faibles, respectivement
    tutoriel CSS 239 2025-02-17 12:08:09

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