Standalone Search Box Example

Traduction Microsoft avec le grand contenu

Traduction Microsoft avec le grand contenu

This is new sample demo component test
This widget could not be displayed.
This widget could not be displayed.
XCommAdmin
Trusted Contributor

Traduction Microsoft avec le grand contenu

AJAX signifie JavaScript asynchrone et XML. Il est un changement de jeu complet quand il s'agit de l'expérience utilisateur. Normalement, les pages Web sont chargées une à la fois. Lorsqu'un utilisateur veut plus de contenu, il clique sur un lien. Avec AJAX, un utilisateur peut cliquer sur quelque chose et le contenu peut être chargé dans la page, en utilisant JavaScript, sans recharger la page entière.

Essentiellement, l'utilisateur fait un événement qui déclenche un HTTPRequest AJAX après un objet XMLHttpRequest a été créé. Le serveur traite ensuite la httpRequest et renvoie les données au navigateur. Maintenant, sans JavaScript, il serait entièrement sans valeur, sauf si vous affichiez des données à une base de données. Nous allons configurer notre AJAX afin qu'il appelle une fonction JavaScript, connu sous le nom de fonction de rappel, d'utiliser nos données retournées à partir du serveur dans le prochain tutoriel.

 

Nous n'avons pas vraiment changé d'éléments HTML pour le moment. Eh bien maintenant, nous sommes ici. jQuery simplifie tout ce que vous voulez faire avec les éléments HTML. Le but principal de jQuery est de modifier les fichiers HTML et CSS d'un document Web, mais comment pouvons-nous réellement changer les éléments HTML. Nous pouvons insérer de nouveaux éléments, supprimer des éléments, ou même les modifier en utilisant les sélecteurs de jQuery que vous avez lu plus tôt.

Généralement, lorsque vous utilisez jQuery avec l'intention de changer le style d'un élément, vous voulez faire l'une des deux choses: ajouter / supprimer une classe à elle ou tout simplement changer une propriété CSS. Je dirais que c'est une pratique beaucoup mieux de toujours ajouter ou supprimer la classe, même si c'est juste une propriété, à / d'un élément. La raison en est que les classes sont facilement sélectionnées, mais les propriétés CSS nécessitent plus de travail.

Les effets utilisés dans jQuery sont probablement les effets cool que vous avez vu sur les sites Web d'autres. Ils sont extrêmement puissants et nécessitent en fait une quantité importante de JavaScript si vous deviez l'écrire sans utiliser les effets jQuery. Il est important de comprendre comment ces effets fonctionnent afin que vous ayez une meilleure connaissance de JavaScript. Souvent, nous nous trouvons à la recherche de la solution facile, mais en fait, c'est généralement la manière dure qui nous enseigne les leçons et les concepts que nous devrions connaître.

C'est génial, hein ? Nous utilisons les différents ids des boutons pour exécuter la fonction jQuery que nous voulons. Nous utilisons deux effets ici, se cachent et montrons pour changer la visibilité de la première

  • dans notre
      avec un id de someList. Évidemment, l'effet de peau est celui qui rend l'élément invisible, et l'effet de spectacle rend l'élément visible.

       

      • fadeOut() - anime l'élément de visible à caché
      • slideDown() - anime le changement de hauteur des éléments de caché à visible
      • slideUp() - anime le changement de hauteur des éléments de visible à caché
      • bascule() - alternatives entre les effets de spectacle et de peau

      Nous pouvons maintenant utiliser nos fonctions JavaScript en les référencent comme des événements en jQuery. Quelques-uns de ces événements vous sauveront la vie. Rappelez-vous lorsque vous avez utilisé les attributs de l'élément HTML comme onclick? Maintenant, vous pouvez simplement utiliser les sélecteurs jQuery qui écoutent tout le temps que l'utilisateur consulte la page. Les auditeurs sont utiles, donc vous encombrer votre code avec onclicks et autres attributs d'action HTML. Ainsi, chaque fois que vous voulez changer un événement, vous pouvez simplement aller à votre code JavaScript et ne pas avoir à passer au crible votre HTML.

      Une fois que le var i atteint 2 dans la boucle pour, il répond à la déclaration conditionnelle i 2, qui est ensuite exécuté. La déclaration exécutée est la rupture;. Une fois que la pause est exécutée, il nous sort réellement de la boucle pour, c'est pourquoi quand j'égale 2, nous sortons de la boucle pour et exécuter document.write( "Fin de la boucle"); au lieu de mettre fin à la boucle pour quand j'égale 5.

      Avant que nous enclions dans le commentaire,je veux vous avertir au sujet de la guerre lentement fin de la prise en charge du navigateur pour JavaScript. À l'époque, écrire dans JavaScript était une bataille. Vous auriez à écrire une tonne d'instructions différentes pour chaque type de navigateur différent. Heureusement, les navigateurs commencent à obtenir sur la même page, et JavaScript est pris en charge par tous les navigateurs modernes. Mise à jour: Plusieurs années après avoir écrit cet article, je dois avouer que le monde entier de JavaScript a changé. L'hypothèse dans le monde de la programmation est qu'un utilisateur aura JavaScript activé s'ils ont l'intention d'exécuter n'importe quel site Web populaire. Donc, s'il vous plaît code loin dans

  • Javascript.

    JavaScript a un certain nombre de façons de commenter

     

    Apprendre AJAX est un grand exploit pour n'importe quel développeur, mais quand il s'agit de développer, il est généralement préférable de garder les choses simples. jQuery a déjà des méthodes de fonctions JavaScript qui font presque tout ce que AJAX peut faire. Quel est l'intérêt de réécrire le long code qui est déjà à votre disposition ? Il n'y en a pas. Donc, si vous aimez vraiment la compréhension fondamentale de la programmation lire les tutoriels AJAX. Si ce n'est pas le cas, lisez le tutoriel AJAX sous jQuery.

    Javascript Arrays est un objet qui vous permet de stocker plusieurs valeurs dans une collection pour une référence facile. Par exemple, si vous vouliez suivre la position d'un utilisateur sur un certain temps, vous pouvez insérer les valeurs x et y dans un tableau. Arrays sont plus que juste l'exemple de x et y valeurs si.

    Disons que nous construisons une calculatrice. Au départ, nous pourrions penser que nous n'avons besoin que de variables. Nous en avons besoin d'un pour le premier numéro avant que l'opérateur soit pressé et un autre après. Félicitations pour nous d'être super statique. Peut-être voulons-nous maintenant être en mesure d'ajouter plus de 2 valeurs avant de calculer la somme. Nous aurions dû utiliser un tableau dès le début. Si nous avions utilisé un tableau, nous aurions pu mettre tous ces nombres dans un seul tableau, ce qui est 1000 fois mieux que d'avoir à créer une nouvelle variable pour chaque nombre. C'est un compliment dans le monde de la programmation si quelqu'un dit que votre codage est dynamique. Les tableaux sont en fait juste que, dynamique.

    jQuery rend le travail avec CSS un jeu d'enfant. La méthode ici est .css(), et il est utilisé très bien comme les autres méthodes ou actions dans jQuery. Alors que ce tutoriel entier ira à l'encontre de ma logique conventionnelle de seulement appending ou supprimer les classes, beaucoup d'entre vous le feront de cette façon parce qu'il est beaucoup plus simple. Je dois admettre que c'est un moyen très rapide et efficace d'appliquer les propriétés CSS à un élément HTML. S'il vous plaît juste ne pas vous peindre dans un coin en utilisant la méthode css après un sélecteur plus de quelques fois sur un seul élément.

    La méthode JQuery CSS a trois structures différentes pour ses 3 arguments différents.

    Les bibliothèques sont l'un des utilitaires les plus essentiels dans la trousse d'outils de tout programmeur. Bien sûr, vous pouvez construire tout votre code à partir de zéro, mais qui pourrait transformer un projet d'une semaine en quelque chose qui prend des mois. Les bibliothèques vous permettent d'automatiser les choses simples et de contourner les complications de scripts plus élaborés avec des alternatives propres. Heureusement, l'ascension rapide de Javascript à la proéminence signifie qu'il ya une énorme communauté de développer une collection diversifiée de bibliothèques. C'est le langage de script côté client de facto et une nécessité pratique si vous voulez un site Web dynamique ou une application qui offre des cloches et des sifflets au-delà de ce qui peut simplement être accompli avec HTML pur et CSS, mais il est assez puissant pour servir de base pour beaucoup plus complexe a pplications. Malheureusement, cette adoption enthousiaste signifie qu'il peut parfois être difficile de trouver la bonne bibliothèque pour répondre à vos besoins. L'importation d'un trop grand nombre de bibliothèques dans votre base de code peut rendre difficile de trouver les bonnes fonctions pour vos scripts, et pire encore, il peut créer des conflits dans vos fonctions qui pourraient nécessiter un débogage délicat. Que vous cherchiez à comprendre ce que Javascript peut faire grâce à la création d'un projet amateur ou de développement de supercharge sur vos projets professionnels, voici quelques-unes des meilleures bibliothèques Javascript disponibles.

    Qu'est-ce qu'il fait: Comme l'Internet des objets devient un élément si important du logiciel moderne, les utilisateurs exigent plus d'applications et de sites qui relient les informations qu'ils recherchent directement à leur vie quotidienne. Algolia Places facilite l'intégration des fonctionnalités de la carte dans vos programmes. En puisant dans la vaste base de données gratuite d'OpenStreetMap sur les sites mondiaux, il vous permet d'intégrer des fonctionnalités de carte et de les compléter directement dans votre code HTML.
    Les caractéristiques les plus cool: Algolia facilite l'intégration du type de fonctions de qualité de vie que vous trouverez sur Google Maps dans n'importe quelle application. Autocomplete est disponible pour les recherches d'adresse et de pays, ce qui signifie que les utilisateurs n'auront pas à passer au crible des endroits à des milliers de kilomètres pour traquer une adresse à quelques pâtés de maisons de là. Un algorithme de classement signifie que les résultats les plus pertinents s'afficheront en premier dans les flux de vos utilisateurs, et il ya même la possibilité de laisser les utilisateurs de réduire leurs résultats à l'aide d'une carte traditionnelle et la structure de broches en tirant à partir de ce même algorithme. Algolia tient compte des fautes de frappe avec son classement pour de meilleurs résultats. Les résultats de recherche de la base de données OSM peuvent même être liés à vos indices internes pour créer des résultats intelligents et ciblés adaptés à votre énoncé de mission.

    Qu'est-ce qu'il fait: Bien que la valeur de Javascript en tant que langue soit bien méritée, cela ne signifie pas qu'elle n'est pas sansDéfauts. Celui qui sort le plus est peut-être sa bibliothèque standard très limitée. Il y a de fortes chances que cela ne change pas de sitôt; donc si vous voulez augmenter la fonctionnalité de vos programmes sans avoir à construire des lignes de code étendues, vous allez probablement vouloir une bibliothèque d'utilité. Underscore est l'un des meilleurs autour, fournissant une vaste gamme de fonctions qui élargissent votre Javascript natif sans vous obliger à étendre tous les objets Javascript intégrés.
    Les caractéristiques les plus cool: Bien qu'il ne peut pas être la chose la plus sexy autour, Underscore est exceptionnellement bon pour trier les choses et la manipulation des données. Un grand nombre de ces fonctions sont le genre de normes que les utilisateurs migrateurs pourraient s'attendre à des langages fonctionnels comme Python qui sont construits pour la visualisation et la manipulation des données. La fonction de prélèvement vous permet de créer un tableau de valeurs de propriété en utilisant une fraction du code. Il ya aussi la possibilité de cartographier les tableaux, créer une liste étendue d'entiers, et inverser les touches et les valeurs dans n'importe quel objet. FindWhere est un élément essentiel pour toute personne travaillant avec de grands ensembles de données, vous permettant d'identifier rapidement la première correspondance dans vos paires de valeur clé répertoriées.

    Qu'est-ce qu'il fait: HTML et CSS sont cool, mais la mise en place d'une interface utilisateur élégante et moderne peut nécessiter un codage incroyablement complexe et des contournements délicats. Construit en 2013 par Jordan Walke, React s'est rapidement positionné sur l'une des bibliothèques les plus populaires pour la mise en place d'une interface de travail. Il y a une bonne raison à ça aussi. React offre toute une mine d'outils que vous pouvez utiliser pour créer une interface qui semble lisse et s'adapte de manière réactive pour répondre aux demandes de plusieurs appareils. Sa structure déclarative signifie que vous pouvez faire des adaptations à votre code facilement sans avoir à vous soucier de la rupture des fondamentaux et vous devez reconstruire votre structure à partir de zéro. Une structure à composants intelligemment conçue vous permet de créer des interfaces extrêmement complexes avec beaucoup moins d'agitation.
    Les caractéristiques les plus cool: PropType est une fonction particulièrement cool, car elle vous permet de déboguer plus facilement votre programme en définissant des paramètres de validation de données pour chacun de vos composants. Pendant ce temps, Object.assign permet une comparaison rapide des composants lors des fonctions de test afin que vous puissiez éviter les redondances plus facilement.

    Qu'est-ce qu'il fait: Premonish est une bibliothèque courte et douce qui vous permet de créer facilement des sites qui prédisent et répondent aux mouvements du curseur de vos visiteurs. Une simple API facilite l'intégration dans votre site. En calculant l'emplacement et la vitesse de votre curseur, Premonish vous permet de mettre en évidence des éléments sur votre page grâce à l'utilisation d'une variété de fonctions CSS. Bien qu'il puisse manquer dans sa variété, c'est une bibliothèque utile pour garder autour si vous voulez que votre site de se démarquer du reste du troupeau.
    Les caractéristiques les plus cool: Premonish est une bibliothèque simple qui fait exactement ce qu'il dit sur l'emballage. La fonction prémonish vous permet de relier les effets CSS dynamiques qui répondent à l'entrée de l'utilisateur.

    Qu'est-ce qu'il fait: L'importation de Voca apportera toute une série de fonctions de manipulation de cordes à votre projet. Travailler avec des cordes peut être une vraie douleur dans la version vanille de Javascript, mais Voca est livré avec un ensemble de fonction profonde qui peut condenser des tâches laborieuses dans une seule ligne de code. Voca est également éminemment modulaire. Cela signifie que vous pouvez importer l'ensemble de la bibliothèque directement dans votre projet ou tout simplement choisir les fonctions qui vous sont propres, réduisant le risque de licenciements et de faire pour une base de code plus propre. Cette fonctionnalité plug and play est encore renforcée par le fait qu'il s'agit d'une bibliothèque sans dépendances.
    Les caractéristiques les plus cool: Les fonctions disponibles via Voca sont incroyablement denses. Vous trouverez une douzaine de fonctions de cas qui vous permettent de manipuler votre texte dans des normes pratiques comme le cas supérieur et titre ainsi que des variations plus complexes comme le chameau et le cas de serpent. Creuser plus profondément offre des options de manipulation encore plus robustes. Vous pouvez découper des chaînes à des caractères et des points de code particuliers ou utiliser des fonctions de tronquation ou de tranche plus flexibles. En outre, Voca offre des options robustes pour le formatage, le comptage et l'indexation des chaînes pour une analyse des cordes plus complexe.

    Microsoft.com 

    1. Test
    2. Translation
    3. Image
    4. Source
    •      Contenu
    •      Syndication
    •      Mémoire

    src'"https://italent2.demo.lithium.com/t5/image/serverpage/image-id/2268i0EFA1170B2EFC0DF/image-size/larg..." alt'"lithium-small.jpg" title

    title="Video">

     

     

    11 REPLIES 11

    Réponse en anglais

     

    La réponse de Suresh en anglais