Suite

L'interface utilisateur mobile JQuery peut-elle fournir une table attributaire créée par l'utilisateur pour une entité ponctuelle créée par l'utilisateur ?

L'interface utilisateur mobile JQuery peut-elle fournir une table attributaire créée par l'utilisateur pour une entité ponctuelle créée par l'utilisateur ?


J'envisage d'utiliser l'interface utilisateur mobile JQuery et j'aimerais que l'utilisateur de l'application puisse créer son propre point sur la carte et ajouter quelques attributs courts. Une idée si c'est possible ? Merci d'avance.


Oui, de nombreuses personnes utilisent JQuery Mobile avec leur choix d'API de cartographie. J'utilise à la fois Google Maps et les API de cartographie Web JavaScript d'ESRI avec JQuery Mobile. Si vous envisagez de le faire avec l'API Google Maps v3, voici un excellent ensemble d'exemples.


Pensez à la façon dont vous chargez différents types de ressources sur le Web. Pour JS, nous avons <script src> . Pour CSS, votre choix est probablement <link rel="stylesheet"> . Pour les images, c'est <img> . La vidéo a <video> . Audio, <audio> . Arriver au point! La majorité du contenu du Web a un moyen simple et déclaratif de se charger. Ce n'est pas le cas pour le HTML. Voici vos options :

  1. <iframe> - essayé et vrai mais poids lourd. Le contenu d'un iframe vit entièrement dans un contexte distinct de celui de votre page. Bien que ce soit principalement une fonctionnalité intéressante, cela crée des défis supplémentaires (il est difficile de réduire la taille du cadre à son contenu, incroyablement frustrant pour le script dans / hors, presque impossible à styliser).
  2. AJAX - J'adore xhr.responseType="document" , mais vous dites que j'ai besoin de JS pour charger du HTML ? Cela ne semble pas juste.
  3. CrazyHacks™ - intégré dans des chaînes, masqué sous forme de commentaires (par exemple, <script type="text/html"> ). Beurk !

Vous voyez l'ironie ? Le contenu le plus basique du Web, le HTML, nécessite le plus d'efforts pour travailler avec. Heureusement, les composants Web sont là pour nous remettre sur la bonne voie.


[ 35+ ] Questions d'entretien jQuery ESSENTIELLES & Réponses

jQuery est une bibliothèque JavaScript légère, “écrire moins, faire plus”. Le but de jQuery est de rendre beaucoup plus facile l'utilisation de JavaScript sur votre site Web. jQuery prend beaucoup de tâches courantes qui nécessitent de nombreuses lignes de code JavaScript à accomplir et les encapsule dans des méthodes que vous pouvez appeler avec une seule ligne de code. Cela simplifie également beaucoup de choses compliquées de JavaScript, comme les appels AJAX et DOM manipulation.

1. Qu'est-ce que jQuery ?

jQuery est une bibliothèque JavaScript côté client rapide et riche en fonctionnalités. Il est multiplateforme et prend en charge différents types de navigateurs. Il a fourni un coup de pouce bien nécessaire à JavaScript. Avant jQuery, les codes JavaScript étaient longs et volumineux, même pour les petites fonctions. Cela rend un site Web plus interactif et attrayant.

2. JQuery est-il un langage de programmation ?

jQuery n'est pas un langage de programmation mais un code JavaScript bien écrit. Il est utilisé pour parcourir les documents, la gestion des événements, l'interaction Ajax et l'animation.

3. Quelle est la différence entre JavaScript et jQuery ?

La simple différence est que JavaScript est un langage tandis que jQuery est une bibliothèque intégrée conçue pour JavaScript. jQuery simplifie l'utilisation du langage JavaScript.

4. JQuery remplace-t-il JavaScript ?

Non, jQuery ne remplace pas JavaScript. jQuery est écrit au-dessus de JavaScript, et c'est une bibliothèque différente. jQuery est une bibliothèque JavaScript légère qui est utilisée pour interagir avec JavaScript et HTML.

5. Pourquoi utilisons-nous jQuery ?

  • Il est très facile à apprendre et à utiliser.
  • Il est utilisé pour développer des applications Web compatibles avec les navigateurs.
  • Il améliore les performances d'une application.
  • Il est très rapide et extensible.
  • Il vous permet d'écrire un minimum de lignes de codes pour les fonctions liées à l'interface utilisateur.
  • Il fournit un support multi-navigateur.

6. Qu'est-ce que $(. dans la bibliothèque jQuery ?

