Este artigo não é um artigo do Manual de Referência, é adequado apenas para gerar um entendimento geral do JS. Se você precisar da sintaxe e aplicação detalhada do JS, vá para o W3School.
O que é JavaScript?
O nascimento de JavaScript
Por volta de 1995, a largura de banda convencional do mundo era de 28,8kbps, e a largura de banda do download médio no mundo agora tem 21,9 Mbps (os dados vêm de http://www.netindex.com). Naquela época, os internautas tiveram que esperar muito tempo para receber uma resposta do servidor toda vez que enviaram um formulário. É muito provável que o que eles receberam depois de esperar por alguns minutos fossem que eles estavam perdendo um. Para melhorar a experiência do usuário, nasceram scripts incorporados no cliente do navegador que pode obter um julgamento simples de forma, que é JavaScript.
O JavaScript foi desenvolvido pela primeira vez por Brendan Eich, que trabalhou no Netscape (NN2.0), para o NetscapeNavigator 2.0 (NN2.0), que será lançado em 1995, e foi chamado LiveScript. Como ele estava trabalhando com a muito popular empresa Sun naquela época, a fim de alcançar a tendência da época - o idioma java, esse idioma foi nomeado JavaScript.
Qual é a relação entre JavaScript e Java?
Esta também é a primeira reação dos leigos quando eles ouvem JavaScript, e também é um dos problemas mais criticados nesse idioma.
Estritamente falando, não há relacionamento entre meio centavo. Se você precisar se envolver, talvez algumas das funções dos dois sejam as mesmas idéias orientadas a objetos, estruturas de julgamento, declarações de loop etc., mas essas obviamente não são patentes de Java, mas o consenso das linguagens de programação.
JavaScript Padronização e Histórico de Desenvolvimento
Quando o JavaScript foi lançado, os navegadores NN com melhor experiência do usuário dominaram o mercado do navegador, e a Microsoft está alcançando. Quando o IE3 foi lançado, a Microsoft lançou o VBScript e o nomeou JScript, que na verdade não é muito diferente do JavaScript do Netscape (nos termos de hoje, é um imitador). Diante da competição da Microsoft, o Netscape e o Sun enviaram seu próprio rascunho de JavaScript à ECMA (Associação Europeia de Fabricantes de Computadores) para padronizar o JavaScript e, finalmente, formaram a primeira versão do ECMAScript (ECMA-262).
Curiosamente, após o JavaScript padronizado do Netscape, houve um problema interno. A pesquisa em JavaScript estagnou, enquanto a Microsoft aproveitou a oportunidade para recuperar o atraso e lançou o IE4, que embutiu o primeiro mecanismo JavaScript que seguiu as especificações da ECMA, um ano antes da NN. Além disso, o sistema Microsoft está gradualmente ocupando o mercado de sistemas operacionais de computadores, e sua participação no mercado de navegador pré-instalada está aumentando gradualmente, e o NN está sendo constantemente espremido no mercado. No entanto, quando a Microsoft perde seu maior rival, ela não tem motivação para se desenvolver. IE6 ~ IE8, a renderização da interface e a execução do script, são incompatíveis entre si, tornando-se um esquisito na história dos navegadores e um pesadelo para desenvolvedores de front-end.
A cópia do código é a seguinte:
1.V1 Primeira edição em junho de 1997
2.V2 Junho de 1998 Formato revisado para tornar sua forma consistente com o padrão internacional ISO/IEC16262
3.V3 Dezembro 1999 Expressões regulares poderosas, melhor processamento da cadeia de texto, novas instruções de controle, manuseio de exceção, definições de erro mais claras, formatação da saída de números e outras alterações
4.V4 não concluído ... talvez mais explícito de definição de classe, espaço para nome, etc ...
5.V5 Em dezembro de 2009, foi adicionado "modo rigoroso", um subconjunto usado para fornecer uma verificação mais completa de erros para evitar erros estruturais. Esclareça muitas especificações difusas da versão 3 e acomoda o comportamento das implementações do mundo real que se diferenciam consistentemente dessa especificação. Alguns novos recursos foram adicionados, como getters e setters, que suportam o JSON e reflexões mais completas sobre as propriedades do objeto.
**** Em junho de 2004, a Associação Europeia de Fabricantes de Computadores emitiu o padrão ECMA-357, que é uma extensão do ECMAScript, também conhecida como E4X (ECMAScript para XML).
Qual é a relação entre JavaScript e Ecmascript?
De fato, a pergunta deve ser qual é a relação entre JavaScript, JScript e ECMAScript. De fato, o ECMAScript é a especificação geral. JavaScript e JScript são desenvolvidos de acordo com esta especificação e são compatíveis com o ECMAScript, mas contêm funções além do ecmascript. No entanto, não importa o tipo agora, é comumente chamado de JavaScript, porque apareceu pela primeira vez e tem a maior influência e seu nome foi passado até hoje.
O que o JavaScript pode fazer?
Em páginas da web, todas as operações que exigem processamento lógico podem ser concluídas pelo JavaScript. por exemplo:
A cópia do código é a seguinte:
• Verificação do formulário
• Efeitos de animação
• jogos da web
•Contagem regressiva
•…
Existem muitas outras aplicações, nas quais não vou elaborar aqui. Acredito que, depois de aprender esse idioma, você encontrará muitos aplicativos.
Por que aprender JavaScript?
1. Como você não tem escolha, apenas o JavaScript pode controlar todos os navegadores usados comumente, e o JavaScript é uma das linguagens de programação mais importantes do mundo, e o aprendizado da tecnologia da web deve aprender JavaScript.
2. JavaScript é uma linguagem bonita, é muito boa, então precisamos aprender
Posicionamento JavaScript
A cópia do código é a seguinte:
1. JavaScript é uma linguagem de script leve que não requer compilação e é analisada e administrada pelo mecanismo de análise JavaScript (geralmente refere -se ao navegador e, claro, analisadores como o nó não são excluídos)
2. O JavaScript possui recursos de linguagem não funcional, recursos de linguagem funcional e recursos de linguagem dinâmica, e sua sintaxe é muito flexível.
3. O JavaScript é uma linguagem de programação orientada a objetos. Há um ditado no mundo JavaScript: tudo é um objeto. Sua herança é baseada na herança do protótipo (já escrevi um artigo especial explicando a herança do protótipo antes)
4. JavaScript é um idioma C, por isso é fácil para quem aprendeu C para começar com JavaScript.
5. JavaScript está escrito sem um compilador, mas apenas um editor de texto (o bloco de notas está isento, o texto sublime é altamente recomendado aqui)
O que é JavaScript?
O JavaScript que usamos agora inclui três partes: DOM, BOM e ECMAScript (ou JS do núcleo).
Dom
Aqui, por padrão, todos têm pelo menos algum entendimento de HTML e CSS. Se você pular HTML e CSS diretamente para ler este artigo, leia aqui primeiro.
DOM, modelo de objeto de documento
Sabemos que o XHTML exige que as tags sejam fechadas e o ninho deve estar correto. O ninho de tags cria um relacionamento pai-filho (ou, um relacionamento descendente de ancestral). O DOM fornece um grande número de APIs, permitindo -nos manipular facilmente as árvores do DOM. Escreverei um artigo mais tarde sobre falar especificamente sobre o JS DOM.
Usando o DOM, podemos modificar dinamicamente o conteúdo da página, ajustar estilos etc., que também é um reflexo da diversidade de JS.
Bom
Bom, modelo de objeto de navegador
Semelhante ao DOM, exceto que o corpo principal se torna um navegador. O navegador também fornece um grande número de APIs, algumas das quais estão abertas ao JS, fornecendo -nos uma maneira de operar o Windows do navegador.
Usos comuns:
A cópia do código é a seguinte:
1. A capacidade de exibir uma nova janela do navegador;
2. A capacidade de se mover, fechar e alterar o tamanho da janela do navegador;
3. Objetos de navegação que podem fornecer informações detalhadas do navegador da Web;
4. Objetos locais que podem fornecer informações detalhadas sobre a página de carregamento do navegador;
5. Objetos de tela que podem fornecer informações detalhadas sobre a resolução da tela do usuário;
6. Cookies de suporte;
7. O Internet Explorer se estende à BOM para incluir classes de objetos ActiveX, e os objetos ActiveX podem ser implementados através do JavaScript.
Ecmascript Core
Também chamado de JS Core, não importa como você chama, significa o mesmo significado, representa a composição central da linguagem JS, incluindo definição variável, coleta de lixo, sintaxe, escopo etc., ao contrário do DOM e da BOM mencionados acima, eles apenas exigem que usemos essas APIs, e o núcleo do ecmascript é a essência dessa linguagem e requer pesquisa continuada. O próximo capítulo falará ainda mais sobre a sintaxe do JS.
Uso de JavaScript
Estilo em linha
A forma embutida é JavaScript escrita em tags. Por exemplo, escrevemos no HTML:
A cópia do código é a seguinte:
<button onclick = "alert ('ser clicado');"> clique em </butut>
Quando clicarmos no botão, a caixa será exibida "será clicada".
Mas observe que isso não é fortemente recomendado, porque causará enormes problemas à manutenção. Toda vez que precisamos alterar o evento, precisamos encontrar o elemento primeiro e depois modificar seu conteúdo JavaScript, e esses códigos JavaScript não podem ser reutilizados.
Além disso, os eventos escritos em tags precisam estar 'on', e o JS só pode ser introduzido por meio de eventos em tags, e as expressões JS simples não podem ser escritas.
Integrado
Incorporado significa escrever código JS na tag HTML Script. O método é adicionar uma tag de script ao HTML e inserir qualquer código JS no meio da tag, como segue:
A cópia do código é a seguinte:
<html>
<Body>
<botão id = "btn"> clique em </butut>
</body>
<Cript>
<span style = "font-family: Arial, helvetica, sans-serif;"> var btn = document.getElementById ("btn"); </span> <pre nome = "code"> btn.onClick = function () {
alerta ("ser clicado");
}
</script> </html>
Se você usa o estilo incorporado, é muito mais livre que o estilo embutido. Você pode escrever mais código, evitar problemas de escapar e mantê -lo mais fácil. Mas o problema também existe. Esses códigos só podem ser aplicados a esta página e não podem ser usados por outras páginas.
Externo
O método de conexão externa resolve todas as deficiências das duas formas acima. Os seguintes métodos são os seguintes:
Crie um novo arquivo primeiro e altere o sufixo para .js. Por exemplo, criamos um novo arquivo click.js e copiamos o código JS na versão incorporada que acabamos de escrever (observe que não incluímos tags de script)
A cópia do código é a seguinte:
var btn = document.getElementById ("btn");
btn.OnClick = function () {
alerta ("ser clicado");
}
Em seguida, importe -o em HTML via tag de script
A cópia do código é a seguinte:
<html>
<Body>
<botão id = "btn"> clique em </butut>
</body>
<script src = "click.js"> </script>
</html>
A vantagem disso é que o mesmo código JS pode ser compartilhado por várias páginas HTML. A desvantagem é que o número de arquivos aumenta e o tempo necessário para solicitações é aumentado. Portanto, a reutilização do código deve ser aprimorada e, finalmente, o arquivo JS deve ser mesclado (mesclar diferentes arquivos JS em um arquivo JS)