IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Bonnes pratiques JavaScript [D�bat]


Sujet :

JavaScript

  1. #181
    Expert confirm�
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 100
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activit� : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 100
    Par d�faut
    Citation Envoy� par Kaamo Voir le message
    Je crois que c'est gr�ce � Firebug. D'ailleurs Chrome s'en est inspir� apparemment.
    Effectivement je me souviens avoir vu �a dans une patch note de Firebug. Je crois que �a date de la versions actuelle (1.12).
    La FAQ JavaScript � Les cours JavaScript
    Touche F12 = la console → l�outil indispensable pour d�velopper en JavaScript !

  2. #182
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    Il semblerait que cela soit plus ancien, firebug ver 1.8, mais l'importance est toute relative.
    Images attach�es Images attach�es  

  3. #183
    R�dacteur/Mod�rateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Par d�faut
    Ce qui serait tr�s utile aussi dans l'API console, c'est un moyen de logger le scope d'une closure selon l'endroit du code o� on se trouve. On peut d�j� le voir en mettant un breakpoint sous Chrome, dans la barre lat�rale de d�bug � droite.

  4. #184
    Membre �prouv�

    Homme Profil pro
    Inscrit en
    Juillet 2007
    Messages
    162
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 51
    Localisation : France, Rh�ne (Rh�ne Alpes)

    Informations forums :
    Inscription : Juillet 2007
    Messages : 162
    Par d�faut
    Citation Envoy� par Auteur Voir le message
    Pour commencer :
    • Toujours d�clarer ses variables qu'elles soient locales ou globales :
      Firefox est tr�s sensible � �a et avec IE on peut avoir de mauvaises surprises ;
    • le nom de variables ne doit pas �tre un mot-clef JS ou l'id ou le name d'un �l�ment ou le nom d'une balise (cf. le lien ci-dessus) ;
    • bannir innerHTML pour inclure dans la page des nouveaux �l�ments (div, input, table, etc.). Utiliser le DOM ;
    • bannir document.write()
    • dans les balises HTML �crire le nom des �v�nements en minuscules (sinon �a ne passe pas la validation W3C) ;

    Pourquoi bannir innerHTML ?

  5. #185
    Membre actif

    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Septembre 2012
    Messages
    30
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Septembre 2012
    Messages : 30
    Par d�faut
    Citation Envoy� par Coocky10 Voir le message
    Pourquoi bannir innerHTML ?
    Ce n'est pas innerHTML qu'il faut bannir mais document.write car il s'agit je pense d'une m�thode qui t'oblige � r��crire le contenu de ta page. Et aujourd'hui ce n'est plus ce que l'on cherche � faire.
    Pour la citation de auteur,
    Certaine personne �crivent cela :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    document.getElementById("el").innerHTML="<div id=\"autre_el\">POP</div>";
    Il n'y a rien � dire dans cette ligne de code j'ajoute une DIV dans #el d�finitivement
    Mais �a :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    document.getElementById("el").innerHTML="<div id=\"autre_el\">POP<a href=\"#\" id=\"closer\">x</a></div>";
    document.getElementById("closer").onClick=function(){ //Je ne tiens pas compte des event_caller IE et FireFox (c'est pour l'exemple)
    document.getElementById("autre_el").remove();
    return false;
    };
    C'est maladroit est bancal

  6. #186
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    Citation Envoy� par sdamart
    Ce n'est pas innerHTML qu'il faut bannir mais document.write...
    peut �tre pas bannir mais a utiliser en connaissance de code et de fa�on coh�rente.

    Pour test et pour ce rendre compte des effets de bord : http://www.developpez.net/forums/d97...l/#post5463783.

Discussions similaires

  1. Bonnes pratiques pour la POO en Javascript
    Par piemur2000 dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 05/10/2013, 15h33
  2. bonnes pratiques syntaxe javascript
    Par Invit� dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 27/06/2013, 10h40
  3. Bonnes pratiques de s�curit� en JavaScript
    Par Toulousaing dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 08/04/2012, 19h47
  4. javascript orient� objet: bonne pratique et h�ritage
    Par negstek dans le forum G�n�ral JavaScript
    R�ponses: 9
    Dernier message: 31/08/2011, 19h27
  5. [POO] Bonnes pratiques href="javascript:fonction()"
    Par LhIaScZkTer dans le forum G�n�ral JavaScript
    R�ponses: 20
    Dernier message: 04/04/2009, 18h26

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo