Descrição do conhecimento:
Ao aprender o JavaScript, preste atenção aos sete detalhes a seguir para facilitar o entendimento e mais eficiente ao implementar a mesma função.
1. Simplifique o código
Por exemplo: Crie um objeto
Era assim antes:
Var car = new Object ();
Car.color = "vermelho";
Car.wheels = 4;
Car.age = 8;
E agora pode ser escrito assim:
Var carro = {color: 'Red', rodas: 4, idade: 8}
Por exemplo: Crie uma matriz
Era assim antes:
Var studentArray = new Array ('zhangsan', 'lisi', 'zhaowu', 'wuliu');
E agora pode ser escrito assim:
Var studentArray = {'zhangsan', 'lisi', 'zhaowu', 'wuliu'};
Por exemplo: simplificar o código usando operadores ternários
O método de escrita anterior era:
Var resultado; if (x> 100) {resultado = 1;} else {resultado = -1;}E agora pode ser escrito como:
Var resultado = x> 100? 1: -1;
2. Use JSON como formato de dados
Use o formato JSON para armazenar dados:
var band = {"name": "The Red Hot Chili Pimenta", "Membros": [{"Nome": "Anthony Kiedis", "Role": "Vocals Lead"}, {"Nome": "Michael 'Flea' Balzary" Nome "Nome" Nome "" Nome "" Nome ":" Nome ":" Nome ":" Nome ":" Nome "" ":" Balzary ":" Nome "" Nome "" Nome "" Nome "" "" ":" Balsars "," Balzary "," Balzary "" Nome "" Nome "" Nome "" Nome "" Nome "" " {"Name": "John Frusciante", "Role": "Lead Guitar"}], "Ano": "2009"}Você também pode usar o JS para armazenar dados, o código é o seguinte:
<div id = "datadiv"> </div> <cript> função savedata (dados) {var out = "<ul>"; Para (var i = 0; i <data.length; i ++) {out+= "<li> <a href =" '+dados [i] .url+' ">+dados [i] .d+</a> </li>";} out+= '</ul>;Você pode até usar os dados de armazenamento gerados por JS acima como o valor de retorno da API
<script src = "http://feeds.delicious.com/v2/json/codepo8/javascript?count=15&callback=delicious">
</script>
3. Tente usar funções nativas de JavaScript
Por exemplo: Obtenha o valor máximo em um conjunto de dados
var maxdata = math.max (0,20,50,10);
alerta (maxdata); // O máximo retornado é 50
Por exemplo: Use JS para adicionar estilo de classe a um elemento, o trecho de código é o seguinte:
Função addclass (elm, newclass) {var classes = elm.className.split (''); Classes.push (newclass); Elm.className = classes.join ('');}4. Confiação do evento
Por exemplo:
<h2> Ótimos recursos da Web </h2> <ul id = "Resources"> <li> <a href = "http://opera.com/wsc"> Opera Web StandardsCurriculum </a> </li> <li> <a href = "http://site.com"> site </a> href = "http://alistapart.com"> uma lista à parte </a> </li> <li> <a href = "http://yuiblog.com"> yui blog </a> </li> <li> <a href = "http://blameitonti-ices.com "> href = "http://oddlyspecific.com"> estranhamente específico </a> </li> </ul>
Melhor maneira de escrever scripts:
(function () {var Resources = document.getElementById ('Resources'); Resources.adDeventListener ('Clique', manipulador, false); manipulador de funções (e) {var x = e.target; // obtenha o link tha if (x.nodename.tolowercase () === 'a') {alert ('releation'; };}) ();V. Funções anônimas
var myApplication = function () {var name = 'Chris'; var Age = '34'; var status = 'single'; function createMember () {// [...]} função getMemberDetails () {// [...]} return {create: createMember, get: getMemberDetails}} (); // myApplication.get.get () e myApplication.create () agora trabalham.6. O código pode ser configurado
Se o código que você escreve quiser facilitar o uso ou o modificação de outras pessoas, ele precisará ser configurável. A solução é adicionar um objeto de configuração ao script que você escreve. Os pontos -chave são os seguintes:
1. Adicione um novo objeto chamado Configuração ao seu script.
2. Armazene todas as coisas que outras pessoas podem querer mudar no objeto de configuração, como ID CSS, nome da classe, idioma, etc.
3. Retorne esse objeto como uma propriedade pública para que outros possam reescrevê -lo.
7. Compatibilidade do código
A compatibilidade é uma parte que os iniciantes provavelmente ignoram. Geralmente, ao aprender JavaScript, eles são testados em um navegador fixo, e esse navegador provavelmente será o IE, o que é muito fatal, porque entre os principais navegadores convencionais, ou seja, o pior apoio para os padrões. O resultado que os usuários finais veem é que o código que você escreveu não é executado corretamente em um navegador. Você deve testar seu código nos navegadores principais, o que pode ser demorado, mas você deve fazê-lo.
As sete precauções acima para aprender JavaScript [obrigatória] são todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.