Latest web development tutorials
×

JavaScript cours

JavaScript cours JavaScript Brève introduction JavaScript usage JavaScript exportation JavaScript grammaire JavaScript Déclarations JavaScript note JavaScript variable JavaScript Types de données JavaScript Objets JavaScript fonction JavaScript portée JavaScript événement JavaScript chaîne JavaScript opérateurs JavaScript comparer JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Type de conversion JavaScript expressions régulières JavaScript erreur JavaScript debugging JavaScript ascenseur variable JavaScript Strict mode JavaScript utilisation inappropriée JavaScript Authentification Forms JavaScript Mots clés réservés JavaScript JSON JavaScript void JavaScript Spécification code

JS fonction

JavaScript Définition de la fonction JavaScript Arguments de la fonction JavaScript appel de fonction JavaScript fermetures

JS HTML DOM

DOM Brève introduction DOM HTML DOM CSS DOM événement DOM EventListener DOM élément

JS Tutorial avancée

JavaScript Objets JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objets

JS Navigateur BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript événement Timed JavaScript Cookies

JS entrepôt

JavaScript entrepôt JavaScript test jQuery JavaScript test Prototype

JS Exemples

JavaScript Exemples JavaScript instance de l'objet JavaScript instance d'objet du navigateur JavaScript HTML DOM Exemples JavaScript résumé

JS Manuel de référence

JavaScript Objets HTML DOM Objets

JavaScript spécifications du code

Tout projet JavaScript applique la même spécification.

JavaScript spécifications du code

les spécifications du Code comprennent généralement les aspects suivants:

  • Nommer les variables et fonctions
  • Espaces, indentation, des commentaires, des règles d'utilisation.
  • Autre spécification commune ......

Code normalisé plus facile à lire et à maintenir.

Codes de dispositions générales dans le développement de l'ancien, vous pouvez avec les membres de votre équipe pour négocier le réglage.

nom de la variable

Les noms de variables méthode recommandée chameau nommé (camelCase):

firstName = "John";
lastName = "Doe";

prix = 19.90;
taxe = 0,20;

FULLPRICE = prix + (prix * taxes);

Espace et l'opérateur

Typiquement opérateur (= + - * /) pour ajouter un espace avant et après:

exemple:

var x = y + z;
valeurs var = [ "Volvo", "Saab", "Fiat"];

code de retrait

Symboles utilisent généralement quatre espaces pour indenter un bloc de code:

Fonctions:

fonction toCelsius (fahrenheit) {
retour (5/9) * ( fahrenheit - 32);
}
note Non recommandé d'utiliser la touche TAB pour mettre en retrait, comme différents éditeurs touche TAB n'est pas la même détermination.

Déclarations règle

Les instructions simples des règles générales:

  • Habituellement, comme un symbole déclaration de terminaison.

exemple:

valeurs var = [ "Volvo", "Saab", "Fiat"];

var personne = {
firstName: "John",
lastName: "Doe",
âge: 50,
couleurYeux: "bleu"
};

Règles générales de déclaration complexe:

  • L'accolade à l'extrémité gauche de la première ligne.
  • Ajouter un espace avant les accolades.
  • L'accolade sur la ligne indépendante.
  • Ne pas se terminer par un point-virgule, une déclaration complexe.

Fonctions:

fonction toCelsius (fahrenheit) {
retour (5/9) * ( fahrenheit - 32);
}

cycle:

for (i = 0; i < 5; i ++) {
x + = i;
}

Les instructions conditionnelles:

if (temps <20) {
salutation = "Bonne journée";
} Else {
salutation = "Bonne soirée";
}

objet règle

Objet-défini des règles:

  • L'accolade gauche sur la même ligne avec le nom de la classe.
  • Entre les deux points et les valeurs d'attributs sont des espaces.
  • Utilisez les guillemets doubles cordes, les numéros ne sont pas.
  • Le dernier attribut - valeur à l'arrière ne pas ajouter des virgules.
  • L'accolade sur la ligne indépendante, et les symboles comme le symbole de la fin.

exemple:

var personne = {
firstName: "John",
lastName: "Doe",
âge: 50,
couleurYeux: "bleu"
};

code objet court peut être écrit directement à la ligne:

exemple:

var personne = {firstName: "John ", lastName: "Doe", l' âge: 50, couleurYeux: "bleu"};

Moins de 80 caractères dans chaque ligne de code

Pour faciliter la lecture de recommander moins que le nombre de caractères par ligne 80.

Si une instruction JavaScript est plus de 80 caractères, il est recommandé après l'opérateur virgule ou de la pellicule.

exemple:

document.getElementById ( "demo") .innerHTML =
"Bonjour w3big.";

Essayez »

Règles de nommage

Habituellement, un grand nombre de règles de dénomination du langage de code sont similaires, par exemple:

  • Variables et fonctions pour la Loi sur la bosse (camelCase)
  • Les variables globales (majuscules de MAJUSCULES)
  • Constantes (tels que PI) en majuscules (MAJUSCULES)

Nom de la variable que vous utilisez ces types de règles: HYP-poules, camelCase ou sous_ligne?

HTML et CSS tiret (-) caractères:

attribut HTML5 peut DATA- (tels que: les données de quantité, les données des prix) comme préfixe.

utilise CSS - pour connecter le nom de la propriété (font-size).

note - Généralement considéré comme une soustraction en JavaScript, il est interdit.

Souligné:

De nombreux programmeurs préfèrent utiliser un trait de soulignement (par exemple: date_of_birth), en particulier dans la base de données SQL.

langage PHP utilisent généralement de soulignement.

Pascal orthographe (PascalCase):

orthographe Pascal (de PascalCase) en langage C plus.

loi Hump:

JavaScript est généralement recommandé méthode hump, jQuery et autres bibliothèques JavaScript utilisent la loi de chameau.

note Les noms de variables ne commencent pas par $ marque est en conflit avec beaucoup de bibliothèques JavaScript.

charge HTML fichiers JavaScript externes

Utilisez le format simple pour charger le fichier JavaScript (type attribut est pas nécessaire):

<script src = "MyScript.js">

Utilisez JavaScript pour accéder à des éléments HTML

Un format mauvais HTML peut provoquer l'exécution d'erreurs JavaScript.

Les deux instructions JavaScript à sortie des résultats différents suivant:

Exemples

var obj = getElementById ( "Demo" )

var obj = getElementById ( "demo" )

Essayez »

HTML et JavaScript tentent d'utiliser les mêmes règles de nommage.

HTML d'accès (5) des spécifications du code .

extension de nom de fichier

suffixe de fichier HTML peut être .html (ou r .htm).

extension de fichier CSS est Css.

JavaScript fichier .js suffixe.

les noms de fichiers en minuscules

La plupart des serveurs Web (Apache, Unix) sont sensibles à la casse: London.jpg London.jpg ne peut pas accéder.

D'autres serveurs Web (Microsoft, IIS) ne sont pas sensibles à la casse: London.jpg sont accessibles via London.jpg ou London.jpg.

Vous devez maintenir un style unifié, nous recommandons l'utilisation des noms de fichiers de minuscules cohérentes.