La fonction $() est un alias de la fonction jQuery(). Il est utilisé pour envelopper n'importe quel objet dans un objet jQuery, ce qui vous permet plus tard d'appeler les différents objets jQuery définis par la méthode. Vous pouvez passer une chaîne de sélection à $(. function, et elle renvoie un objet jQuery qui contient un tableau de tous les éléments DOM correspondants.

7. Quelles sont les méthodes d'effets utilisées dans jQuery ?

Voici quelques méthodes d'effets utilisées dans jQuery :

  • show() – Affiche ou montre les éléments sélectionnés.
  • hide() – Il masque les éléments correspondants ou sélectionnés.
  • toggle() – Affiche ou masque les éléments correspondants. En d'autres termes, il bascule entre les méthodes hide(. et shows(.).
  • fadeIn() – Il affiche les éléments appariés en le faisant fondre en opaque. En d'autres termes, il s'estompe dans les éléments sélectionnés.
  • fadeOut() – Il affiche les éléments appariés en le rendant transparent. En d'autres termes, il fait disparaître les éléments sélectionnés.

8. Quelle est l'utilisation de la méthode toggle() dans JQuery ?

Le jQuery toggle() est un type particulier de méthode qui est utilisé pour basculer entre les méthodes hide() et show(). Il affiche les éléments cachés et masque l'élément affiché.

  • $(selector..toggle()
  • $(selector..toggle(speed, callback)
  • $(selector..toggle(speed, easing, callback)
  • $(selector..toggle(display)
  • la vitesse: C'est un paramètre facultatif. Il spécifie la vitesse du retard. Ses valeurs possibles sont lentes, rapides et millisecondes.
  • assouplissement : Il spécifie la fonction d'accélération à utiliser pour la transition.
  • rappeler: C'est aussi un paramètre facultatif. Il spécifie la fonction à appeler après la fin de toggle(. effect.
  • affichage: Si vrai, il affiche un élément. Si false, il masque l'élément.

9. Quel est le but de la méthode fadeToggle() dans JQuery ?

La méthode jQuery fadeToggle() est utilisée pour basculer entre les méthodes fadeIn() et fadeOut(.. Si les éléments sont fondus, cela les fait disparaître, et s'ils sont fondus, cela les fait disparaître.

  • $(selector..fadeToggle()
  • $(selector..fadeToggle(speed,callback)
  • $(selector..fadeToggle(speed, easing, callback)
  • speed : C'est un paramètre facultatif. Il spécifie la vitesse du retard. Ses valeurs possibles sont lentes, rapides et millisecondes.
  • easing : Il spécifie la fonction d'accélération à utiliser pour la transition.
  • callback : C'est aussi un paramètre facultatif. Il spécifie la fonction à appeler après la fin de l'effet fadeToggle().

10. Quelle est l'utilisation de la méthode delay() dans JQuery ?

La méthode jQuery delay(. est utilisée pour retarder l'exécution des fonctions dans la file d'attente. C'est la meilleure méthode pour retarder l'exécution des effets jQuery mis en file d'attente. La méthode jQUEry delay (.) définit une minuterie pour retarder l'exécution de l'élément suivant dans la file d'attente.

  • speed : C'est un paramètre facultatif. Il spécifie la vitesse du retard. Ses valeurs possibles sont lentes, rapides et millisecondes.
  • queueName : C'est aussi un paramètre facultatif. Il spécifie le nom de la file d'attente. Sa valeur par défaut est “fx” l'effet de file d'attente standard.

11. Est-il possible que jQuery HTML fonctionne à la fois pour les documents HTML et XML ?

Non, jQuery HTML ne fonctionne que pour les documents HTML. Cela ne fonctionne pas pour les documents XML.

12. A quoi sert la méthode html() dans JQuery ?

La méthode jQuery html() est utilisée pour modifier tout le contenu des éléments sélectionnés. Il remplace le contenu de l'élément sélectionné par un nouveau contenu.

13. Quelle est l'utilisation de la méthode css(. dans JQuery ?

La méthode jQuery CSS(. est utilisée pour obtenir (retourner. ou définir des propriétés de style ou des valeurs pour les éléments sélectionnés. Elle vous permet d'obtenir une ou plusieurs propriétés de style. La méthode jQuery CSS(. propose deux méthodes :

  • Définissez une propriété CSS : Cette propriété est utilisée pour définir une valeur spécifique pour tous les éléments correspondants.

14. La bibliothèque jQuery est-elle utilisée pour les scripts serveur ou client ?

C'est une bibliothèque pour les scripts côté client.

15. JQuery est-il une norme W3C ?

Non, jQuery n'est pas une norme W3C.

16. Quel est le point de départ de l'exécution du code dans jQuery ?

$(document..ready(. function est le point de départ du code jQuery. Il est exécuté lorsque DOM est chargé.

17. Quelle est la condition de base pour commencer avec jQuery ?

Vous devez vous référer à sa bibliothèque pour commencer avec jQuery. Vous pouvez télécharger la dernière version de jQuery sur jQuery.com.

18. Pouvez-vous utiliser un autre nom à la place de $ (signe dollar. dans jQuery ?

Oui, au lieu de $ (signe dollar. nous pouvons utiliser jQuery comme nom de fonction. Par exemple :

19. Pouvez-vous utiliser plusieurs fonctions document.ready() sur la même page ?

Oui. Vous pouvez utiliser n'importe quel nombre de fonctions document.ready(. sur la même page. Par exemple :

20. Quelle est la différence entre les méthodes find et children ?

La méthode Find est utilisée pour rechercher tous les niveaux dans l'arborescence DOM, tandis que la méthode children est utilisée pour rechercher un seul niveau dans l'arborescence DOM.

21. Qu'est-ce qu'un CDN ?

CDN signifie Content Delivery Network ou Content Distribution Network. Il s'agit d'un grand système distribué de serveurs déployés dans plusieurs centres de données sur Internet. Il fournit les fichiers des serveurs à une bande passante plus élevée qui conduit à un temps de chargement plus rapide. Voici plusieurs entreprises qui fournissent des CDN publics gratuits :

22. Quel est l'objectif du CDN et quels sont les avantages d'utiliser le CDN ?

L'objectif principal du CDN est de fournir du contenu aux utilisateurs finaux avec une haute disponibilité et de hautes performances.

Avantages de l'utilisation du CDN :

  • Cela réduit la charge du serveur.
  • Il économise de la bande passante. Le framework jQuery est chargé plus rapidement à partir de ces CDN.
  • Si un utilisateur visite régulièrement un site qui utilise le framework jQuery à partir de l'un de ces CDN, il sera mis en cache.

23. Comment pouvez-vous utiliser une bibliothèque jQuery dans votre projet ?

Vous pouvez utiliser une bibliothèque jQuery dans le projet ASP.Net en téléchargeant la dernière bibliothèque jQuery sur jQuery.com et inclure les références au fichier de bibliothèque jQuery dans votre page HTML/PHP/JSP/Aspx.

  • <script src=”_scripts/jQuery-1.2.6.js” type=”text/javascript”></script>
  • <script language=”javascript”>
  • $(document..prêt(fonction(. <
  • alerte(‘test’.
  • >.
  • </script>

24. Quels sont les sélecteurs dans jQuery ? Combien de types de sélecteurs dans jQuery ?

Si vous souhaitez travailler avec un élément sur la page Web, vous devez d'abord le trouver. Les sélecteurs trouvent les éléments HTML dans jQuery. Il existe plusieurs types de sélecteurs. Certains sélecteurs de base sont :

  • Nom : Il est utilisé pour sélectionner tous les éléments qui correspondent au nom de l'élément donné.
  • #ID: Il est utilisé pour sélectionner un seul élément qui correspond à l'ID donné
  • .Class : Il est utilisé pour sélectionner tous les éléments qui correspondent à la Classe donnée.
  • Universel (*. : permet de sélectionner tous les éléments disponibles dans un DOM.
  • Éléments multiples E, F, G : Il est utilisé pour sélectionner les résultats combinés de tous les sélecteurs spécifiés E, F ou G.
  • Sélecteur d'attribut : Il est utilisé pour sélectionner des éléments en fonction de sa valeur d'attribut.

25. A quoi servent les filtres jQuery ?

Le filtre jQuery est utilisé pour filtrer les valeurs spécifiques de l'objet. Il filtre le résultat de votre requête d'origine en éléments spécifiques.

26. Quels sont les différents types de sélecteurs dans jQuery ?

Il existe trois types de sélecteurs dans jQuery :

27. Quelle est la différence entre le sélecteur d'ID et le sélecteur de classe dans jQuery ?

  • Le sélecteur d'ID et le sélecteur de classe sont les mêmes qu'en CSS. Le sélecteur d'ID utilise l'ID tandis que le sélecteur de classe utilise une classe pour sélectionner des éléments.
  • Vous utilisez un sélecteur d'ID pour sélectionner un seul élément. Si vous souhaitez sélectionner un groupe d'éléments ayant la même classe CSS, utilisez le sélecteur de classe.

28. Quelle est l'utilisation de la méthode serialize() dans JQuery ?

La méthode jQuery serialize() est utilisée pour créer une chaîne de texte en notation standard encodée URL. Il sérialise les valeurs du formulaire afin que ses valeurs sérialisées puissent être utilisées dans la chaîne de requête URL lors de l'exécution d'une requête AJAX.

29. Quelle est l'utilisation de la méthode val() dans JQuery ?

La méthode jQuery val() est utilisée :

  • Pour obtenir la valeur actuelle du premier élément de l'ensemble des éléments correspondants.
  • Pour définir la valeur de chaque élément correspondant.

30. Comment ajouter et supprimer des classes CSS à un élément en utilisant jQuery ?

Vous pouvez utiliser addclass(. méthode jQuery pour ajouter une classe CSS à un élément et removeclass(. méthode jQuery pour supprimer la classe CSS d'un élément.

  • <!DOCTYPE html>
  • <html>
  • <head>
  • <title>jExemple de requête</title>
  • <script type=&rdquotext/javascript&rdquo src=&rdquohttps://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js&rdquo>
  • </script>
  • <script type=&rdquotext/javascript&rdquo language=&rdquojavascript&rdquo>
  • $(document..prêt(fonction(.
  • <
  • $(&ldquo#btn&rdquo..click(function(.
  • <
  • $(&ldquo#para&rdquo..addClass(&ldquochange&rdquo.
  • >.
  • >.
  • </script>
  • <style>
  • .changement
  • <
  • Couleur bleue
  • >
  • </style>
  • </tête>
  • <corps>
  • La méthode <p ajoute une classe CSS à partir d'un élément</p>
  • <input type=&rdquobutton&rdquo value=&rdquoCliquez sur moi&rdquo>
  • </corps>
  • </html>
  • <!DOCTYPE html>
  • <html>
  • <head>
  • <title>jExemple de requête</title>
  • <script type=&rdquotext/javascript&rdquo src=&rdquohttps://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js&rdquo>
  • </script>
  • <script type=&rdquotext/javascript&rdquo language=&rdquojavascript&rdquo>
  • $(document..prêt(fonction(.
  • <
  • $(&ldquo#btn&rdquo..click(function(.
  • <
  • $(&ldquop&rdquo..removeClass(&ldquochange&rdquo.
  • >.
  • >.
  • </script>
  • <style>
  • .changement
  • <
  • Couleur bleue
  • >
  • </style>
  • </tête>
  • <corps>
  • La méthode <p supprime la classe CSS d'un élément</p>
  • <input type=&rdquobutton&rdquo value=&rdquoCliquez sur moi&rdquo>
  • </corps>
  • </html>

Obtenez le cours de formation jquery à la demande & Devenez PRÊT POUR L'EMPLOI

31. Pouvez-vous écrire un code jQuery pour sélectionner tous les liens à l'intérieur du paragraphe ?

Oui. Vous pouvez utiliser la balise <a> imbriquée dans la balise de paragraphe <p> pour sélectionner tous les liens. Par exemple:

  • <!DOCTYPE html>
  • <html>
  • <head>
  • <title>jExemple de requête</title>
  • <script type=&rdquotext/javascript&rdquo src=&rdquohttps://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js&rdquo>
  • </script>
  • <script type=&rdquotext/javascript&rdquo language=&rdquojavascript&rdquo>
  • $(document..prêt(fonction(.
  • <
  • $(&ldquo a&rdquo..attr(&ldquohref&rdquo, &ldquohttps://www.javatpoint.com&rdquo.
  • >.
  • </script>
  • </tête>
  • <corps>
  • <p><a>Apprendre JavaScript</a></p>
  • <p><a>Apprendre jQuery</a></p>
  • </corps>
  • </html>

32. Quelle est la différence entre prop et attr ?

  • attr() : Il obtient la valeur d'un attribut pour le premier élément de l'ensemble des éléments correspondants.
  • soutenir(): il obtient la valeur d'une propriété pour le premier élément de l'ensemble des éléments appariés. Il est introduit dans jQuery 1.6.

33. Quels sont les deux types de CDN ?

Il existe deux types de CDN :

  • Microsoft : il charge jQuery depuis AJAX CDN.
  • Google : Il charge jQuery à partir de l'API des bibliothèques Google.

34. Quelle est l'utilisation de la méthode animate(. dans jQuery ?

La fonction d'animation est utilisée pour appliquer l'effet d'animation personnalisé aux éléments. Syntaxe:

  • $(sélecteur..animer(, [durée], [assouplissement], [rappel].
  • “param” définit les propriétés CSS sur lesquelles vous souhaitez appliquer l'animation.
  • “duration” spécifie la durée d'exécution de l'animation. Il peut s'agir de l'une des valeurs suivantes : “slow,” “fast,” “normal” ou millisecondes
  • “easing” est la chaîne qui spécifie la fonction de la transition.
  • “callback” est la fonction que nous voulons exécuter une fois l'effet d'animation terminé.

35. Qu'est-ce que jQuery Ajax ?

AJAX est un acronyme pour Asynchronous JavaScript and XML et cette technologie nous aide à charger des données et à échanger des données avec le serveur sans rafraîchir la page du navigateur. JQuery est un excellent outil qui fournit un riche ensemble de méthodes AJAX pour développer des applications Web de nouvelle génération.

36. Que fait la méthode ajax() ?

Cette méthode envoie une requête http asynchrone au serveur.

37. Que sont les événements jQuery Ajax ?

La bibliothèque jQuery comprend également des événements qui seront déclenchés en fonction de l'état de la requête Ajax, ils sont appelés événements Ajax.

38. Que fait la méthode d'événement jQuery Ajax ajaxComplete() ?

Chaque fois qu'une requête Ajax se termine, jQuery déclenche l'événement ajaxComplete. Tous les gestionnaires qui ont été enregistrés avec la méthode .ajaxComplete(. sont exécutés à ce moment.

39. Que fait la méthode d'événement jQuery ajax ajaxStart() ?

Chaque fois qu'une requête Ajax est sur le point d'être envoyée, jQuery vérifie s'il existe d'autres requêtes Ajax en attente. Si aucun n'est en cours, jQuery déclenche l'événement ajaxStart. Tous les gestionnaires qui ont été enregistrés avec la méthode .ajaxStart(. sont exécutés à ce moment-là.

40. Que sont les événements dans jQuery ?

Répondre aux actions des utilisateurs sur une page Web est appelé événements. jQuery fournit des méthodes simples pour attacher des gestionnaires d'événements aux sélections. Lorsqu'un événement se produit, la fonction fournie est exécutée.

41. Quelles sont les catégories dans jquery Events ?

Les événements DOM courants sont les suivants

42. Quels sont les sélecteurs dans jQuery et quels sont les types de sélecteurs ?

Si vous souhaitez travailler avec un élément sur la page Web, vous devez d'abord le trouver ou le sélectionner. Les sélecteurs trouvent les éléments HTML à l'aide de jQuery.

Il existe de nombreux types de sélecteurs dans la bibliothèque jQuery. Certains sélecteurs de base sont :

  • Nom : Il est utilisé pour sélectionner tous les éléments qui correspondent au nom de l'élément donné.
  • #ID: Il est utilisé pour sélectionner un seul élément qui correspond à l'ID donné
  • .Class : Il est utilisé pour sélectionner tous les éléments qui correspondent à la Classe donnée.
  • Universel (*. : Il permet de sélectionner tous les éléments disponibles dans un DOM.
  • Éléments multiples E, F, G : Il est utilisé pour sélectionner les résultats combinés de tous les sélecteurs spécifiés E, F ou G.
  • Sélecteur d'attribut : Il est utilisé pour sélectionner des éléments en fonction de sa valeur d'attribut.

43. Qu'est-ce que le chaînage de méthodes dans jQuery ? Donnez un exemple. Quels avantages offre-t-il ?

Le chaînage de méthodes est une fonctionnalité de jQuery qui permet d'exécuter plusieurs méthodes sur une sélection jQuery en séquence dans une seule instruction de code. Par exemple, les extraits de code suivants sont équivalents :

Sans chaînage :

  • $( “button#play-movie” ).on( “click”, playMovie )
  • $( “button#play-movie” ).css( “background-color”, “orange” )
  • $( “button#play-movie” ).show()

Avec chaînage :

  • $( “button#play-movie” ).on( “click”, playMovie )
  • $( “button#play-movie” ).on( “click”, playMovie )
  • .spectacle()

Notez qu'avec le chaînage, le bouton n'a besoin d'être sélectionné qu'une seule fois, alors que sans chaînage, jQuery doit rechercher tout le DOM et trouver le bouton avant que chaque méthode ne soit appliquée. Ainsi, en plus de produire un code plus concis, le chaînage de méthodes dans jQuery offre un avantage de performances potentiellement puissant.

Noter: Pour être tout à fait précis, il convient de noter que le chaînage de méthodes dans jQuery n'est pas le seulement moyen d'éviter les recherches répétitives dans tout le DOM. On pourrait également définir une variable égale aux résultats de recherche DOM initiaux (c'est-à-dire, dans l'exemple ci-dessus, on pourrait définir une variable égale à $( “button#play-movie” puis appeler le on(), css() , et show() sur cette variable). Cela dit, le chaînage reste l'option la plus concise et la plus efficace et ne nécessite pas de mettre en cache le résultat dans une variable locale.

44. Quelle est la différence entre les méthodes onload() et document.ready() ?

L'événement Body.Onload() ne sera appelé qu'après le chargement du DOM et des ressources associées telles que les images, mais l'événement jQuery’s document.ready() sera appelé une fois le DOM chargé et il n'attend pas les ressources telles que les images à charger.

45. Qu'est-ce que jQuery connect ?

Un ‘jQuery connect’ est un plug-in utilisé pour connecter ou lier une fonction à une autre fonction. Connect est utilisé pour exécuter une fonction chaque fois qu'une fonction d'un autre objet ou plug-in est exécutée.

46. ​​JQuery est-il requis pour le bootstrap ?

Bootstrap utilise jQuery pour les plugins JavaScript (comme les modèles, les info-bulles, etc. Cependant, si vous utilisez uniquement la partie CSS de Bootstrap, vous n'avez pas besoin de jQuery.

47. Qu'est-ce que jQuery Mobile ?

jQuery Mobile est un système d'interface utilisateur basé sur HTML5 conçu pour créer des sites Web et des applications réactifs accessibles sur tous les smartphones, tablettes et appareils de bureau.

48. Quelle est la différence entre jquery.min.js et jquery.js ?

jquery.min.js est une version compressée de jquery.js (les espaces et les commentaires sont supprimés, des noms de variables plus courts sont utilisés, etc. afin de préserver la bande passante. En termes de fonctionnalités, ils sont absolument identiques. Il est recommandé de utiliser cette version compressée dans l'environnement de production.L'efficacité de la page Web augmente lorsque la version réduite de jQuery est utilisée.

49. Est-il possible que jQuery HTML fonctionne à la fois pour les documents HTML et XML ?

Non, jQuery HTML ne fonctionne que pour les documents HTML. Cela ne fonctionne pas pour les documents XML.

50. Qu'est-ce que l'interface utilisateur jQuery ?

jQuery UI est un ensemble d'interactions d'interface utilisateur, d'effets, de widgets et de thèmes construits au-dessus de la bibliothèque JavaScript jQuery. jQuery UI fonctionne bien pour les applications Web hautement interactives avec de nombreux contrôles ou pour une simple page avec un contrôle de sélecteur de date.

Inscrivez-vous à la formation jquery en temps réel dispensée par des experts de l'industrie

51. Qu'est-ce qu'un plug-in Data Table pour jQuery ?

DataTables est un plug-in pour la bibliothèque Javascript jQuery. C'est un outil très flexible, construit sur les bases de l'amélioration progressive, qui ajoute des fonctionnalités avancées à n'importe quel tableau HTML.

52. Qu'est-ce que Qunit ?

QUnit est un framework de test unitaire JavaScript puissant et facile à utiliser. Il est utilisé par les projets jQuery, jQuery UI et jQuery Mobile et est capable de tester n'importe quel code JavaScript générique.

53. Quel est l'avantage d'héberger un jQuery à l'aide d'un CDN ?

CDN signifie Content Delivery Network ou Content Distribution Network. Il s'agit d'un grand système distribué de serveurs déployés dans plusieurs centres de données sur Internet. Il fournit les fichiers des serveurs à une bande passante plus élevée qui conduit à un temps de chargement plus rapide.

Les avantages de l'utilisation du CDN sont-

  • Le temps de téléchargement de la bibliothèque jQuery sera réduit. Par exemple, – les utilisateurs en Europe atteindront le CDN en Europe et les utilisateurs aux États-Unis atteindront le CDN américain. En conséquence, cela réduira le temps de chargement global de la page.
  • La bibliothèque jQuery sera déjà mise en cache dans le navigateur de l'utilisateur si l'utilisateur visite un autre site Web qui fait référence à la même bibliothèque jQuery. Dans ce cas, l'utilisateur n'a pas besoin de télécharger la bibliothèque jQuery.

54. Expliquez la différence entre les méthodes .detach() et remove() dans jQuery.

Les méthodes detach() et remove() sont les mêmes, sauf que .detach() conserve toutes les données jQuery associées aux éléments supprimés et .remove() ne le fait pas. detach() est donc utile lorsque des éléments supprimés doivent être réinsérés dans le DOM ultérieurement.

55. Une bibliothèque jQuery peut-elle être utilisée pour les scripts de serveur ?

jQuery est conçu avec la fonctionnalité de script côté client. jQuery n'est pas compatible avec les scripts côté serveur.

56. Quelle est l'utilisation de la fonction jQuery .each() ?

La fonction “jQuery.each()” est une fonction générale qui va parcourir une collection (type objet ou type tableau). Les objets de type tableau avec une propriété de longueur sont itérés par leur position d'index et leur valeur. D'autres objets sont itérés sur leurs propriétés clé-valeur. La fonction “jQuery.each()” fonctionne cependant différemment de la fonction $(selector).each() qui fonctionne sur l'élément DOM à l'aide du sélecteur. Mais les deux itèrent sur un objet jQuery.

57. Quelles sont les méthodes utilisées pour produire des effets ?

jQuery fournit de nombreux effets étonnants, nous pouvons appliquer ces effets rapidement et avec une configuration simple. L'effet peut masquer, afficher, basculer, fondu enchaîné, fondu enchaîné, fondu enchaîné, etc.

  • animate( params, [duration, easing, callback] . Cette fonction crée des animations personnalisées pour vos éléments HTML.
  • fadeIn( speed, [callback] . Cette fonction fusionne tous les éléments correspondants en ajustant leur opacité et en lançant un rappel facultatif une fois terminé.
  • fadeOut( speed, [callback] . Cette fonction est utilisée pour masquer tous les éléments correspondants en ajustant leur opacité à 0, puis en réglant l'affichage sur “none” et en lançant un rappel facultatif une fois terminé.
  • fadeTo( speed, opacity, callback . Cette fonction fusionne l'opacité de tous les éléments correspondants à une opacité spécifiée et déclenche un rappel facultatif une fois terminé.
  • stop( [clearQueue, gotoEnd ]. Cette fonction arrête toutes les animations en cours.

58. Comment gérer l'attribut Controls à l'aide de jQuery ?

Pour gérer les attributs des contrôles à l'aide de jQuery, nous avons utilisé .addClass(., .removeClass(., .css(., .toggleClass(., etc.) pour gérer tous les attributs css et html de tout contrôle html.

59. Comment travailler avec les méthodes parent(), children() et siblings() dans jQuery ?

La fonction parent() renvoie le parent de l'élément sélectionné en appelant la fonction jQuery parent(). La fonction siblings() renvoie tous les frères et sœurs d'éléments HTML donnés.

60. Expliquez ce que le code suivant fera :

$( “div#first, div.first, ol#items > [nom$=’first’]” )

Ce code exécute une requête pour récupérer tout élément <div> avec l'id en premier, ainsi que tous les éléments <div> avec la classe en premier, ainsi que tous les éléments qui sont des enfants de l'élément <ol et dont l'attribut name se termine par la chaîne “first”. Ceci est un exemple d'utilisation de plusieurs sélecteurs à la fois. La fonction renverra un objet jQuery contenant les résultats de la requête.

61. Définir les éléments bind() et unbind dans jQuery ?

La méthode jQuery bind () attache un gestionnaire d'événements aux éléments, tandis que unbind () détache un gestionnaire d'événements existant des éléments. Utilisez du code HTML de base pour créer les éléments HTML.

62. Comment supprimer un élément DOM à l'aide de jQuery ?

Parfois, nous avons l'obligation de supprimer tous les nœuds enfants et de supprimer les éléments DOM à l'aide de jQuery pour créer une page Web dynamique. Dans ce scénario, jQuery fournit quelques méthodes pour supprimer les éléments DOM. Voici les options :

63. Quels sont les types de filtres jQuery ?

JQuery prend en charge différents types de filtres, tels que :

64. À quoi sert la méthode jQuery.ajax() ?

La méthode ajax() est utilisée pour faire une requête AJAX (requête HTTP asynchrone. Elle offre plus de contrôle sur l'envoi de données et sur les données de réponse. Elle permet la gestion des erreurs qui se produisent lors d'un appel et les données si l'appel à l'ajax la page est réussie.

Voici la liste de certains paramètres de base requis pour la méthode jQuery.ajax :

  • type : Spécifie le type de requête (GET ou POST).
  • URL : spécifie l'URL à laquelle envoyer la demande. La valeur par défaut est la page actuelle.
  • contentType : Le type de contenu utilisé lors de l'envoi de données au serveur. La valeur par défaut est “application/x-www-form-urlencoded”.
  • dataType : Le type de données attendu de la réponse du serveur.
  • data : spécifie les données à envoyer au serveur.
  • success(result,status,xhr. : une fonction à exécuter lorsque la requête aboutit.
  • error(xhr,status,error. : une fonction à exécuter si la requête échoue.

65. Qu'est-ce qu'un attribut dans jQuery ?

Il existe de nombreuses propriétés importantes des éléments DOM ou HTML telles que pour la balise <img> le src, la classe, l'id, le titre et d'autres propriétés. jQuery fournit des moyens de manipuler facilement un attribut d'éléments et nous donne accès à l'élément afin que nous puissions également modifier ses propriétés.

  • attr( properties ) – Définir un objet clé/valeur en tant que propriétés de tous les éléments correspondants.
  • attr( key, fn ) – Définit une propriété unique à une valeur calculée, sur tous les éléments correspondants.
  • removeAttr( name ) – Supprime un attribut de chacun des éléments correspondants.
  • hasClass( class ) – Renvoie true si la classe spécifiée est présente sur au moins un des ensembles d'éléments correspondants.
  • removeClass( class ) – Supprime tout ou la ou les classes spécifiées de l'ensemble des éléments correspondants.
  • toggleClass( class ) – Ajoute la classe spécifiée si elle n'est pas présente, supprime la classe spécifiée si elle est présente.
  • html( ) ​​– Récupère le contenu HTML (innerHTML. du premier élément correspondant.
  • html( val ) – Définit le contenu HTML de chaque élément correspondant.
  • text( ) – Obtient le contenu textuel combiné de tous les éléments correspondants.
  • text( val ) – Définit le contenu textuel de tous les éléments correspondants.
  • val(). – Obtient la valeur d'entrée du premier élément correspondant.

66. Qu'est-ce que la méthode jQuery Unbind() ?

La méthode jQuery bind () attache un gestionnaire d'événements aux éléments, tandis que unbind () détache un gestionnaire d'événements existant des éléments. Utilisez du code HTML de base pour créer les éléments HTML.

67. Qu'est-ce que l'animation jQuery ?

En bref, la méthode .animate est utilisée pour effectuer une animation personnalisée d'un ensemble de propriétés CSS. La méthode .animate() se décline en deux versions. Le premier prend quatre arguments et le second en prend deux.

68. Comment trouver le navigateur et les versions du navigateur dans jQuery ?

  • L'utilisation de la propriété $.browser de jQuery renvoie les informations du navigateur.
  • L'utilisation de $.browser n'est pas recommandée par jQuery lui-même, cette fonctionnalité a donc été déplacée vers le plugin jQuery.migrate qui est disponible au téléchargement si l'utilisateur le souhaite. C'est une pratique vulnérable d'utiliser la même chose. Utilisez-le uniquement si nécessaire. Il est toujours préférable de ne pas utiliser de codes spécifiques au navigateur.

69. Comment implémenter les Sticky Ads sur votre site Web ?

  • Les Sticky Ads sont celles qui vous suivent lorsque vous faites défiler une page. Ils sont un bon moyen d'augmenter les clics sur les annonces sur notre site Web et donc les revenus du site Web.
  • Nous pouvons utiliser Sticky Kit qui est un plugin jQuery pour créer des éléments collants sur le site Web. Il nous permet d'appliquer la rigidité à n'importe quel élément HTML comme un div, un span, etc.

70. Expliquer Treeview et sa procédure de travail ?

Montrer les parents et leurs enfants sous la forme d'un arbre se fait en créant Treeview. Il y a 2 nœuds - '+' & '-' qui, en cliquant, ouvre ou ferme l'arborescence.

71. Comment créer un Multiselect accrocheur dans jQuery ?

En utilisant le plugin Select2 jQuery qui nous donne un contrôle jQuery Multiselect hautement personnalisable avec prise en charge de la recherche, du marquage, des ensembles de données distants, du défilement infini et de nombreuses autres options très utilisées.

72. Qu'est-ce qu'une minuterie jQuery ?

Une minuterie jQuery est créée avec des méthodes JavaScript - setInterval () et setTimeout (.. Nous pouvons facilement créer un curseur d'image, une horloge, un chronomètre et un effet de changement de couleur d'arrière-plan aléatoire sur notre site Web.

73. Qu'est-ce que Web Scraper et comment l'implémenter ?

Un grattoir Web est un logiciel qui aide à extraire des données de sites Web. Il est utilisé pour extraire des informations typiques telles que des e-mails, des numéros de téléphone, des adresses, etc. à partir de différentes URL. J'ai créé un grattoir Web dans ASP.NET MVC avec jQuery. Ce grattoir a extrait tous les e-mails et numéros de téléphone d'une URL spécifiée.

74. Comment créer jQuery Autocomplete ?

Pour créer une fonctionnalité de saisie semi-automatique dans jQuery, nous utiliserons jQuery AJAX pour appeler la méthode côté serveur. Cette méthode récupère les résultats de la base de données et les renvoie à la méthode jQuery qui l'a appelée.

75. Expliquer la manipulation du DOM jQuery avec du code

DOM = Document Object Model : Le DOM définit un standard pour accéder aux documents HTML et XML. Une partie très importante de jQuery est la possibilité de manipuler le DOM. Le jQuery est livré avec un tas de méthodes liées à la manipulation DOM qui facilitent l'accès et la manipulation des éléments et des attributs.

Voici trois méthodes jQuery simples mais utiles pour la manipulation du DOM :

  • text() – Définit ou renvoie le contenu textuel des éléments sélectionnés
  • html() – Définit ou renvoie le contenu des éléments sélectionnés (y compris le balisage HTML.
  • val() - Définit ou renvoie la valeur des champs de formulaire

76. Quelles sont les fonctionnalités de jQuery utilisées dans les applications Web ?

jQuery a quelques fonctionnalités importantes qui sont utilisées dans les applications Web telles que :

  • Manipulation HTML/DOM : JavaScript n'a aucune fonctionnalité liée au DOM, mais JavaScript dans le navigateur inclut des informations sur le DOM.
  • Gestion des événements: jQuery a introduit une fonctionnalité appelée Gestion des événements. Vous pouvez écrire du code qui s'exécute lorsqu'un utilisateur clique sur une certaine partie de la page ou lorsque la souris est déplacée sur un élément de formulaire. jQuery contient de nombreux événements, tels qu'un utilisateur cliquant sur un bouton, déplaçant une souris sur un élément, etc.
  • Prise en charge Ajax : Lorsque vous sélectionnez un élément dans une liste déroulante ou un autre contrôle sur la même page, cela peut entraîner une perte de données. Ajax est utilisé pour mettre à jour la partie de la page Web sans recharger la page.
  • Animations en jQuery : Le jQuery est livré avec de nombreux effets d'animation intégrés que vous pouvez utiliser dans vos sites Web. Par exemple, animation, afficher, masquer, etc. Dans jQuery, la méthode animate(. est utilisée pour effectuer de telles tâches.

77. Expliquez ce que fait le code suivant :

Ce code utilise le chaînage de méthodes pour accomplir plusieurs choses. Tout d'abord, il sélectionne tous les éléments <div> et modifie leur largeur CSS à 300px. Ensuite, il ajoute tous les éléments <p> à la sélection actuelle, afin qu'il puisse enfin changer la couleur d'arrière-plan CSS pour les éléments <div> et <p> en bleu.

78. Qu'est-ce que le chaînage dans jQuery ?

Le chaînage est une fonctionnalité puissante de jQuery. Cela signifie spécifier plusieurs fonctions et/ou sélecteurs pour un élément. Le chaînage réduit le segment de code et le maintient très propre et facile à comprendre. Généralement, le chaînage utilise les fonctions intégrées de jQuery qui rendent la compilation un peu plus rapide.

79. Comment jQuery peut-il être utilisé avec une autre bibliothèque JavaScript qui utilise $ pour nommer?

$ n'a pas de signification particulière en JavaScript. Il peut être utilisé dans le nommage d'objets. Dans jQuery, il est simplement utilisé comme alias pour l'objet jQuery et jQuery(. function.

Cependant, jQuery n'a pas le monopole de l'utilisation de $, ce qui peut créer des situations où vous souhaitez l'utiliser conjointement avec une autre bibliothèque JS qui utilise également $. Cela entraînerait un conflit de nom. jQuery fournit la méthode jQuery.noConflict(. pour cette seule raison. L'appel de cette méthode nécessite d'utiliser le nom sous-jacent jQuery à la place dans les références ultérieures à jQuery et à ses fonctions.

80. Que sont les plugins jQuery ?

  • Les plugins sont un morceau de code. Les plugins jQuery sont un code écrit dans un fichier JavaScript standard. Ces fichiers JavaScript fournissent des méthodes jQuery utiles qui peuvent être utilisées avec les méthodes de la bibliothèque jQuery.
  • Toute méthode que vous utilisez dans les plugins doit avoir un point-virgule () à la fin. La méthode doit retourner un objet, sauf indication contraire explicite. Il produit ainsi un code propre et compatible. Vous devez préfixer le nom du fichier avec jQuery, le suivre avec le nom du plugin et terminer avec .js.

81. Qu'est-ce que queue() dans Jquery ? Utilisation de queue() dans jquery ?

  • Le délai fait partie de la catégorie des effets personnalisés dans jQuery. Son seul usage est de retarder l'exécution des éléments suivants dans la file d'attente d'exécution.
  • queueName est le nom de la file d'attente dans laquelle le temps de retard doit être inséré. Par défaut, il s'agit d'une file d'attente « fx ». Une file d'attente « fx » est également connue sous le nom de file d'attente d'effets.
  • delay( durée [, queueName ] .

82. Qu'est-ce que la méthode slice() dans jQuery ?

La méthode slice() sélectionne un sous-ensemble des éléments appariés en donnant une plage d'indices. Il donne l'ensemble des éléments du DOM à partir d'un paramètre.

Start : C'est le premier paramètre obligatoire de la méthode slice. Ceci spécifie par où commencer pour sélectionner les éléments.

  • Fin : il s'agit d'un paramètre facultatif. Il précise l'étendue de la sélection. Ceci indique où arrêter la sélection des éléments, à l'exclusion de l'élément de fin.

83. Quelles sont toutes les façons d'inclure jQuery dans une page ?

Les différentes manières d'inclure jQuery dans une page sont :

  • Copie locale dans la balise de script
  • Copie à distance de jQuery.com
  • Copie à distance de l'API Ajax
  • Copie locale du contrôle du gestionnaire de scripts
  • Script intégré à l'aide d'un objet de script client

84. Quels sont les quatre paramètres utilisés pour la méthode jQuery Ajax ?

Les quatre paramètres utilisés pour la méthode jQuery Ajax sont :

  • URL – Vous devez spécifier l'URL pour envoyer la demande.
  • Type – Ceci spécifie le type de requêtes telles que Get ou Post.
  • Données – Il spécifie les données à envoyer au serveur.
  • Cache – Ceci décide si le navigateur doit mettre en cache la page demandée.

85. Quelle est la différence entre la fonction $(window).load et $(document).ready dans jQuery ?

  • $(window).load est un événement qui se déclenche lorsque le DOM et les autres contenus de la page sont complètement chargés. Cet événement est déclenché après l'événement ready.
  • Dans la plupart des cas, le script peut être exécuté dès que le DOM est complètement chargé. Le ready() est généralement le meilleur endroit pour écrire votre code JavaScript. Mais il pourrait y avoir un scénario où vous pourriez avoir besoin d'écrire des scripts dans la fonction load(). Par exemple, pour obtenir la largeur et la hauteur réelles d'une image.
  • L'événement $(window..load est déclenché une fois que le DOM et tous les CSS, images et cadres sont complètement chargés. C'est donc le meilleur endroit pour écrire le code jQuery pour obtenir la taille réelle de l'image ou pour obtenir les détails de quoi que ce soit qui est chargé juste avant que l'événement load ne soit déclenché.

86. Quelle est la différence entre jquery.size() et jquery.length ?

La méthode jQuery .size() donne le nombre total d'éléments présents dans l'objet. Mais la méthode size(. n'est pas préférée car jQuery a la propriété .length. Elle fait la même chose mais la propriété .length n'a pas la surcharge d'un appel de fonction.

87. Qu'est-ce que jQuery connect et comment l'utiliser ?

  • jQuery connect est un plugin utilisé pour connecter ou lier une fonction avec une autre fonction. Connect est utilisé pour exécuter une fonction à partir de n'importe quelle autre fonction ou plugin.
  • Il peut être utilisé en téléchargeant un fichier de connexion jQuery à partir de jQuery.com, puis en incluant ce fichier dans le fichier HTML. Vous devez utiliser $.connect pour connecter une fonction à une autre.

88. Quelle est l'utilisation de la méthode param() dans jQuery ?

La méthode param() est utilisée pour représenter un tableau ou un objet de manière sérialisée. Lors d'une requête ajax, nous pouvons utiliser ces valeurs de sérialisation dans les chaînes de requête de l'URL.

  • « objet | array” spécifie un tableau ou un objet à sérialiser.
  • "boolValue" spécifie s'il faut utiliser le style traditionnel de sérialisation des paramètres ou non.

89. Différencier largeur() vs css('largeur') dans jQuery

Il existe deux méthodes différentes dans jQuery pour modifier la largeur d'un élément. La première consiste à utiliser .css(‘width’. et une autre consiste à utiliser .width(..

La différence entre .css('width'. et .width(. est le type de données de valeur que nous spécifions ou renvoyons à partir des deux fonctions. Dans .css('width'. nous devons ajouter px dans la valeur de largeur tandis que dans . largeur(. nous n'avons pas besoin d'ajouter px.

90. Quelles sont les différentes fonctions Ajax disponibles dans jQuery ?

Ajax permet à l'utilisateur d'échanger des données avec un serveur et de mettre à jour des parties d'une page sans recharger la page entière. Certaines des fonctions d'ajax incluent :

  • $.ajax(. – Ceci est considéré comme le niveau le plus bas et le plus basique des fonctions. Il est utilisé pour envoyer des requêtes. Cette fonction peut être exécutée sans sélecteur.
  • $.ajaxSetup(. – Cette fonction est utilisée pour définir et définir les options de divers appels ajax.
  • $.getJSON(. – Il s'agit d'un type spécial de fonction abrégée qui est utilisée pour accepter l'URL à laquelle les requêtes sont envoyées. Des données facultatives et des fonctions de rappel facultatives sont également possibles dans de telles fonctions.

91. Faites la différence entre .empty() et .remove() et .detach() dans jQuery.

  • .remove() – Cette méthode est utilisée pour supprimer tous les éléments correspondants. Il supprimera toutes les données jQuery associées à l'élément correspondant.
  • .detach () - Cette méthode est la même que la méthode .remove () sauf que la méthode .detach () ne supprime pas les données jQuery associées aux éléments correspondants.

92.Qu'est-ce que jQuery.noConflict ?

jQuery no-conflict est une option proposée par jQuery pour surmonter les conflits entre les différents frameworks ou bibliothèques javascript. Lorsque vous utilisez le mode sans conflit jQuery, vous remplacez le $ par une nouvelle variable et affectez à jQuery d'autres bibliothèques JavaScript. De plus, le $ est utilisé comme nom de fonction ou de variable de jQuery.

93. Mentionnez quelques avantages de jQuery.

Il y a de nombreux avantages à utiliser jQuery. Certains d'entre eux incluent :

  • C'est comme une version améliorée de JavaScript, il n'y a donc pas de surcharge pour apprendre une nouvelle syntaxe.
  • jQuery a la capacité de garder le code simple, lisible, clair et réutilisable.
  • Il a un support multi-navigateur.
  • Cela supprimerait la nécessité d'écrire des boucles complexes et des appels à la bibliothèque de scripts DOM.
  • jQuery aide à la détection et à la gestion des événements.
  • Il fournit des tonnes de plug-ins pour toutes sortes de besoins.

94. Comment lire les propriétés d'un objet en JavaScript ?

Vous pouvez écrire et lire les propriétés d'un objet en utilisant la notation par points comme suit

  • // Obtention de l'objet
  • Propriétés
  • nom.em // ==> Zara
  • emp.age // ==> 10
  • // Définition des propriétés de l'objet
  • emp.name = "Daisy" // <== Daisy
  • emp.age = 20 // <== 20

95. Comment créer un tableau en JavaScript ?

Vous pouvez définir des tableaux en utilisant le littéral de tableau comme suit

96. Comment lire les éléments d'un tableau en JavaScript ?

Un tableau a une propriété de longueur qui est utile pour l'itération. Nous pouvons lire les éléments d'un tableau comme suit

97. Qu'est-ce qu'une fonction nommée en JavaScript ? Comment définir une fonction nommée ?

Une fonction nommée a un nom lorsqu'elle est définie. Une fonction nommée peut être définie à l'aide du mot-clé function comme suit


Objets externes et source de données externe (Salesforce Connect)

Connexion Salesforce est un framework salesforce standard qui vous permet de créer, afficher, modifier, supprimer et rechercher les données en dehors de salesforce (sources externes), que ce soit sur site ou dans le cloud, ou à partir de salesforce

Pour accéder aux données en temps réel stockées dans le système externe, vous devez créer une source de données externe dans salesforce

Configuration -> Source de données externe -> Nouvelle source de données externe

Sources de données externes :

La source de données externe définit comment accéder aux données du système externe. Connexion Salesforce et Fichier Connecter utilise des sources de données externes pour accéder aux données stockées en dehors de votre organisation Salesforce.

Connexion Salesforce utilise des sources de données externes pour accéder aux données stockées en dehors de votre organisation Salesforce. Salesforce Connect utilise un protocole d'adaptateurs spécifiques comme Cross – org (utilisez l'API Rest de la plate-forme Lightning pour accéder aux données d'une autre organisation Salesforce), OpenData2.0 (OData2.0), OData4.0, adaptateur personnalisé créé via Apex (Apex Connector Framework) pour se connecter à un système externe

Files Connect utilise esources de données externes pour accéder au système de contenu tiers. Les adaptateurs File Connect sont Google Drive, Box, SharePoint Online, etc.

Les sources de données externes ont des objets externes associés, que vos utilisateurs et la plate-forme Lightning utilisent pour interagir avec les données et le contenu externes.

Objets externes: sont similaires aux objets personnalisés dans salesforce, mais les données d'enregistrement d'objet externe sont stockées en dehors de votre organisation salesforce. Les données stockées dans des systèmes externes comme Oracle, SAP, Heroku Postgres, etc. Chaque objet externe est associé à une définition de source de données externe dans votre organisation Salesforce. Une source de données externe spécifie comment accéder à un système externe.

  • Chaque organisation peut avoir jusqu'à 100 objets externes. Les objets externes ne sont pas pris en compte dans le montant des objets personnalisés.

En utilisant des objets externes, vous n'avez pas besoin de gérer une copie de ces données dans Salesforce, vous ne gaspillez donc pas de stockage et de ressources pour synchroniser les données et vous pouvez accéder aux données à la demande.

Les objets externes sont Idéalement utilisé lorsque vous disposez d'une grande quantité de données que vous ne pouvez pas ou ne voulez pas stocker dans votre organisation Salesforce et que vous n'avez besoin d'utiliser qu'une petite quantité de données à la fois.

chaque objet externe se termine par “__X“.

Si vous synchronisez l'objet Compte de l'organisation fournisseur, l'organisation abonnée crée :

  • Un objet externe avec le nom d'API Account__x
  • Champs personnalisés dont un avec le nom de l'API Account__x.Name__c

Si vous synchronisez l'objet CustObj__c de l'organisation fournisseur, l'organisation abonnée crée :

  • Un objet externe avec le nom d'API CustObj_c__x
  • Champs personnalisés dont un avec le nom de l'API CustObj_c__x.Name__c

Si l'objet de l'organisation fournisseur a un champ personnalisé, l'organisation abonnée crée le champ personnalisé sur l'objet externe équivalent, par exemple :

Si vous synchronisez l'objet externe Account__x de l'organisation fournisseur, l'organisation abonnée crée :

  • Un objet externe avec le nom d'API Account_x__x
  • Champs personnalisés dont un avec le nom de l'API Account_x__x.Name_c__c

Recherches d'objets externes :

Les objets externes prennent en charge les relations de recherche standard, qui utilisent les ID d'enregistrement Salesforce à 18 caractères pour associer les enregistrements liés les uns aux autres. Mais les données stockées en dehors de votre organisation Salesforce ne contiennent souvent pas ces ID d'enregistrement. Ainsi, deux types spéciaux de relations de recherche sont disponibles pour les objets externes : les recherches externes et les relations de recherches indirectes.

Recherche externe: Utilisez cette relation lorsque ID externe standard champ sur l'objet externe parent sont mis en correspondance avec les valeurs du champ de relation de recherche externe.

Utiliser la recherche externe lorsque le parent est un objet externe

Exemple : Vous avez stocké des contacts et des comptes dans une organisation externe ou dans une autre organisation Salesforce, considérons-nous comme une organisation fournisseur. À partir de l'organisation abonnée, vous souhaitez afficher les contacts associés à chaque compte. Pour ce faire, créez un champ de recherche externe sur l'objet externe Contact de l'organisation abonnée. Liez ce champ de recherche externe à l'objet externe Compte de l'organisation abonnée. Configurez ensuite les présentations de page pour l'objet externe Compte afin d'inclure une liste associée qui affiche les enregistrements d'objet externe Contact associés.

Recherche indirecte: utiliser cette relation lorsque les données externes n'inclut pas les ID d'enregistrement de la force de vente. Lorsque vous créez un champ de relation de recherche indirecte sur un objet externe, vous spécifiez le champ d'objet parent (standard/personnalisé) et le champ d'objet enfant à faire correspondre, en sélectionnant un champ ID externe unique personnalisé sur l'objet parent à faire correspondre au champ de relation de recherche indirecte de l'enfant, dont les valeurs sont déterminées par le nom de colonne externe spécifié.

  • L'enregistrement de compte (objet standard parent) affiche une liste associée de commandes client SAP (objet externe enfant) avec des ID client correspondants qui ne sont pas des ID Salesforce.
  • L'enregistrement de contact (objet standard parent) affiche une liste associée de publications sur les réseaux sociaux (objet externe enfant) avec les identifiants de réseaux sociaux correspondants.

Quand utiliser Salesforce Connect :

  1. Quand Accès en temps réel aux dernières données : les deux systèmes restent synchronisés avec les données en temps réel
  2. Lorsque le système externe est fiable : Lorsque le système externe est , System of Record et presque sans entretien
  3. Opération CRUD bidirectionnelle : pour synchroniser les données entre 2 systèmes avec Créer/Mettre à jour/Supprimer
  4. Lorsque le système externe contient des millions de données : lorsque vous intégrez un autre système à Salesforce et que vous n'avez pas besoin de répliquer une quantité substantielle de données.

Merci à la force de vente en fournissant ce sujet via Trailhead : Nous vous recommandons vivement de remplir le sentier ci-dessous pour en savoir plus

Rapports d'objets externes : Après Salesforce Winter󈧕, nous pouvons créer un rapport sur les objets externes. Salesforce connect offre une intégration transparente avec les données résidant dans un système externe.

Nous devons activer “Activer les rapports” case à cocher sur l'objet externe. Cela créera le “Un type de rapport pour l'objet externe” et un type de rapport “A pour chaque relation de recherche dans laquelle les deux objets autorisent les rapports” dans le type de rapport Autres rapports.

Peu de considérations liées aux rapports :

  • Les données externes ne sont pas stockées dans salesforce et seront accessibles lorsque nous exécuterons le rapport.
  • Lorsque vous exécutez un rapport, salesforce effectue un appel de demande vers un objet externe
  • Tendance historique Rapports et Buckets et Champs Bucket non spris en charge dans les rapports d'objets externes
  • Si le rapport comprend des champs et des formules récapitulatifs, ces valeurs agrégées ne reflètent qu'un sous-ensemble de vos données. Pour améliorer la précision des valeurs agrégées, essayez de personnaliser le rapport pour obtenir des données plus pertinentes
  • Le rapport peut extraire jusqu'à 2 000 enregistrements s'il a un objet enfant, le nombre total d'enregistrements peut être supérieur ou inférieur à 2 000 en fonction du nombre d'enregistrements enfants extraits.

Considérations :

  • Les champs de formule et de résumé de cumul ne sont pas pris en charge.
  • Le suivi de l'historique des champs n'est pas pris en charge.
  • Notes et pièces jointes non prises en charge.
  • Objet externe Les métadonnées sont pilotées par un système externe.
  • Ne prend pas en charge les automatisations Salesforce.
  • 10 000 appels OData par heure pour les éditions Enterprise, Performance et Unlimited. Des limites supérieures sont disponibles sur demande.

2011-Head First jQuery

Louange à l'avance pour Head First jQuery « jQuery permet de faire des choses incroyables avec JavaScript si facilement qu'on a l'impression de tricher. Ce livre montre comment résoudre rapidement les problèmes du monde réel. En prime, vous apprendrez les aspects clés de JavaScript, comment configurer un environnement de développement Web et PHP/MySQL. C'est un livre solide. » — Jim Doran, ingénieur logiciel à l'Université Johns Hopkins "Contrairement à ces livres de programmation abstrus remplis de jargon technique, Head First jQuery guide les débutants à travers les étapes pour créer leurs premières pages jQuery d'une manière amusante et compréhensible." — Lindsey Skouras, avocate et programmeuse autodidacte « Ryan Benedetti et Ronan Cranley ont pris un ensemble de technologies potentiellement intimidantes (jQuery, DOM, Ajax, HTML5, CSS) et les ont décomposés en concepts accessibles qui rendent réellement l'apprentissage du matériel amusant. " — Bill Mietelski, ingénieur logiciel « JavaScript est réapparu en tant que langage de programmation d'un certain mérite grâce en grande partie à une collection de bibliothèques de modules complémentaires de premier ordre, dont jQuery est un acteur clé. Head First jQuery fournit au développeur Web moderne un traitement ciblé et pratique de cette technologie JavaScript clé. — Paul Barry, auteur et conférencier sur l'informatique à l'Institute of Technology, Carlow

Éloge pour les autres livres Head First « Head First Object-Oriented Analysis and Design est un regard rafraîchissant sur le sujet de l'OOAD. Ce qui distingue ce livre, c'est l'accent mis sur l'apprentissage. Les auteurs ont rendu le contenu d'OOAD accessible, utilisable pour le praticien. — Ivar Jacobson, Ivar Jacobson Consulting « Je viens de finir de lire HF OOA&D et j'ai adoré ! Ce que j'ai le plus aimé dans ce livre, c'est qu'il met l'accent sur la raison pour laquelle nous faisons de l'OOA&D – pour écrire de bons logiciels ! » — Kyle Brown, Distinguished Engineer, IBM « Derrière les images amusantes et les polices folles se cache une présentation sérieuse, intelligente et extrêmement bien conçue de l'analyse et de la conception OO. En lisant le livre, j'avais l'impression de regarder par-dessus l'épaule d'un designer expert qui m'expliquait quels problèmes étaient importants à chaque étape, et pourquoi. — Edward Sciore, professeur agrégé, Département d'informatique, Boston College « Dans l'ensemble, Head First Software Development est une excellente ressource pour quiconque souhaite formaliser ses compétences en programmation d'une manière qui engage constamment le lecteur à différents niveaux. — Andy Hudson, Linux Format « Si vous êtes un nouveau développeur de logiciels, Head First Software Development vous permettra de démarrer du bon pied. Et si vous êtes un développeur expérimenté (lire : de longue date), ne rejetez pas cela si rapidement.… » — Thomas Duff, Duffbert’s Random Musings « Il y a quelque chose dans Head First Java pour tout le monde. Apprenants visuels, apprenants kinesthésiques, tout le monde peut apprendre de ce livre. Les aides visuelles facilitent la mémorisation et le livre est écrit dans un style très accessible—très différent de la plupart des manuels Java.… Head First Java est un livre précieux. Je peux voir les livres Head First utilisés en classe, que ce soit dans les écoles secondaires ou les cours d'éducation pour adultes. Et je reviendrai certainement à ce livre, ainsi qu'à d'autres. — Warren Kelly, Blogcritics.org, mars 2006 « Plutôt qu'un apprentissage de type manuel, Head First iPhone and iPad Development apporte une approche humoristique, engageante et même agréable à l'apprentissage du développement iOS. Avec une couverture des technologies clés, y compris les données de base, et même des aspects cruciaux tels que la conception de l'interface, le contenu est judicieusement choisi et de premier ordre. Où d'autre pourriez-vous assister à une conversation au coin du feu entre un UIWebView et un UITextField ! » — Sean Murphy, concepteur et développeur iOS

Éloge pour les autres livres de Head First « Une autre bonne chose à propos de Head First Java, Second Edition, c'est qu'il aiguise l'appétit pour plus. Avec une couverture ultérieure de sujets plus avancés tels que Swing et RMI, vous ne pouvez pas attendre pour plonger dans ces API et coder ce programme sans faille de 100 000 lignes sur Java.net qui vous apportera renommée et fortune en capital-risque. Il y a aussi beaucoup de matériel, et même quelques bonnes pratiques, sur le réseautage et les threads, mon propre point faible. Dans ce cas, je n'ai pas pu m'empêcher de craquer un peu lorsque les auteurs utilisent un opérateur téléphonique des années 1950 - oui, vous l'avez compris, cette dame avec une coiffure en ruche qui s'accroche manuellement aux lignes de patch - comme analogie pour les ports TCP/IP … vous devriez vraiment aller à la librairie et feuilleter Head First Java, Second Edition. Même si vous connaissez déjà Java, vous pouvez apprendre une chose ou deux. Et sinon, feuilleter les pages est très amusant. — Robert Eckstein, Java.sun.com « Bien sûr, ce n'est pas la gamme de matériaux qui distingue Head First Java, c'est le style et l'approche. Ce livre est à peu près aussi éloigné d'un manuel d'informatique ou d'un manuel technique que l'on peut [avec son] utilisation de dessins animés, de quiz, d'aimants de réfrigérateur (oui, d'aimants de réfrigérateur…). Et, à la place du type habituel d'exercices de lecture, on vous demande de prétendre être le compilateur et de compiler le code, ou peut-être de reconstituer du code en remplissant les blancs ou… vous obtenez l'image… La première édition de ce livre était l'un de nos titres recommandés pour ceux qui découvrent Java et les objets. Cette nouvelle édition ne déçoit pas et se met à juste titre dans la peau de son prédécesseur. Si vous faites partie de ces personnes qui s'endorment avec un livre informatique traditionnel, alors celui-ci est susceptible de vous tenir éveillé et d'apprendre. — TechBookReport.com « Head First Web Design est votre ticket pour maîtriser tous ces sujets complexes et comprendre ce qui se passe réellement dans le monde de la conception Web.… Si vous n'avez pas été baptisé par le feu en utilisant quelque chose d'aussi impliqué que Dreamweaver, alors ce livre sera un excellent moyen d'apprendre une bonne conception de sites Web. » — Robert Pritchett, MacCompanion « Est-il possible d'apprendre la vraie conception de sites Web à partir d'un format de livre ? Head First Web Design est la clé pour concevoir des sites conviviaux, des exigences des clients aux storyboards dessinés à la main aux sites en ligne qui fonctionnent bien. Ce qui le distingue des autres livres sur la façon de créer un site Web, c'est qu'il utilise les dernières recherches en sciences cognitives et en apprentissage pour fournir une expérience d'apprentissage visuelle riche en images et conçue pour la façon dont le cerveau fonctionne et apprend le mieux. Le résultat est un puissant hommage aux bases de la conception Web que toute bibliothèque informatique d'intérêt général trouvera une clé importante du succès. — Diane C. Donovan, California Bookwatch : The Computer Shelf « Je recommande sans hésiter Head First Web Design à tous mes collègues programmeurs qui souhaitent maîtriser l'aspect plus artistique de l'entreprise. " - Claron Twitchell, Groupe d'utilisateurs Java de l'Utah

Autres livres connexes de O'Reilly jQuery Cookbook jQuery Pocket Reference jQuery Mobile JavaScript et jQuery: The Missing Manual

Autres livres de la série O'Reilly's Head First Head First C# Head First Java Head First Analyse et conception orientées objet (OOA&D) Head First HTML avec CSS et XHTML Head First Design Patterns Head First Servlets et JSP Head First EJB Head First SQL Head First Développement de logiciels Premier chef JavaScript Chef premier Physique Premier chef Statistiques Premier Ajax Premier Rails Premier Chef Algèbre Premier PHP & MySQL Premier PMP Chef Premier Web Design Chef Premier Réseaux Premier Développement iPhone et iPad

Head First jQuery Ne serait-ce pas un rêve s'il y avait un livre pour m'aider à apprendre à utiliser jQuery qui soit plus amusant que d'aller chez le dentiste ? Ce n'est probablement qu'un fantasme...

Ryan Benedetti Ronan Cranley

Pékin • Cambridge • Farnham • K ln • Sébastopol • Tokyo

Head First jQuery par Ryan Benedetti et Ronan Cranley Copyright © 2011 Ryan Benedetti et Ronan Cranley. Tous les droits sont réservés. Imprimé aux États-Unis d'Amérique. Publié par O'Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472. Les livres d'O'Reilly Media peuvent être achetés à des fins éducatives, commerciales ou promotionnelles. Des éditions en ligne sont également disponibles pour la plupart des titres (http://my.safaribooksonline.com). Pour plus d'informations, contactez notre service commercial corporatif/institutionnel : (800) 998-9938 ou [email protected]

Ronan : Caitlin et Bono Ryan : Shonna, Josie, Vin, Rocky et Munch

Septembre 2011 : Première édition.

Le logo O'Reilly est une marque déposée d'O'Reilly Media, Inc. Les désignations de la série Head First, Head First jQuery et l'habillage commercial associé sont des marques de O'Reilly Media, Inc. La plupart des désignations utilisées par les fabricants et les vendeurs pour distinguer leurs produits sont revendiqués comme des marques. Lorsque ces désignations apparaissent dans ce livre et que O'Reilly Media, Inc. était au courant d'une revendication de marque, les désignations ont été imprimées en majuscules ou en majuscules initiales. Bien que toutes les précautions aient été prises dans la préparation de ce livre, l'éditeur et les auteurs n'assument aucune responsabilité pour les erreurs ou omissions, ou pour les dommages résultant de l'utilisation des informations contenues dans ce document. Aucun cryptide n'a été blessé lors de la réalisation de ce livre. ISBN : 978-1-449-39321-2 [M]

Nous dédions ce livre aux maîtres JavaScript Jedi : John Resig (créateur et développeur principal de la bibliothèque jQuery), Douglas Crockford, David Flanagan et Brandon Eich. À mes trois miracles : Josie, Vin et Shonna. —Ryan To Caitlin et Bono : Merci pour tout ! —Ronan

Ronan Ryan Benedetti est titulaire d'une maîtrise en beaux-arts en création littéraire de l'Université du Montana et travaille comme développeur Web/spécialiste multimédia pour l'Université de Portland. Il travaille avec jQuery, Flash, ActionScript, Adobe Creative Suite, Liferay Portal, le langage Jakarta Velocity Templating d'Apache et Drupal. Pendant sept ans, Ryan a été chef du département des technologies de l'information et du génie informatique au Salish Kooteni College. Avant cela, il a travaillé comme rédacteur et spécialiste des systèmes d'information pour un programme de recherche sur les rivières, les cours d'eau et les zones humides à l'École de foresterie de l'Université du Montana. Les poèmes de Ryan ont été publiés dans Cut Bank et Exquisite Corpse d'Andrei Codrescu. Il passe ses heures libres à peindre, à dessiner, à jouer de l'harmonica blues et à pratiquer zazen. Il passe ses meilleurs moments avec sa fille, son fils et sa chérie, Shonna, à Portland, Oregon. Il aime aussi traîner avec ses compagnons animaux : Rocky, Munch, Fester et Taz.


Le développement est une technologie en évolution rapide

Bien sûr, l'expérience est une chose très précieuse à avoir. Lorsque vous cherchez à ajouter un nouveau membre à votre effectif, il n'y a souvent pas de substitut à l'expérience. Cependant, le travail d'un développeur évolue si rapidement de nos jours qu'il est souvent impossible de passer plus de quelques années à faire un type de travail particulier. Dans cette profession, la capacité à adopter de nouvelles technologies et compétences est la clé du succès.

Votre travail consiste donc à regarder vers l'avenir et à voir quels changements vous apporterez probablement à votre entreprise au cours des prochaines années. Votre développeur devra être le genre de personne capable de s'adapter à ces changements, d'évoluer avec son temps et d'adopter efficacement de nouvelles compétences. Ainsi, la personne que vous rechercherez aura non seulement de l'expérience et des connaissances dans le passé, mais elle devra également être capable d'apprendre de nouvelles méthodes dans l'avenir. Ce chien en particulier devra apprendre de nouveaux tours.


Questions et réponses d'entrevue J Query

  • Les sélecteurs jQuery sont utilisés pour sélectionner un ou un groupe d'éléments HTML de votre page Web.
  • jQuery prend en charge tous les sélecteurs CSS ainsi que de nombreux sélecteurs personnalisés supplémentaires.
  • Les sélecteurs jQuery commencent toujours par le signe dollar et les parenthèses : $()

Il existe trois blocs de construction pour sélectionner les éléments dans un document Web.

  1. Sélectionner les éléments par nom de balise Exemple : $(div) Il sélectionnera tous les éléments div du document.
  2. Sélectionner les éléments par ID Exemple : $(#xyzid&rdquo) Il sélectionnera un élément unique qui a un ID de xyzid
  3. Sélectionner les éléments par classe Exemple : $(&ldquo.xyzclass&rdquo) Il sélectionnera tous les éléments ayant la classe xyzclass
  • Dans jQuery, nous avons trois méthodes pour donner l'effet de fondu aux éléments : fadeIn, fadeOut et fadeTo
  • Cette méthode modifie l'opacité de l'élément avec l'animation.
  • &ldquospeed&rdquo peut être l'une des valeurs suivantes : &ldquoslow&rdquo, &ldquofast&rdquo, &ldquonormal&rdquo ou millisecondes
  • &ldquoopacity&rdquo spécifie la valeur qui permet le fondu à l'opacité donnée.
  • &ldquocallback&rdquo est la fonction que nous voulons exécuter une fois l'effet de fondu terminé.

La fonction d'animation est utilisée pour appliquer l'effet d'animation personnalisé aux éléments.

$(sélecteur).animate(, [durée], [assouplissement], [rappel])

  • &ldquoparam&rdquo définit les propriétés CSS sur lesquelles vous souhaitez appliquer l'animation.
  • &ldquoduration&rdquo spécifie la durée d'exécution de l'animation. Il peut s'agir de l'une des valeurs suivantes : &ldquoslow&rdquo, &ldquofast&rdquo, &ldquonormal&rdquo ou millisecondes
  • &ldquoeasing&rdquo est la chaîne qui spécifie la fonction pour la transition.
  • &ldquocallback&rdquo est la fonction que nous voulons exécuter une fois l'effet d'animation terminé.

Voici le jQuery pour animer l'opacité, le décalage à gauche et la hauteur de l'élément mydiv

  • Lorsque nous voulons récupérer les frères et sœurs de tous les éléments de l'ensemble d'éléments appariés, nous pouvons utiliser la méthode siblings().
  • Nous filtrons les éléments récupérés par un sélecteur optionnel. &bull Syntaxe : .siblings( [sélecteur])
  • &ldquoselector&rdquo est l'expression du sélecteur qui spécifie les éléments correspondants.

Maintenant, nous voulons trouver les frères et sœurs de l'élément de l'id &ldquosecond_item&rdquo et changer la couleur du texte en bleu :

Si nous voulons des éléments frères spécifiques, par exemple les éléments ayant la classe &ldquomyitem&rdquo, nous pouvons passer un sélecteur facultatif :

  • Dans jQuery, il existe deux façons de modifier la largeur d'un élément.
  • Une façon est d'utiliser .css(&lsquowidth&rsquo) et l'autre est d'utiliser .width().

  • jQuery.data() est utilisé pour définir/retourner des données arbitraires vers/depuis un élément.
  • Syntaxe : jQuery.data(élément, clé, valeur)
  • &ldquoelement&rdquo est l'élément DOM auquel les données sont associées.
  • &ldquokey&rdquo est un nom arbitraire de la donnée.
  • &ldquovalue&rdquo est la valeur de la clé spécifiée.
  • Supposons que nous voulions définir les données d'un élément span :

Si nous voulons récupérer les données liées à l'élément div et le définir sur label&rsquos data :

  • La méthode bind () n'attachera pas d'événements aux éléments ajoutés après le chargement du DOM, tandis que les méthodes live () et délégué () attachent également des événements aux futurs éléments.
  • La différence entre les méthodes live () et délégué () est que la fonction live () ne fonctionnera pas dans le chaînage. Elle ne fonctionnera que sur un sélecteur ou un élément alors que la méthode delegue() peut fonctionner en chaînage.

Le code ci-dessus ne fonctionnera pas avec la méthode live(). Mais en utilisant la méthode délégué (), nous pouvons accomplir cela.

La fonction each() spécifie la fonction à appeler pour chaque élément correspondant.

$(sélecteur).each(fonction (index, élément))

  • &ldquoindex&rdquo est la position d'index du sélecteur.
  • &ldquoselector&rdquo spécifie le sélecteur actuel où nous pouvons également utiliser &ldquothis&rdquo sélecteur.
  • Dans le cas où nous devons arrêter chaque boucle plus tôt, nous pouvons utiliser &ldquoreturn false&rdquo

Cela écrira le texte pour chaque élément &ldquoli&rdquo.

L'effet slideToggle() est utilisé pour donner un effet de glissement animé à un élément.

slideToggle([ durée] [, accélération] [, rappel])

  • &ldquoduration&rdquo est le nombre spécifiant la durée d'exécution de l'animation.
  • &ldquoeasing&rdquo est la chaîne qui spécifie la fonction pour la transition.
  • &ldquocallback&rdquo est la fonction que nous voulons exécuter une fois l'animation terminée.
  • Si l'élément est visible, cet effet fera glisser l'élément vers le haut et le rendra complètement masqué. Si l'élément est masqué, l'effet slideToggle() le fera glisser vers le bas et le rendra visible.
  • Nous pouvons spécifier la vitesse de basculement avec cet effet.

Référez-vous à l'exemple suivant

  • this et $(this) font référence au même élément mais la différence est que &ldquothis&rdquo est utilisé de manière traditionnelle mais lorsque &ldquothis&rdquo est utilisé avec $() alors il devient un objet jQuery sur lequel nous pouvons utiliser les fonctions de jQuery.
  • Dans l'exemple donné, lorsque seul le mot-clé &ldquothis&rdquo est utilisé, nous pouvons utiliser la fonction jQuery text() pour obtenir le texte de l'élément, car ce n'est pas un objet jQuery. Une fois que le mot-clé &ldquothis&rdquo est enveloppé dans $(), nous pouvons utiliser la fonction jQuery text() pour obtenir le texte de l'élément.
  • La méthode param() est utilisée pour représenter un tableau ou un objet de manière sérialisée.
  • Lors d'une requête ajax, nous pouvons utiliser ces valeurs de sérialisation dans les chaînes de requête de l'URL.
  • Syntaxe : $.param(object | array, boolValue) &bull &ldquoobject | array&rdquo spécifie un tableau ou un objet à sérialiser.
  • &ldquoboolValue&rdquo spécifie s'il faut utiliser le style traditionnel de sérialisation des paramètres ou non.
  • Par exemple:

Cela définira le texte de span sur &ldquoname=Arpit&age=24&dep=IT&rdquo

  • En utilisant la fonction jQuery.holdReady(), nous pouvons suspendre ou libérer l'exécution de l'événement prêt jQuery&rsquos.
  • Cette méthode doit être appelée avant d'exécuter l'événement ready.
  • Pour retarder l'événement ready, nous devons appeler jQuery.holdReady(true)
  • Lorsque nous voulons libérer l'événement ready, nous devons appeler jQuery.holdReady(false)
  • Cette fonction est utile lorsque nous voulons charger des plugins jQuery avant l'exécution de l'événement ready.
  • La méthode .empty() est utilisée pour supprimer tous les éléments enfants des éléments correspondants.
  • La méthode .remove() est utilisée pour supprimer tous les éléments correspondants. Cette méthode supprimera toutes les données jQuery associées à l'élément correspondant.
  • La méthode .detach() est identique à la méthode .remove(), sauf que la méthode .detach() ne supprime pas les données jQuery associées aux éléments correspondants.
  • .remove() est plus rapide que la méthode .empty() ou .detach().
  • Pour gérer les cookies dans jQuery, nous devons utiliser le plugin Dough cookie.
  • La pâte est facile à utiliser et possède des fonctionnalités puissantes.
  • Créer un cookie
  • Le window.onload () est une fonction de script Java et document.ready () est un événement jQuery qui est appelé lorsque la page est chargée.
  • La différence est que document.ready() est appelé après le chargement du DOM sans attendre que tout le contenu soit chargé. Tandis que la fonction window.onload() attend que le contenu de la page soit chargé.
  • Supposons qu'il y ait une très grande image sur une page, à ce moment window.onload() attendra que cette image soit totalement chargée.
  • Ainsi, lors de l'utilisation de la fonction window.onlaod(), l'exécution sera lente, mais document.ready() n'attendra pas que l'image soit chargée.
  • Le chaînage est une fonctionnalité très puissante de jQuery.
  • Le chaînage signifie la spécification de plusieurs fonctions et/ou sélecteurs pour un élément.
  • Examinez l'exemple ci-dessous

En utilisant le chaînage, nous pouvons écrire le code ci-dessus comme suit

  • L'avantage du chaînage est qu'il rend votre code simple et simple à gérer.
  • L'exécution devient plus rapide car le code recherche l'élément une seule fois.

La méthode sort est utilisée pour trier tous les éléments du tableau. Il trie les éléments de chaîne par ordre alphabétique.

Il donnera la sortie suivante

Maintenant, nous déclarons un tableau numérique et utilisons la méthode sort() pour trier ses éléments.

Il donnera la sortie suivante

  • Dans jQuery, les fonctions prop() et attr() sont utilisées pour définir/obtenir la valeur de la propriété spécifiée d'un élément.
  • La différence entre les deux fonctions est que attr() renvoie la valeur par défaut de la propriété tandis que prop() renvoie la valeur actuelle de la propriété.

$('entrée').prop('valeur', 'Valeur modifiée')

Lorsque vous référencez le jQuery sur votre page Web, vous devez également spécifier le numéro de version.

Le code ci-dessus chargera toujours la version 1.5.1 de jQuery. Si vous référencez la dernière version de jQuery, vous n'avez pas besoin de modifier le code à chaque fois que la nouvelle version de jQuery est publiée.

Pour ce faire, vous devez utiliser le code suivant

Ce code fera toujours référence à la dernière version de jQuery dans votre page.

La fonction resize() est appelée chaque fois que la taille du navigateur est modifiée. Cet événement ne peut être utilisé qu'avec $(window).

Syntaxe : .resize([event_data], gestionnaire(event_object))

  • Les &ldquoevent_data&rdquo sont les données à envoyer au gestionnaire.
  • Le &ldquohandler(event_object)&rdquo est une fonction à appeler à chaque fois que la fenêtre est redimensionnée.
  • jQuery est une bibliothèque JavaScript qui simplifie la programmation JavaScript et AJAX. JavaScript est utilisé pour ajouter de l'interactivité et du contenu dynamique aux pages Web. AJAX (Asynchronous JavaScript and XML) est utilisé pour traiter des données externes de manière asynchrone via JavaScript, sans rafraîchir la page entière.
  • jQuery met l'accent sur l'interaction entre JavaScript et HTML. jQuery contient toutes les fonctions courantes DOM, événement, effets et Ajax dans un seul fichier JavaScript.
  • Le fichier jQuery doit être inclus dans le fichier qui va utiliser la fonctionnalité jQuery.
  • jQuery fournit une nouvelle classe appelée jQuery sans étendre les classes JavScript intégrées qui agit comme un wrapper autour des objets pour leur fournir les opérations étendues.

Les avantages d'utiliser jQuery sont :

  • Amélioration de JavaScript sans la surcharge d'apprentissage d'une nouvelle syntaxe
  • Capacité à garder le code simple, clair, lisible et réutilisable
  • Élimination de l'exigence d'écrire des boucles répétitives et complexes et des appels à la bibliothèque de scripts DOM
  • Effets et animations
  • Extensibilité Ajax & Bull
  • Fonctions de sélection d'éléments DOM
  • Événements et manipulation CSS du taureau
  • Utilitaires - tels que la version du navigateur et chaque fonction.
  • Plugins JavaScript et parcours et modification du DOM bull.

Le type d'une fonction est "fonction".

Il y a beaucoup de fonctions anonymes dans jquery.

  • jQuery est une excellente bibliothèque pour développer une application basée sur ajax.
  • Il aide les programmeurs à garder le code simple et concis et réutilisable.
  • La bibliothèque jQuery simplifie le processus de traversée de l'arbre DOM HTML.
  • jQuery peut également gérer des événements, effectuer des animations et ajouter la prise en charge d'ajax dans les applications Web.

jQuery peut être utilisé pour développer des applications basées sur ajax. Il peut être utilisé pour garder le code simple, concis et réutilisable.

Il simplifie le processus de traversée de l'arbre DOM HTML.

Il peut également gérer des événements, effectuer des animations et ajouter la prise en charge d'ajax dans les applications Web.

La bibliothèque jquery est une collection de toutes les méthodes jquery. Il est stocké sous la forme d'un seul fichier de script java. Le format d'ajout d'un fichier jquery à une page html est :

Un exemple de javascript qui masquera tous les éléments <p> de la page.

Jquery permet à l'utilisateur de sélectionner spécifiquement l'élément à effectuer. jquery permet à l'utilisateur de sélectionner les manières suivantes :

sélecteurs d'éléments jquery : à l'aide de sélecteurs css, les utilisateurs peuvent sélectionner les éléments d'un document html.

$("p") sélectionnera tous les éléments <p>.
$("p.intro") sélectionnera tous les éléments <p> qui y sont définis.
$("p#demo") cela sélectionnera tous les éléments <p> avec >

sélecteurs d'attributs jquery : les expressions xpath sont utilisées par jquery pour sélectionner des éléments d'un document html avec des attributs définis.

$("[href]") est utilisé pour sélectionner tous les éléments qui ont un attribut href.
$("[href$='.jpg']") peut sélectionner tous les éléments avec un attribut href qui se terminera par ".jpg".

Jquery offre à l'utilisateur la possibilité de modifier dynamiquement les attributs d'une propriété. La méthode jquery slide peut être utilisée pour modifier progressivement la hauteur des éléments. Cela peut être utilisé pour donner l'effet de défilement d'une image sur l'image.

Le jquery comprend les méthodes de diapositives suivantes :

  • $(selector).slideDown(speed,callback)
  • $(selector).slideUp(speed,callback)
  • $(selector).slideToggle(speed,callback)

Le paramètre speed est utilisé pour effectuer la vitesse de changement de la jquery. Les paramètres pour cela peuvent être lent, rapide, normal et le temps en millisecondes. Le paramètre de callback est utilisé pour faire référence au nom de la fonction à exécuter une fois la fonction terminée.

Ajax permet à l'utilisateur d'échanger des données avec un serveur et de mettre à jour des parties d'une page sans recharger la page entière. Certaines des fonctions d'ajax sont les suivantes :

  • $.ajax() : Ceci est considéré comme le niveau le plus bas et le plus basique des fonctions. Il est utilisé pour envoyer des requêtes. Cette fonction peut être exécutée sans sélecteur.
  • $.ajaxSetup() : Cette fonction est utilisée pour définir et définir les options pour divers appels ajax.
  • Méthodes ajax abrégées : elles consistent simplement en la fonction wrapper qui appelle $.ajax() avec certains paramètres déjà définis.
  • $.getJSON() : il s'agit d'un type spécial de fonction abrégée qui est utilisée pour accepter l'URL à laquelle les requêtes sont envoyées. Des données facultatives et des fonctions de rappel facultatives sont également possibles dans de telles fonctions.

L'amélioration progressive est une technique de développement Web qui permettrait à l'application d'être accessible à n'importe quel ordinateur avec n'importe quelle connexion Internet. Pour qu'une application fonctionne sur les principes de l'amélioration progressive, les règles / directives suivantes doivent être respectées :

  • Le contenu de base doit être disponible pour tous les navigateurs avec tout type de connexion Internet.
  • Les fonctionnalités de base d'une application doivent fonctionner dans tous les navigateurs.
  • L'application ne remplacera aucun des paramètres de navigateur spécifiés par l'utilisateur.
  • Les fichiers CSS sont liés en externe pour contrôler l'apparence de la page.
  • Les javascripts doivent également être liés à l'extérieur car ils peuvent améliorer l'expérience utilisateur.

Il y a deux manières de traiter ce problème :

Utilisation de la délégation d'événements : La technique de délégation d'événements fonctionne par principe en exploitant le bouillonnement d'événements. Il utilise le bouillonnement d'événements pour capturer les événements sur les éléments qui sont présents n'importe où dans le modèle objet du domaine. Dans jquery, l'utilisateur peut utiliser les méthodes live et die pour la délégation d'événements qui contient un sous-ensemble de types d'événements.

Par exemple : gestion de la délégation d'événements, gestion des clics sur n'importe quel élément :

Utilisation de la reliure d'événement : lorsque cette méthode est utilisée, l'utilisateur doit appeler la méthode de liaison et les nouveaux éléments ajoutés.

La méthode hasClass définie peut être utilisée pour vérifier si un élément contient réellement la classe spécifiée.

Par exemple : utilisation de la hasClass :

La méthode is() peut également être utilisée avec un sélecteur pour un niveau de correspondance plus avancé.

Cette méthode peut être utilisée pour tester diverses autres choses, comme elle pourrait être utilisée pour détecter si l'élément spécifié est caché ou non.

En html, seuls les éléments de niveau bloc peuvent avoir des hauteurs et des largeurs personnalisées.Ainsi, lorsqu'un utilisateur définit une méthode d'animation à utiliser comme afficher, masquer, glisser vers le haut, etc., la propriété display css du bloc en cours d'animation est définie pour afficher le style de bloc. À la fin de l'animation, le style d'affichage du bloc serait remplacé par sa valeur d'origine. Cette procédure ne fonctionne pas correctement pour les éléments en ligne et les solutions de contournement suivantes peuvent lui être appliquées :

  • Si l'utilisateur souhaite que l'élément reste en ligne et souhaite uniquement l'animer à l'intérieur et à l'extérieur, il peut utiliser l'animation de fondu d'entrée et de sortie au lieu d'utiliser la méthode show.
  • L'utilisateur peut également utiliser un élément de niveau bloc avec float pour que l'élément apparaisse en ligne avec le reste du contenu qui l'entoure.

Il existe deux approches pour le faire :

Approche basée sur les chaînes : il s'agit de la manière simple d'extraire les informations d'une chaîne de requête à l'aide de la technique de remplacement basée sur les chaînes. Cette méthode utilise la méthode .replace() pour fonctionner.

Par exemple : var data = string.replace("http://localhost/view.php?", "")

Le code ci-dessus fonctionne bien pour l'approche basée sur les chaînes, mais présente quelques problèmes de flexibilité. Il ne peut pas traiter efficacement les changements de nom de domaine et de nom de fichier.

Approche des expressions régulières : ils constituent un puissant outil de correspondance de modèles disponible dans les langages de programmation modernes.

Pour l'extraction d'une chaîne de requête, il faudrait utiliser un modèle qui recherche un point d'interrogation dans la chaîne. Une fois qu'il le fait, il renvoie tout après. Les expressions régulières en JS sont délimitées à l'aide des barres obliques à la fin d'une expression.

Dans les scripts Java simples, les informations sur un élément peuvent être stockées en ajoutant une propriété de modèle d'objet de domaine à l'élément. Cela entraîne des problèmes de fuite de mémoire dans certains navigateurs. Dans jquery, l'utilisateur n'a pas à se soucier des problèmes de gestion de la mémoire.

Par exemple : stocker et récupérer des données liées à un élément :

Jquery permet à l'utilisateur de stocker tout type d'informations sur un élément. Le $.fn.data est le plus utilisé pour stocker des données liées à un élément.

Par ex. stockage de la relation entre les éléments avec l'utilisation de $.fn.data :

Les deux méthodes les plus courantes pour envoyer une requête à un serveur sont :

Méthode GET : La méthode get est principalement utilisée pour les opérations non destructives. Ces opérations obtiennent des données du serveur et ne modifient pas les données qu'il contient. Un bon exemple d'application de la requête de recherche à un serveur. Dans la plupart des cas, GET enverra toutes les données à envoyer sous la forme d'une chaîne de requête.

Méthode POST : La méthode POST est principalement utilisée pour les opérations destructrices. Ces opérations peuvent modifier les données sur un serveur. Un bon exemple est qu'un utilisateur enregistrant une entrée sur un site recevra la requête POST. Ces requêtes ne sont pas mises en cache par le navigateur. Une requête peut faire partie d'une URL, mais toutes les données à envoyer sont envoyées séparément en tant que données de publication.

Le plugin peut être considéré simplement comme une nouvelle méthode qui peut être utilisée par un utilisateur pour étendre l'objet prototype d'un jquery. Un plugin effectue certaines actions sur une collection d'éléments. Chaque méthode fournie avec le noyau jquery peut être considérée comme un plugin.

Le code pour créer un plugin qui ajouterait et supprimerait une classe en survol serait le suivant :

La méthode pushStack() fonctionne en acceptant un tableau d'éléments DOM et les pousse dans une pile. Ceci est fait pour que les appels à des méthodes telles que .end() et .andSelf puissent se comporter correctement. Le jquery utilise en interne cette méthode pour garder une trace de toutes les collections précédentes de jquery tout en utilisant une méthode de traversée de chaîne. De bons exemples de telles méthodes pourraient être .parents() et .filter().

// sélectionne des divs
$('div.conteneur')
// trouver des spans à l'intérieur de ces divs et leur ajouter une classe
.find('span').addClass('baby')
// supprime ces plages de la "pile",
// retour à la collection précédente (div.container)
.finir()
// ajoute une classe au parent de chaque div.container
.parent().addClass('papa')

La méthode .animate() est utilisée pour créer des animations avec d'autres raccourcis l'utilisant. La méthode queue() peut être utilisée pour relier plusieurs méthodes d'animation afin de créer un effet unique. Ces méthodes sont efficaces lorsque toutes les données sont disponibles localement et que toutes les méthodes sont exécutées sur un seul système uniquement. Dans le cas où l'utilisateur souhaite utiliser les méthodes d'animation sur une donnée qui réside sur le serveur et souhaite gérer en une seule fois, l'utilisateur peut utiliser la méthode .deferred.

Certains des concepts clés qui devraient être suivis tout en

  • Les codes doivent toujours être divisés en unités de fonctionnalité spécifiques. Ils peuvent être divisés en modules, services, etc. Ce concept est également connu sous le nom d'encapsulation.
  • Utilisez des techniques d'héritage pour éviter de réécrire un code encore et encore.
  • Le jquery est de nature centrée sur le dom, mais toutes les applications ne sont pas de cette nature. Toutes les fonctionnalités ne doivent pas avoir une représentation dom.
  • Toutes les unités de fonctionnalité doivent exister dans un état faiblement couplé. Cela implique qu'un module peut exister indépendamment. De plus, la communication entre les unités doit être possible et doit être gérée à l'aide d'un système de messagerie, par exemple des événements personnalisés.

Le littéral d'objet est l'un des moyens les plus simples pour l'utilisateur d'encapsuler du code associé. Cela aide en supprimant toutes les fonctions anonymes du code des utilisateurs. Il peut également être utilisé pour centraliser les options de configuration.

Le littéral d'objet ne fournit aucune confidentialité pour les méthodes ou les propriétés. Le modèle de module permet à l'utilisateur d'offrir la confidentialité aux fonctions et aux variables. Il peut être utilisé pour définir l'exposition d'une API limitée.

Par exemple : Le code du modèle de module :

Le RequireJS est un outil de gestion des dépendances qui peut être utilisé par l'utilisateur pour gérer les modules de script. Il peut être utilisé pour charger des scripts une fois qu'une page a été chargée. Cela aide à répartir uniformément les téléchargements.

Par exemple : module RequireJS avec des dépendances définies :

Dans l'exemple ci-dessus, le module my.shirt est créé. Ce module dépend de mon/panier et de mon/inventaire.

Les déclencheurs $.fn.bind et $.fn.triggers sont deux méthodes jquery importantes. Ils sont principalement utilisés avec des événements personnalisés.

  • $.fn.bind : cette méthode accepte un type d'événement et une fonction de gestion d'événement comme argument pour elle-même. Cette méthode peut également accepter des données liées aux événements comme deuxième argument.
  • $.fn.trigger : Cette méthode peut accepter un type d'événement comme argument. Il peut également prendre un tableau de valeurs.

Exemple : représentation de l'utilisation de $.fn.bind et $.fn.triggers à l'aide de données personnalisées dans les deux cas :

Le plugin jquery struts2 est utilisé pour :

  • Il fournit à l'utilisateur une intégration facile d'ajax et de widgets.
  • Il réduit le nombre de code à écrire par un codeur.

Les avantages de son utilisation sont :

  • Cela réduit considérablement le nombre de code à écrire.
  • Il prend également en charge la validation de formulaire ajax.
  • Le code devient beaucoup plus facile à lire et empêche ainsi les erreurs de se produire et est facile à déboguer.

Il est sorti en janvier 2006 au BarCamp NYC par John Resig (fondateur de Jquery).

Tout l'élément div avec la classe tutoriz.

Les sélecteurs d'ID et d'élément sont les sélecteurs les plus rapides

Les sélecteurs de classe sont plus lents

JavaScript getElementById() est plus rapide que le sélecteur Jquery Id ($("#elementID"))

Code pour l'avant-dernier div : $("div.questions > div::nth-last-child(2)").css("color", "red")

Vous trouverez ci-dessous les avantages de l'utilisation de j Query par rapport à JavaScript

  1. Jquery est un code javascript optimisé bien écrit, son exécution sera donc plus rapide à moins que nous n'écrivions le même code javascript optimisé standard.
  2. Jquery est un code de script java concis, ce qui signifie qu'une quantité minimale de code doit être écrite pour la même fonctionnalité que le javascript.
  3. Le développement lié à Javascript est rapide avec Jquery car la plupart des fonctionnalités sont déjà écrites dans la bibliothèque et nous avons juste besoin de l'utiliser.
  4. Jquery prend en charge plusieurs navigateurs, ce qui nous permet de gagner du temps pour prendre en charge tous les navigateurs.
  1. On peut facilement fournir des effets et faire des animations.
  2. Appliquer / Changer CSS.
  3. Des plugins sympas.
  4. Prise en charge d'Ajax
  5. Événements de sélection DOM
  6. Gestion des événements

// Vérification si jQuery UI est chargé ou non

// Renvoie la version de l'interface utilisateur jQuery ou $.ui.version non défini

<input type="text" name=%26quot%3Bacc%26quot%3B value="Select Date" />

$("#Id1").addClass('YourClassName') // pour appliquer la classe
$("#Id1").removeClass('YourClassName') // pour supprimer la classe

La méthode attr() définit ou renvoie les attributs et les valeurs des éléments sélectionnés.

Lorsque cette méthode est utilisée pour renvoyer la valeur de l'attribut, elle renvoie la valeur du premier élément correspondant.

Lorsque cette méthode est utilisée pour définir des valeurs d'attribut, elle définit une ou plusieurs paires attribut/valeur pour l'ensemble d'éléments correspondants.

$(selector).attr(attribute) //il renverra la valeur d'un attribut
$(selector).attr(attribute,value) //il définira la valeur d'un attribut
$(sélecteur).attr() //pour définir plusieurs attributs

La méthode jQuery load() est une méthode AJAX puissante.

La méthode load() charge les données d'un serveur et place les données renvoyées dans l'élément sélectionné sans recharger la page complète.

Exemple : L'exemple suivant charge le contenu du fichier "demo_test.txt" dans un élément spécifique

Oui, vous pouvez également créer votre propre raccourci très facilement. La méthode noConflict() renvoie une référence à jQuery, que vous pouvez enregistrer dans une variable, pour une utilisation ultérieure.

detach method est identique à remove method , mais detach conserve les données jQuery associées aux éléments supprimés.

La méthode detach est plus puissante lorsque vous devez réinsérer les données supprimées.

La méthode jQuery load() est une méthode AJAX puissante.

La méthode load() charge les données d'un serveur et place les données renvoyées dans l'élément sélectionné sans recharger la page complète.

Il renvoie le nombre d'éléments dans l'objet. Cette méthode aide à trouver le nombre d'éléments dans l'objet.

Ajoutez le mot-clé débogueur à la ligne à partir de laquelle nous voulons commencer le débogage.

La fonction document.ready() peut être incluse plusieurs fois alors que la méthode onload() ne peut être appelée qu'une seule fois dans une page.

document.ready() est appelé dès que le DOM est chargé tandis que onload est appelé lorsque tout est chargé sur la page, c'est-à-dire les images, le DOM et les autres ressources associées à la page.

jQuery UI est une bibliothèque qui est construite au-dessus de la bibliothèque jQuery. jQuery UI est livré avec des widgets, des effets et un mécanisme d'interaction sympas.

Vous pouvez créer votre propre raccourci très facilement. La méthode noConflict() renvoie une référence à jQuery, que vous pouvez enregistrer dans une variable, pour une utilisation ultérieure.

min.js est essentiellement la version minifiée du fichier .js. Les deux fichiers sont identiques en ce qui concerne la fonctionnalité.

.min.js est utilisé pour augmenter les performances de la page car il est de petite taille par rapport à .js et prend moins de temps à charger.

L'avantage d'utiliser une version minifiée du fichier jQuery est l'efficacité. L'efficacité de la page augmente à mesure que la version réduite est de petite taille et prend moins de temps à charger.

Effets et animations, Ajax, Extensibilité.

les sélecteurs de classe sont les lents comparés à l'ID et à l'élément.

Nous pouvons utiliser tous les sélecteurs pour sélectionner tous les éléments de la page.

Les sélecteurs sont utilisés dans jQuery pour rechercher et sélectionner des éléments DOM via un identifiant, une classe ou un sélecteur d'élément. Il y a beaucoup de nouveaux sélecteurs introduits dans jQuery. À l'aide des sélecteurs jQuery, les éléments DOM peuvent être sélectionnés et manipulés.

Cela sélectionnera tous les éléments div sur la page.

jQuery a été fondé par John Resig en janvier 2006.

Le prêt de jQuery est un événement qui se déclenche automatiquement lorsque DOM est prêt tandis que holdReady est un signal/drapeau pour maintenir ce déclenchement. holdReady a été inclus dans la version 1.6 et il ne fonctionne que s'il est utilisé avant l'exécution/le déclenchement de l'événement ready. Une fois que l'événement ready est déclenché, il n'a rien à voir. Il est utile pour charger dynamiquement des scripts avant que le prêt ne démarre. Il libère l'exécution de l'événement prêt lorsqu'il est utilisé avec un paramètre vrai.

La méthode Jquery ajax() est utilisée pour effectuer une requête AJAX (HTTP asynchrone).

url : Spécifie l'URL à laquelle envoyer la demande. La valeur par défaut est la page actuelle

taper : Spécifie le type de demande. (OBTENIR ou POST)

Les données : Spécifie les données à envoyer au serveur

cache : Une valeur booléenne indiquant si le navigateur doit mettre en cache les pages demandées. La valeur par défaut est true

avantEnvoi(xhr): Une fonction à exécuter avant l'envoi de la requête

var StateID = $("#StateCbx").val() // Ou vous pouvez l'utiliser $("#iStateID").val()

var StateName = $("#StateCbx option:selected").text()

alert("Le texte de la zone de liste déroulante sélectionné est = " + StateName + " et la valeur est = " + StateID)

Par $.ajax et en déclarant la méthode une WebMethod

La méthode .size() de Jquery renvoie le nombre d'éléments dans l'objet. Cela signifie que vous pouvez compter le nombre d'éléments dans un objet.

Jquery.size() et jquery.length renvoient tous deux le nombre d'éléments trouvés dans l'objet. Mais, jquery.length est plus rapide que jquery.size() car size() est une méthode mais la longueur est une propriété.

Ajoutez le mot-clé "debugger" à la ligne à partir de laquelle nous voulons démarrer le débogage, puis exécutez Visual Studio en mode Débogage en appuyant sur F5 ou en utilisant le bouton Déboguer.

Non, si le fichier Jquery a été ajouté à la page maître, nous pouvons accéder directement à la page de contenu sans y ajouter de référence.

Cela peut être fait en utilisant cet exemple simple

Nous pouvons ajouter plusieurs fonctions document.ready() dans une page.

nous ne pouvons avoir qu'une seule fonction onload.

La fonction Document.ready() est appelée dès que le DOM est chargé.

La fonction body.onload() est appelée lorsque tout (DOM, images) est chargé sur la page.

Tout l'élément div avec la classe parent.

Chargez toujours votre framework jQuery depuis Google, Microsoft ou jQuery CDN (Content Delivery Network). Car il offre plusieurs avantages.

  1. Vous utilisez toujours le dernier framework jQuery.
  2. Cela réduit la charge de votre serveur.
  3. Il économise de la bande passante. Le framework jQuery se chargera plus rapidement à partir de ces CDN.
  4. L'avantage le plus important est qu'il sera mis en cache si l'utilisateur a visité un site utilisant le framework jQuery à partir de l'un de ces CDN.

Non. jQuery ne remplace pas JavaScript. jQuery est une bibliothèque différente qui est écrite au-dessus de JavaScript. jQuery est une bibliothèque JavaScript légère qui met l'accent sur l'interaction entre JavaScript et HTML.

Pour commencer avec jQuery, il faut faire référence à sa bibliothèque. La dernière version de jQuery peut être téléchargée sur jQuery.com.

Dollar Sign n'est rien mais c'est un alias pour JQuery. Jetez un œil au code jQuery ci-dessous.

Ici, le signe $ peut être remplacé par le mot-clé "jQuery". voir la sourceimprimer ?

La fonction document.ready() est différente de la fonction body onload() pour 2 raisons.

  1. Nous pouvons avoir plus d'une fonction document.ready() dans une page où nous ne pouvons avoir qu'une seule fonction de chargement du corps.
  2. La fonction document.ready () est appelée dès que le DOM est chargé, où la fonction body.onload () est appelée lorsque tout est chargé sur la page, y compris le DOM, les images et toutes les ressources associées de la page.

OUI. Nous pouvons avoir n'importe quel nombre de fonctions document.ready() sur la même page.

Il existe 3 types de sélecteurs dans Jquery

Certaines des méthodes courantes sont :

Toutes les actions des visiteurs auxquelles une page Web peut répondre sont appelées événements. Un événement représente le moment précis où quelque chose se produit.

Exemples : .passage de la souris sur un élément .sélection d'un bouton radio Le terme "fires" est souvent utilisé avec les événements.

Exemple : "L'événement click se déclenche au moment où vous cliquez sur la souris".

La plupart des événements DOM ont une méthode jQuery équivalente.

Étape 1 : Pour attribuer un événement de clic à tous les paragraphes d'une page, procédez comme suit : $("p").click()

Étape 2 : L'étape suivante consiste à définir ce qui doit se passer lorsque l'événement se déclenche. Vous devez passer une fonction à l'événement :

La méthode click() attache une fonction de gestionnaire d'événements à un élément HTML. La fonction est exécutée lorsque l'utilisateur clique sur l'élément HTML. L'exemple suivant indique : Lorsqu'un événement click se déclenche sur un élément, masquez l'élément actuel :

La méthode dbclick() attache une fonction de gestionnaire d'événements à un élément HTML. La fonction est exécutée lorsque l'utilisateur double-clique sur l'élément HTML :

La méthode mouseenter() attache une fonction de gestionnaire d'événements à un élément HTML. La fonction est exécutée lorsque le pointeur de la souris entre dans l'élément HTML :

La méthode mousedown() attache une fonction de gestionnaire d'événements à un élément HTML. La fonction est exécutée, lorsque le bouton gauche de la souris est enfoncé, tandis que la souris est sur l'élément HTML :

La méthode mouseup() attache une fonction de gestionnaire d'événements à un élément HTML. La fonction est exécutée, lorsque le bouton gauche de la souris est relâché, tandis que la souris est sur l'élément HTML :

La méthode hover() prend deux fonctions et est une combinaison des méthodes mouseenter() et mouseleave(). La première fonction est exécutée lorsque la souris entre dans l'élément HTML, et la deuxième fonction est exécutée lorsque la souris quitte l'élément HTML :

La méthode focus() attache une fonction de gestionnaire d'événements à un champ de formulaire HTML. La fonction est exécutée lorsque le champ de formulaire obtient le focus :

La méthode blur() attache une fonction de gestionnaire d'événements à un champ de formulaire HTML. La fonction est exécutée lorsque le champ du formulaire perd le focus :

jQuery est comme le cadre client ASP.NET AJAX (MicrosoftAjax.js), avec des sélecteurs, des sélections/manipulations DOM, des plug-ins et une meilleure prise en charge des animations. jQuery est plus puissant que MS AJAX côté client en raison de sa nature légère. C'est la raison pour laquelle Microsoft a intégré jQuery à Visual Studio. JQuery est intégré pour les versions post VS 2008, aucun téléchargement explicite du fichier jQuery n'est requis pour les versions supérieures à VS2010. Ajax est une technologie de transfert de données asynchrone. AJAX est une technique pour faire une XMLHttpRequest d'une page Web au serveur et envoyer ou recevoir des données à utiliser sur la page Web.

Il s'agit d'un plugin jQuery qui sert à connecter/lier une fonction à une autre fonction. Il s'agit plutôt d'affecter un gestionnaire à une autre fonction. Connect est utilisé pour exécuter une fonction chaque fois qu'une fonction d'un autre objet ou plugin est exécutée. Nous pouvons également nous connecter à un événement d'un élément DOM en utilisant cette fonction. Dans le sens, la même fonction de connexion peut être utilisée à la fois pour les éléments DOM et pour les fonctions. $.connect (refobj, refFuncName, connObj, connFunc) Cela signifie que, lorsque la fonction de référence est exécutée, la fonction connectée est exécutée automatiquement après elle. Pour mieux comprendre, veuillez analyser l'exemple suivant de fonction A() < this.fun1 = function()< called1 = 'calssA-fun1' >> var a = new A() function B() < this.fun2 = function()< appelé2 = 'classB-fun1' >> var b = nouveau B()

$.connect(a,'fun1',b,fun2) Ici, nous avons connecté "fun2" de l'objet b à "fun1" de l'objet a. Lorsque nous appelons b.fun2, a.fun1 s'exécutera également automatiquement.C'est très pratique pour exécuter une fonction lorsqu'une autre fonction est exécutée à partir du plug-in . Pour jouer avec, suivez ces étapes. ->Télécharger le fichier jquery.connect.js. ->Incluez ce fichier dans votre fichier html. ->Prenez l'aide de la fonction $.connect comme illustré pour connecter une fonction à une autre fonction.

  1. Pour appliquer CSS statique ou dynamique
  2. Pour appeler des fonctions sur des événements
  3. Croiser les documents
  4. But de la manipulation
  5. Pour ajouter des effets d'animation Dans tous les cas, nous utilisons JavaScript peut être remplacé par jQuery dans les projets. Cela peut réduire l'entretien.

La différence entre les méthodes find() et children() réside dans le fait que les enfants ne descendent qu'un seul niveau dans l'arbre DOM, tandis que la recherche descend à tous les niveaux de l'arbre DOM.

Pour tester si un élément existe, nous pouvons utiliser la méthode de longueur dans jQuery comme ci-dessous :

if $(''#mySampleDiv'').length ) // Teste si le div avec l'id mySampleDiv existe ou non
$(mySampleDiv).find(''div'')

Pour utiliser jQuery dans l'application Web ASP.NET, suivez les étapes ci-dessous :

  1. Allez sur http://jquery.com/(Le site Web officiel de jQuery)
  2. Téléchargez le dernier fichier .js jQuery à partir du site Web.
  3. Mettez-y le script (ou autre dossier) à la racine de votre application web
  4. Ajoutez la balise ci-dessous sur la page où vous souhaitez utiliser Jquery

Le fichier JQuery min .js est en fait une version minifiée de Actual JQuery .js. Les fichiers min ont moins de taille mais le même contenu, ce qui améliore les performances. Vous devriez donc préférer utiliser des fichiers min.

L'avantage d'utiliser $(document).ready(function () dans jQuery est que le code à l'intérieur de cette fonction ne s'exécutera que lorsque la page complète aura été chargée, de sorte qu'il n'y aura pas d'erreur comme l'objet DOM sur lequel le Jquery doit s'exécuter n'est pas chargé.

Le code ci-dessous est correct pour le rappel en utilisant des arguments

où get est la fonction parent et sampleCallBackFunction est la fonction de rappel Cependant, si vous faites comme ci-dessous, cela ne fonctionnera pas :

$.get(''samplepage.html'', sampleCallBackFunction(arg1, arg2))

Oui. Une fonction qui apparaît après la fonction parent peut ou non s'exécuter avant la fonction de rappel en fonction de la réponse de la fonction parent.

Une fonction de rappel n'est rien d'autre qu'une fonction à passer en argument à une autre fonction et elle s'exécute après l'exécution de sa fonction parente.

Notez qu'ici sampleCallBackFunction n'a aucun argument.

La fonction event.preventDefault dans Jquery est utilisée pour empêcher le comportement par défaut de l'événement en question.

Par exemple, si vous souhaitez empêcher le comportement par défaut de l'événement click, utilisez le code suivant

Maintenant, si vous cliquez sur le div, il disparaîtra lentement.

Les valeurs d'attribut sont des valeurs écrites dans un fichier texte HTML Mais les valeurs de propriété sont des valeurs trouvées dans l'arborescence HTML DOM. Ainsi, les valeurs de propriété peuvent changer selon l'interaction de l'utilisateur, mais les valeurs d'attribut ne changent jamais.

data-role = "listview" dans Jquery Mobile est utilisé pour créer une liste à puces d'éléments comme indiqué ci-dessous :

Ci-dessous le code pour créer un bouton avec Jquery Mobile

L'attribut data-role de div dans Jquery Mobile attribue généralement les valeurs suivantes pour commencer (Cependant, d'autres valeurs sont également présentes):

Cet attribut est utilisé pour créer un widget stylisé.

Vous trouverez ci-dessous la version généralisée des fichiers js et css que nous devons référencer lors du développement de l'application Jquery Mobile. jquery.mobile-x.x.x.min.css jquery-x.x.x.min.js jquery.mobile-x.x.x.min.js

En utilisant deux fonctions, nous pouvons effectuer l'opération.

vous pouvez désactiver/activer l'élément Web en utilisant respectivement les fonctions attr et removeAttr.

* Vous pouvez utiliser la méthode is() avec un sélecteur approprié

Notez que cette méthode vous permet également de tester d'autres choses.

Par exemple, vous pouvez tester si un élément est masqué (en utilisant le sélecteur personnalisé :hidden) :

en utilisant la méthode css(), nous pouvons appliquer css dans l'élément div.

Non, la page maître/page de base/page modèle aide essentiellement à créer une mise en page cohérente pour la page dans l'application. Dans le cas où vous avez référé le fichier jQuery dans la page maître/page de base/page de modèle qui provoque le rendu du fichier dans le navigateur, vous n'avez pas besoin de référencer à nouveau le fichier jQuery la page de contenu. En résumé, il ne doit pas y avoir plus d'une balise < script> avec une référence de fichier jQuery dans le code source de la page Web rendue dans le navigateur.

En termes de fonctionnalité, il n'y a pas de différence entre le jQuery-x.x.x.js et le jQuery-x.x.x-min.js (également appelé version minifiée). Cependant, cela peut jouer un rôle essentiel dans les performances de la page Web.

La taille du fichier jQuery-1.4.4.js est de 178 Ko par rapport à sa version minifiée jQuery-1.4.4-min.js qui ne fait que 76,7 Ko. Ainsi, lorsque votre page se charge dans le navigateur du client si vous n'utilisez pas de version minifiée, elle charge un fichier de 178 Ko qui prend plus de temps à charger que 76,7 Ko.

Vous pouvez demander que si nous pouvons charger le fichier jQuery à partir de notre propre serveur, pourquoi le charger à partir des CDN. La réponse est logique et très simple. Le comportement du navigateur est que chaque fois qu'il charge une page Web, il conserve les fichiers associés (par exemple, un fichier Javascript, un fichier CSS et des images) utilisés pour cette page dans son cache (également appelé historique). Lors de la prochaine navigation de l'utilisateur sur une page Web, le navigateur ne charge que les fichiers nouveaux ou modifiés et qui ne sont pas disponibles dans le cache ou l'historique du navigateur. De cette façon, le navigateur améliore ses performances et charge la page. Il est possible que si de plus en plus de sites Web utilisent des CDN, l'utilisateur a peut-être déjà parcouru d'autres pages Web utilisant le fichier jQuery de CDN et ce fichier peut être dans le cache du navigateur. Ainsi, lorsque l'utilisateur parcourt votre page et que vous utilisez également le fichier CDN , l'ancienne version mise en cache du fichier jQuery sera utilisée. De cette façon, votre page se chargera plus rapidement car le navigateur n'aura pas à charger à nouveau le fichier jQuery pour votre page. L'avantage : Chargement de page plus rapide car le fichier jQuery n'a pas besoin d'être téléchargé Économise votre bande passante car le fichier jQuery n'est pas chargé à partir de votre serveur Évolutif - généralement les CDN placent ces fichiers sur des serveurs situés à différents emplacements géographiques du monde afin qu'ils se chargent plus rapidement. quel que soit l'endroit où votre utilisateur navigue sur votre page, votre application fonctionne bien.

Oui, il est toujours bon de charger votre jquery à partir du réseau de diffusion de contenu. Il offre certains avantages tels que : - La mise en cache - Cela signifie que si un site précédemment visité par l'utilisateur utilise jQuery de Google CDN, la version mise en cache sera utilisée. Il ne sera plus téléchargé. Réduit la charge - Il réduit la charge sur votre serveur Web lors du téléchargement à partir du serveur Google.

Non, si le fichier Jquery a été ajouté à la page maître, nous pouvons accéder directement à la page de contenu sans y ajouter de référence. Cela peut être fait en utilisant cet exemple simple

L'avantage d'utiliser une version minifiée du fichier JQuery est que l'efficacité de la page Web augmente. La version normale jQuery-x.x.x.js a une taille de fichier de 178 Ko mais la version minifiée jQuery.x.x.x-min.js a 76,7 Ko. La réduction de la taille rend la page à charger plus rapidement que vous utilisez un fichier jQuery conventionnel avec 178 Ko

CDN - Il signifie Content Distribution Network ou Content Delivery Network. Généralement, un groupe de systèmes à divers endroits connectés pour transférer des fichiers de données entre eux pour augmenter sa bande passante tout en accédant aux données. L'architecture typique est conçue de telle manière qu'un client accède à une copie de fichier à partir de son client le plus proche plutôt que d'y accéder à partir d'un serveur centralisé. Nous pouvons donc charger ce fichier jQuery à partir de ce CDN afin d'augmenter l'efficacité de tous les clients travaillant sous ce réseau.


CakePHP - Mise à jour de plusieurs tables en même temps

J'ai une application Cakephp 1.3 qui fonctionne et j'ai la configuration suivante :

Un tableau appelé émissions avec ce modèle :

classe Emission étend AppModel

Et une table nommée émission_messages avec ce modèle :

la classe EmissionMessage étend AppModel

La table d'émission_message a un champ appelé emission_id pour la clé étrangère.

Lorsque je crée une nouvelle instance d'émission, je dois créer une nouvelle instance d'émission_message en même temps, c'est-à-dire : sous la forme où j'insérerais une nouvelle émission dans ma base de données, j'aurai besoin d'avoir des entrées de l'émission_message associées à cela même émission. Idem pour le formulaire d'édition.

Je pense que je l'ai mal fait, car je peux insérer "manuellement" dans la table d'émission_message avec l'identifiant associé une fois l'émission créée, mais je suppose que ce n'est pas la bonne façon et que cakePHP est censé le faire automatiquement. Je ne sais pas comment nommer mes entrées sur le formulaire pour que les informations soient correctement enregistrées ou si mes modèles sont erronés et c'est pourquoi cela ne fonctionne pas.

Pour rendre les choses plus claires : Emission et EmissionMessage sont dans une relation un à un, l'ajout de hasOne à Emissions l'a fait fonctionner à mi-chemin, je peux maintenant enregistrer les champs en utilisant :

Mais lorsque j'essaie de mettre à jour le même enregistrement, l'action edit() enregistre simplement les données dans une nouvelle ligne (avec la clé étrangère, mais dans une nouvelle ligne, au lieu de mettre à jour la précédente)

À la fois dans les actions edit() et add() (insertion et mise à jour)

EDIT 2: Il semble que l'entrée cachée avec l'identifiant de la table EmissionMessage ait fait l'affaire (je ne le faisais pas correctement auparavant, une fois que j'ai corrigé cela, cela a bien fonctionné) comme le suggère cette réponse : <a href="https://stackoverflow .com/questions/9081853/saveall-inserts-new-row-instead-of-updating" rel="nofollow">saveAll() insère une nouvelle ligne au lieu de mettre à jour</a>

Je trouve très étrange que je doive ajouter cette entrée cachée, mais au moins cela résout le problème.

il suffit de faire les choses comme --

classe Emission étend AppModel

et faites le formulaire après cela.

$this->Form->create('Emission') $this->Form->input('Emission.id') $this->Form->input('Emission.fieldsname') $this->Form->input('EmissionMessage.id') $this->Form->input('EmissionMessage.fieldsname2') $this->Form->input('EmissionMessage.fieldsname3') $this->Form->submit()

puis dans l'appel à l'action-

$this->Emission->saveAll($this->data) pour enregistrer toutes les données.

allez à travers le lien ci-dessous pour plus de détails. <a href="http://book.cakephp.org/1.3/en/The-Manual/Developing-with-CakePHP/Models.html" rel="nofollow">http://book.cakephp.org/1.3/en /Le-Manuel/Developing-with-CakePHP/Models.html</a>

Si Emission n'a qu'un seul Emission_message, vous devez utiliser hasOne Association Type, remplacez votre modèle par :

classe Emission étend AppModel

la classe EmissionMessage étend AppModel

Déclarez $hasMany dans votre émission pour établir une relation hasMany avec EmissionMessage

classe Emission étend AppModel

Emission enregistrera également les enregistrements du modèle EmissionMessage une fois que vous aurez placé le tableau de données comme celui-ci. c'est à dire.

$data = array( 'Emission' => array( 'field1' => 'value1', 'field2' => 'value2' ), 'EmissionMessage' => array( '0' => array( 'field1' => 'valeur1', ), '1' => tableau( 'champ1' => 'valeur1', ), '2' => tableau( 'champ1' => 'valeur1', ) ) )

vous pouvez créer un tableau ci-dessus en utilisant votre assistant de formulaire.

$this->Form->create('Emission') $this->Form->input('Emission.field1') $this->Form->input('Emission.field2') $this->Form->input('EmissionMessage.0.field1 ') $this->Form->input('EmissionMessage.1.field1') $this->Form->input('EmissionMessage.2.field1') $this->Form->submit()

lorsque vous soumettez le formulaire, vous pouvez obtenir les données comme le tableau ci-dessus dans $this->request->data .


Le proxy HTTP pour le serveur d'objets Realm ne fonctionne pas

Je n'arrive pas à faire fonctionner le proxy https pour mon serveur d'objets Realm. J'ai suivi toutes les étapes de la documentation, qui incluent la modification du fichier configuration.yml à modifier :

proxy.https.enable : vrai proxy.https.listen_address : :: proxy.https.listen_port : 9443 proxy.https.certificate_path : proxy 'cert_path'.https.private_key_path : 'private_key_path'

Quand je visite <a href="http://example.com:9080" rel="nofollow noreferrer">http://example.com:9080</a> ça va, mais visiter <a href="https://example.com :9443" rel="nofollow noreferrer">https://example.com:9443</a> ne fonctionne pas - j'ai vérifié que les chemins sont corrects et que la combinaison de clés cert/privée est valide.

Toute aide pour configurer cela serait très appréciée, car j'essaie de mettre l'application en conformité avec les exigences ATS d'Apple!

Le Realm Object Server est démarré par l'utilisateur "realm", vous devez vérifier que l'utilisateur dispose des autorisations pour accéder aux certificats.

Voici une liste d'instructions pour configurer https avec <a href="https://letsencrypt.org/" rel="nofollow">letsencrypt</a> ! sur Ubuntu 16.04, cela aide peut-être à identifier votre problème :

<ol><li>Installer ROS, crypter et générer des certificats</li> </ol>


Quelques réflexions finales¶

Si vous avez suivi l'intégralité du processus décrit dans ce chapitre et créé l'application pour chaque plate-forme, alors félicitations. Il y a beaucoup d'endroits où les choses peuvent mal tourner. Vous intégrez vraiment les systèmes de génération dans Visual Studio, Android, Xamarin et XCode.

Heureusement, une fois ceux-ci mis en place, il est probable qu'ils continueront à fonctionner et vous n'aurez plus à trop y penser. Les outils et simulateurs de construction Android et iOS fonctionneront tout simplement.

Si vous préférez développer du code sur votre mac, la section suivante est pour vous - elle entre dans le vif du sujet en développant exactement la même application, mais en utilisant à la place Visual Studio pour Mac.

Les 7 chapitres suivants prennent chacun un aspect des services cloud qui peuvent être fournis aux applications mobiles et l'explorent en détail, en utilisant une application mobile Azure comme point de départ. Vous pouvez sauter partout à ce stade, mais sachez que nous attendons de vous que vous traitiez ces sujets dans l'ordre. Si vous faites le chapitre sur les données avant de couvrir l'authentification, il est probable que vous ayez manqué des fonctionnalités importantes dans votre application pour terminer le travail.


Voir la vidéo: Hello World - Création de linterface utilisateur