localisation actuelle:Maison > Articles techniques > interface Web

  • Un guide de mise à niveau vers Polymer 1.0
    Un guide de mise à niveau vers Polymer 1.0
    Points de base Polymer 1.0 est un refactorisation approfondie des versions précédentes, avec des performances plus efficaces, une taille plus petite, une meilleure prise en charge des éléments personnalisés et un système amélioré de liaison des données pour le rendre plus facile à utiliser et plus intuitif. La mise à niveau de Polymer 0.5 à Polymer 1.0 nécessite plusieurs étapes, notamment la mise à jour des dépendances de bower, la mise à jour des importations HTML, les définitions d'éléments de peaufinage et les liaisons de données pour s'adapter à une nouvelle syntaxe et des tests approfondis pour s'assurer que tout fonctionne comme prévu. Polymer 1.0 présente Shadow Dom, un élément clé de la norme des composants Web, résume les détails d'implémentation des éléments personnalisés.
    js tutoriel 872 2025-02-19 08:53:14
  • Au revoir Joyent, Fondation Hello Node.js
    Au revoir Joyent, Fondation Hello Node.js
    Cet article examine la montée en puissance de IO.js et son impact sur le paysage JavaScript côté serveur. Io.js est apparu comme une alternative à Node.js, abordant l'échec de ce dernier à suivre le rythme des dernières fonctionnalités du moteur JavaScript V8. Les principaux plats à retenir: T
    js tutoriel 419 2025-02-19 08:52:09
  • Commencer avec Connect
    Commencer avec Connect
    Principaux à retenir Connect est un framework de serveur HTTP extensible pour Node.js qui permet aux développeurs d'écrire des composants modulaires et réutilisables à l'aide de plugins middleware. Ces plugins traitent et transmettent les demandes, soit gèrent directement les demandes.
    js tutoriel 182 2025-02-19 08:51:10
  • 9 bibliothèques JavaScript pour travailler avec le stockage local
    9 bibliothèques JavaScript pour travailler avec le stockage local
    L'API de stockage local HTML5 (partie du stockage Web) a une excellente prise en charge du navigateur et est appliquée dans de plus en plus d'applications. Il a une API simple, mais il présente également des inconvénients similaires aux cookies. J'ai rencontré pas mal d'outils et de bibliothèques qui utilisent l'API LocalStorage au cours de la dernière année, donc je les ai triés dans ce post avec quelques exemples de code et des discussions de fonctionnalités. Points importants L'API de stockage local HTML5 est largement prise en charge et devient de plus en plus courante dans les applications, mais elle a également certaines limites similaires aux cookies. Diverses bibliothèques JavaScript ont été développées pour améliorer et étendre leurs capacités. Lockr, Store.J
    js tutoriel 627 2025-02-19 08:47:10
  • Mesurer les fonctions JavaScript & # x27; Performance
    Mesurer les fonctions JavaScript & # x27; Performance
    Les performances de l'application Web sont toujours cruciales, en particulier dans le développement Web, la vitesse de chargement des pages lente entraînera directement le désabonnement des utilisateurs. En tant que développeurs frontaux professionnels, nous devons prêter attention à l'optimisation des performances. De nombreuses méthodes d'optimisation des performances Web traditionnelles, telles que la réduction des demandes, l'utilisation des CDN et l'évitement d'écrire des rendus de blocage, sont toujours valables aujourd'hui. Cependant, à mesure que de plus en plus d'applications Web utilisent JavaScript, la validation de l'efficacité du code est devenue cruciale. Supposons que vous ayez une fonction qui est fonctionnelle mais soupçonne qu'elle n'est pas efficace et prévoit de faire des améliorations. Comment prouver cette hypothèse? Quelles sont les meilleures pratiques pour tester les performances de la fonction JavaScript? Généralement, la meilleure façon est d'utiliser les performances intégrées.
    js tutoriel 987 2025-02-19 08:46:09
  • Bascules de cure
    Bascules de cure
    Cet article explore Backbone.js, un cadre JavaScript utilisant une architecture MV * pour la création d'applications. Il se concentre sur la gestion des événements, un aspect crucial de la séparation des préoccupations entre les vues et les modèles. Concepts clés: Architecture MV *: Horseb
    js tutoriel 685 2025-02-19 08:44:11
  • API asynchrones utilisant l'API Fetch et les générateurs ES6
    API asynchrones utilisant l'API Fetch et les générateurs ES6
    Points de base ECMAScript 6 (ES6) prend mieux en charge la programmation asynchrone via la promesse et le générateur, et a introduit l'API Fetch, conçue pour remplacer XMLHTTPRequest comme base pour communiquer avec les ressources distantes. La méthode API Fetch renvoie les objets ES6 Promise qui peuvent être utilisés avec le générateur pour former la base d'opérations asynchrones complexes, telles qu'une série d'opérations, où chaque opération dépend de la valeur renvoyée par l'opération précédente. Le générateur peut être utilisé avec l'API Fetch pour effectuer des tâches telles que des sondages longs, où les clients sont constamment
    js tutoriel 830 2025-02-19 08:43:09
  • Une grille modifiable avec jQuery, bootstrap et bouclier UI Lite
    Une grille modifiable avec jQuery, bootstrap et bouclier UI Lite
    Dans cette courte pointe, je fournis quelques étapes faciles pour configurer une grille (ou un tableau) modifiable à l'aide de Bootstrap et Shield UI Lite. Shield UI Lite est une bibliothèque jQuery open source qui comprend, entre autres composants, une grille jQuery. La grille prend en charge l'édition o
    js tutoriel 313 2025-02-19 08:37:15
  • Perdre le ballonnement jquery
    Perdre le ballonnement jquery
    Points de base Nodelist.js, comme alternative à l'opération DOM de JQuery, offre des fonctionnalités similaires, mais est plus petite (4k après la compression) et tire parti des améliorations de l'API du navigateur natif. Contrairement à jQuery, Nodelist.js traite les tableaux de nœuds comme des nœuds uniques, permettant un code plus propre et des opérations d'objets Nodelist plus faciles. Nodelist.js contient des méthodes spéciales pour définir et obtenir des propriétés, appeler des méthodes spécifiques aux éléments et accéder aux nœuds dans Nodelist, et le propriétaire attribue équivalent à la propriété Prévobject de JQuery.
    js tutoriel 288 2025-02-19 08:27:10
  • L'API de la ligne de commande pour le plaisir et le profit
    L'API de la ligne de commande pour le plaisir et le profit
    API de ligne de commande d'outil de développeur de navigateur: un outil puissant pour améliorer le développement et l'efficacité de débogage Cet article explore la puissante API de ligne de commande dans les outils de développeur de navigateur, qui fournit une gamme d'alias, de fonctions pratiques et de raccourcis pour améliorer considérablement l'expérience de développement et de débogage. Points de base: L'API de ligne de commande permet aux développeurs d'interagir avec les pages Web de la console JavaScript. L'API est limitée à l'accès à la console JavaScript et ne peut pas être utilisée pour les scripts de page, mais il est pratique d'expérimenter les extraits de code directement dans la fenêtre du navigateur. L'API offre une variété de fonctions pour l'exploration DOM, le suivi des objets et le débogage de la console, y compris $ (document.QuerySelector Alias), DIR (répertorie toutes les propriétés de l'objet)
    js tutoriel 391 2025-02-19 08:25:08
  • Formulaires HTML5: outils fiables dans notre boîte à outils
    Formulaires HTML5: outils fiables dans notre boîte à outils
    Ce qui suit est 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. Nous avons écrit la majeure partie du code de la page et vous savez maintenant presque tout sur les nouveaux éléments HTML5 et leur sémantique. Mais avant de commencer à concevoir le look du site Web (nous le faisons au chapitre 7), nous quitterons rapidement la page d'accueil de HTML5 Herald pour consulter la page d'inscription. Cela illustrera HTML5 dans la table Web
    tutoriel CSS 640 2025-02-19 08:24:14
  • Débogage du CSS pour la réactivité de l'interface utilisateur
    Débogage du CSS pour la réactivité de l'interface utilisateur
    Cet article est extrait du livre "The Master of CSS" écrit par Tiffany Brown. Le livre est disponible dans les grandes librairies du monde entier, et vous pouvez également acheter la version E-Book ici. CSS Certaines propriétés et valeurs déclenchent un reflux, ce qui est coûteux et peut réduire la vitesse de réponse de l'interface utilisateur - le rendu de la page, la maîtrise de l'animation et les performances de défilement seront affectés, en particulier dans les téléphones mobiles de bas niveau et les téléviseurs à écran plat. équipement. Qu'est-ce que le réarrangement? {.titre} Le réarrangement fait référence à toute action qui modifie une partie ou la totalité de la disposition de la page. Par exemple, modifiez la taille d'un élément ou mettez à jour sa position gauche. Ils amènent le navigateur à recalculer la hauteur, la largeur et la position d'autres éléments dans le document. La repeinte est similaire à la repection et ils obligent le navigateur à repeindre.
    tutoriel CSS 683 2025-02-18 13:13:14
  • Conseil rapide: construisez un composant de lecteur vidéo dans React
    Conseil rapide: construisez un composant de lecteur vidéo dans React
    Construisez un composant de lecture vidéo réutilisable React Cet article vous guidera à travers le processus de création d'un composant vidéo React qui parcourt la liste des vidéos de Vimeo, YouTube et Dailymotion. Ce composant est facile à développer pour prendre en charge d'autres fournisseurs de vidéos. Nous utiliserons React-Hot-Baulerplate comme environnement de développement, qui prend en charge le rechargement chaud, vous permettant de visualiser immédiatement les résultats de création de composants dans votre navigateur sans rafraîchir la page après chaque changement de code. Le composant vidéo n'a pas d'état à lui, ce qui le rend réutilisable et prévisible, ce qui signifie que la même entrée produira toujours la même sortie. Cet article discutera également des meilleures pratiques pour la construction de composants dans React, y compris l'utilisation de P
    js tutoriel 835 2025-02-18 13:10:11
  • Comment construire un tableau de bord Wi-Fi à l'aide de Node.js et Racactive.js
    Comment construire un tableau de bord Wi-Fi à l'aide de Node.js et Racactive.js
    Principaux à retenir Utilisez Node.js pour créer un serveur qui étend les fonctionnalités existantes pour inclure les informations réseau Wi-Fi, ce qui rend le tableau de bord plus complet. Implémentez RACTIVE.js pour que le côté client gére les mises à jour en temps réel et interac
    js tutoriel 574 2025-02-18 13:05:16
  • Comment construire un service SMS Affirmations quotidiennes avec Stripe & Syncano
    Comment construire un service SMS Affirmations quotidiennes avec Stripe & Syncano
    Cet article, parrainé par Syncano, démontre la création d'un service SMS Affirmations quotidiennes à l'aide de leur plate-forme cloud. Syncano gère le stockage de données, les comptes d'utilisateurs, l'exécution de code automatisée et les webhooks. Le service intègre Twilio pour SMS Messag
    js tutoriel 423 2025-02-18 13:03:17

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