Latest web development tutorials
×

JavaScript curso

JavaScript curso JavaScript breve introdução JavaScript uso JavaScript exportação JavaScript gramática JavaScript demonstrações JavaScript nota JavaScript variável JavaScript Tipos de dados JavaScript objetos JavaScript função JavaScript escopo JavaScript evento JavaScript corda JavaScript operadores JavaScript comparar JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript tipo de conversão JavaScript Expressões regulares JavaScript erro JavaScript depuração JavaScript lift variável JavaScript Modo estrito JavaScript Uso indevido JavaScript Autenticação de formulários JavaScript Palavras-chave reservadas JavaScript JSON JavaScript void JavaScript Especificação código

JS função

JavaScript definição de função JavaScript Argumentos da função JavaScript chamada de função JavaScript Closures

JS HTML DOM

DOM breve introdução DOM HTML DOM CSS DOM evento DOM EventListener DOM elemento

JS Tutorial avançado

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

JS navegador BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript estouro JavaScript cronometrado Evento JavaScript Cookies

JS armazém

JavaScript armazém JavaScript teste jQuery JavaScript teste Prototype

JS Exemplos

JavaScript Exemplos JavaScript instância do objeto JavaScript instância do objeto navegador JavaScript HTML DOM Exemplos JavaScript resumo

JS manual de referência

JavaScript objetos HTML DOM objetos

Especificações de código JavaScript

Todos projecto JavaScript aplica a mesma especificação.


Especificações de código JavaScript

Especificações de código incluem geralmente os seguintes aspectos:

  • variáveis ​​e funções de nomeação
  • Espaços, recuo, comentários, regras de utilização.
  • Outra especificação comum ......

código padronizado mais fácil de ler e manter.

Códigos de disposições gerais no desenvolvimento da primeira, você pode com membros de sua equipe para negociar o ajuste.


nome da variável

Os nomes das variáveis método recomendado camelo chamado (camelCase):

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

preço = 19,90;
imposto = 0,20;

FULLPRICE = preço + (* Taxa de preço);

Espaço e o operador

Normalmente operador (= + - * /) para adicionar um espaço antes e depois:

exemplo:

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

código recuado

Símbolos normalmente usam quatro espaços para recuar um bloco de código:

funções:

função toCelsius (Fahrenheit) {
retorno (5/9) * ( Fahrenheit - 32);
}
nota Não recomendado para usar a tecla TAB para recuar, como diferentes editores tecla TAB não é a mesma determinação.

Regra declarações

simples declarações das regras gerais:

  • Normalmente, como um símbolo instrução terminadora.

exemplo:

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

var person = {
firstName: "John",
lastName: "Doe",
Idade: 50,
eyeColor: "azul"
};

As regras gerais de instrução complexa:

  • A cinta na extremidade esquerda da primeira linha.
  • Adicionar um espaço antes das chaves.
  • A cinta na linha independente.
  • Não terminam com um ponto e vírgula uma declaração complexa.

funções:

função toCelsius (Fahrenheit) {
retorno (5/9) * ( Fahrenheit - 32);
}

ciclo:

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

instruções condicionais:

se (tempo <20) {
greeting = "Good day";
} Else {
greeting = "Boa noite";
}

Regra objeto

regras definidas pelo objeto:

  • A chave esquerda na mesma linha com o nome da classe.
  • Entre os dois pontos e os valores de atributo são espaços.
  • Use duplas citações cordas, os números não.
  • O último atributo - valor na parte de trás não adicionar vírgulas.
  • A cinta na linha independente, e símbolos como o símbolo final.

exemplo:

var person = {
firstName: "John",
lastName: "Doe",
Idade: 50,
eyeColor: "azul"
};

código de objeto curta pode ser escrito diretamente para a linha:

exemplo:

var person = {firstName: "John ", lastName: "Doe", idade: 50, eyeColor: "azul"};

Menos de 80 caracteres em cada linha de código

Para facilidade de leitura recomendado menos do que o número de caracteres por linha 80.

Se uma instrução JavaScript é mais do que 80 caracteres, recomenda-se depois de o operador vírgula ou envoltório.

exemplo:

document.getElementById ( "demo") .innerHTML =
"Olá w3big.";

tente »

Regras de Nomenclatura

Normalmente, um monte de regras de nomeação de linguagem de código são semelhantes, por exemplo:

  • Variáveis e funções para a Lei de corcunda (camelCase)
  • As variáveis globais maiúsculas (maiúsculas)
  • Constantes (como PI) maiúsculas (maiúsculas)

Nome da variável que você usar esses tipos de regras: Hyp-galinhas, camelCase, ou under_scores?

HTML e CSS traço (-) personagens:

atributo HTML5 pode de dados (tais como: data-quantidade, do preço de dados) como prefixo.

CSS usa - para ligar o nome da propriedade (font-size).

nota - Geralmente considerada uma subtracção em JavaScript, não é permitido.

Sublinhado:

Muitos programadores preferem usar um sublinhado (por exemplo: date_of_birth), especialmente na base de dados de SQL.

linguagem PHP normalmente usam sublinhados.

Pascal ortografia (PascalCase):

ortografia Pascal (PascalCase) em linguagem C mais.

lei Hump:

JavaScript é geralmente recomendado método corcunda, jQuery e outras bibliotecas JavaScript usar a lei de camelo.

nota Os nomes das variáveis ​​não começam com conflitos $ marca com um monte de bibliotecas JavaScript.

arquivos JavaScript externos carga HTML

Use formato simples para carregar o arquivo JavaScript (atributo de tipo não é obrigatório):

<script src = ""> MyScript.js

Use JavaScript para acessar elementos HTML

Um formato HTML ruim pode causar a execução de erros de JavaScript.

A seguir duas declarações JavaScript para saída resultados diferentes:

Exemplos

var obj = getElementById ( "Demo" )

var obj = getElementById ( "demo" )

tente »

HTML e JavaScript tentar usar as mesmas regras de nomeação.

HTML de acesso (5) as especificações do código .


extensão de nome de arquivo

sufixo do arquivo HTML pode ser .html (ou r .htm).

extensão de arquivo CSS é .css.

JavaScript js sufixo do arquivo.


nomes de arquivos em minúsculas

A maioria dos servidores Web (Apache, Unix) são sensíveis a maiúsculas: london.jpg London.jpg não pode acessar.

Outros servidores Web (Microsoft, IIS) não é sensível a maiúsculas: london.jpg pode ser acessado através London.jpg ou london.jpg.

Você deve manter um estilo unificado, recomendamos nomes de arquivo uso minúsculas consistentes.