Normes jQuery et meilleures pratiques [fermé]
-
12-09-2019 - |
Question
Je suis actuellement responsable du déploiement de l'utilisation de jQuery pour la communauté des développeurs Web au sein de notre entreprise. Une partie de cela implique la présentation d'un cours, mais une autre partie implique des normes de communication et de meilleures pratiques.
Si vous jQuery meilleur pratique »Google, vous trouverez probablement les éléments suivants parmi les résultats de recherche. http://www.smashingmagazine.com/2008 / 09/16 / jquery-exemples et-les meilleures pratiques / http://www.artzstudio.com/2009/04/jquery-performance -Règles /
Ceux-ci ont été utiles et moi avons beaucoup luisaient des informations utiles sur eux. Cependant, ce que je serais vraiment intéressé aurait des conseils, des pièges, des opinions, etc., sur les meilleures pratiques des développeurs expérimentés et jQuery ceux qui se sont trouvées dans une position similaire à moi-même. Tous les bons liens seraient également appréciées.
EDIT:
Ajout d'une section de codage des normes jQuery sur ma propre page:
La solution
Vous pouvez trouver ce trending topic ici dans StackOverflow.com
Très intéressant conseils utiles l'un après l'autre.
voici plus je l'ai trouvé dans mes favoris:
- http: // paulirish. com / 2011/11-plus-choses-i-appris-de-la-jquery source /
-
http://jquery.open2space.com/ -
http://thetoptenme.wordpress.com/2008/08/19/the-complete-guide-for-jquery-developer-reblog/ -
http: // www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx
Autres conseils
Quelque chose que j'ai personnellement commencé à faire est une sorte d'un pour les jeux jQuery, en préfixant les variables avec un $
var someInt = 1;
var $someQueryCollection = $( 'selector' );
Je trouve que mes extraits jQuery grandir, cela devient une valeur inestimable, non seulement dans la promotion du stockage jQuery définit comme variables, mais pour me aider à garder une trace dont les variables sont en fait jeux jQuery.
Unobtrusive JavaScript (séparation de balisage et de comportement)
À l'époque, il était courant de mettre votre gestionnaire de clic dans le balisage. Maintenant, il est recommandé de ne pas écrire votre code JS dans votre balisage mais inclure via les événements DOM.
amélioration progressive
L'utilisateur obtient une meilleure expérience si elles utilisent navigateur conforme aux standards et / ou JavaScript est activé. Site / application web est toujours accessible, même si elles ont navigateur plus âgé ou a JS désactivé.
Détection des fonctionnalités et des caractéristiques non détection du navigateur
Garder les points ci-dessus mis à part, je voudrais vraiment mettre l'accent sur la transmission du message (rupture de la notion préconçue) que JavaScript est un langage de jouet. Je l'ai vu trop de développeurs qui pense de cette façon et tout est en descente à partir de là. Vous devez leur expliquer comment JavaScript est un langage très puissant et pourquoi ils ont besoin d'une bibliothèque JS (en raison des incohérences du navigateur), même si JS lui-même est très puissant.
Bonne chance.
La façon dont fonctionne jQuery n'est pas la même façon que JavaScript fonctionne, même si elles sont une seule et même. jQuery fonctionne sur sélecteurs CSS, comme le nom de la classe (s) et l'identifiant d'éléments. Pour sélectionner un élément dans jQuery, vous faites:
$("#yourID") or $(".yourClass") or $("div") or $("#yourID p") etc
Et vous obtiendrez une collection de tous les éléments sur la page qui correspondent à vos critères. Vous pouvez ensuite effectuer vos actions sur tous ces éléments sans boucle d'aucune sorte. Il est important de se rappeler:
$(".yourClass").click(function(){
//do stuff
});
aura une incidence sur tous les éléments avec .yourClass
attachés. Une astuce: si vous allez accéder au $(this)
, vous devez enregistrer comme une variable locale:
$(".yourClass").click(function(){
var $this = $(this);
});
car il permettra d'accélérer votre fonction.