Tag closedness, labels, unscrupulous nested, increasing the chance of searching robot search, using external chain CSS and JS scripts, structural performance separation, file download and pages faster, content can be accessed by more users, content can be accessed and content Codes and Os componentes que podem ser acessados por dispositivos mais difundidos são fáceis de manter e modificar.
Qual é a diferença entre xtml e html
HTML é uma linguagem básica da web da web.
O elemento XHTML deve ser aninhado corretamente.
Os elementos xhtml devem ser fechados.
O rótulo deve ser uma letra minúscula.
Os documentos xhtml devem ter elementos raiz.
3.doctype?
Usado para declarar o documento usando essa especificação (html/xhtml) geralmente, o documento HTML com estrutura excessiva rigorosa com base na estrutura é acionada pela instrução XML, e o método de análise é alterado para IE5.5 Bug com o IE5.5.
4. Quais são os elementos na linha?
Bloco -Elemento de nível: Div P H1 H2 H3 H4 FORM UL
Elemento na linha: ab Br i abrange a seleção de entrada
CSS Box Modelo: Conteúdo, Fronteira, Margem, Preenchimento
5. Quais são as maneiras de introduzir o BYCSS?
Orientação interna interna interna e interna em -link
Diferença: Carregar ao mesmo tempo
O primeiro não é compatível, o último não suporta o navegador abaixo do CSS2.1
O link suporta o uso de javascript para mudar o estilo, que não pode ser
6. Quais são os símbolos de seleção escolhidos?
Como calcular?
Qual dos internos e importantes é alta?
Seleção de seleção de tags Seleção ID ID Seleção Caractere
A herança não é tão boa quanto ID especificada> Classe> Seleção de etiquetas
O último é de alta prioridade
7. Quais são as três camadas da página frontal e quais são as diferenças? Qual é o papel?
Camada de estrutura HTML representa a camada CSS Camada Js JS
8. A composição básica da sentença OFCSS?
Seletor {Propriedades 1: Valor 1;
9. Quais são as páginas que você fez?
Qual é o núcleo?
IE (ou seja (isto é, Gecko (Webkit) Open (Presto)
10. Escreva várias soluções para o IE6 Bug
1. Use a exibição causada por bug bilateral de bugs de distância flutuante
2.3 Problema de pixels Usos desnlpay: em linha -3px causado por flutuação
3. Link Howl Passe depois de clicar no link correto da ordem de escrita visitada em que o hover ativo
4.ie Z-idex Problema adiciona posição: parente
5. PNG TRANSPARENT Use Código Alteração do Código
6. altura mínima de altura min! Solução importante '
7. Selecione para cobrir com o ninho de iframe sob o IE6
8. Por que não há como definir o contêiner de largura em torno de 1px (linha padrão do IE6
Causado por mais de: oculto, zoom: 0,08 altura de linha: 1px)
11. Qual é a diferença entre o título e a propriedade ALT no rótulo?
Alt é representado por texto quando a imagem não é exibida.
O título fornece informações para este atributo
12. Descreva o papel e o uso da redefinição de CSS.
Redefinir redefinir as variedades de navegador de atributo padrão CSS do navegador,
Estilos diferentes e depois redefini -los, deixe -os unificar
13. Explique como usar sprites CSS.
O CSS Elf integra um monte de pequenas imagens em uma imagem grande,
Reduza o número de solicitações no servidor
14. Qual é a diferença entre o modo padrão e o modo estranho do navegador?
Diferente no modo de renderização do modelo de caixa
Use window.top.document.compatmode
Pode exibir por que modo
15. Como você otimiza os documentos e os recursos do site?
Incorporação do arquivo
Arquivo Minimize/Arquivo compactação
Hosting CDN
Uso de cache
16. O que é um HTML semântico?
A conscientização sobre a tag é boa para a captura do mecanismo de pesquisa
17. Várias maneiras de remover carros alegóricos, suas respectivas vantagens e desvantagens
1. Use o rótulo vazio para limpar o flutuante: ambos (teoricamente claros podem ser claros
Qualquer rótulo ,,, adicione rótulos sem sentido)
2. Use Overflow: Auto (elemento de tag vazio para remover flutuação sem
Não aumente as desvantagens do código não intencional, use o zoom: 1 para o IE compatível)
3. Float claro com pseudo -elementos AFERT (para navegador não -AID)
JavaScript1. Quais tipos de dados do tipo de retorno do JavaScript
Número do objeto Função booleana abaixo de encontrar
2. Exemplo 3 Conversão do tipo obrigatório e 2 conversão oculta?
Obrigatório (parseint, parsefloat, número)
Oculto (== - ===)
3. A diferença entre wlit () junção ()
O primeiro é a forma de cortar em um grupo, e o último é converter a matriz em uma corda
4. Método da matriz pop () push () desnutrift () shift ()
Adicione o Excluir da cauda pop () na cauda do push ()
Definir () Head Adds Shift () Cabeça Excluir
5. Quais são as diferenças entre a ligação de eventos e os eventos comuns
6. Diferente do fluxo de fluxo e DOM
1. A ordem de execução é diferente,
2. Os parâmetros são diferentes
3. Não adicione o evento
4. Ahis apontando para o problema
7. O que são métodos de escrita compatíveis sob o II e padrões
Var EV = EV || Window.Event
document.documentElement.clientWidth ||
VAR Target = Ev.SrceMement || Ev.Target
8. A diferença entre métodos GET e POST ao solicitar
Um é colocado na transportadora virtual atrás do URL
Existem restrições de tamanho
Pergunta de segurança
Aplicações diferentes são fóruns e assim por diante.
9. A diferença entre chamada e aplicação
Object.Call (isto, obj1, obj2, obj3)
Object.Apply (isto, argumentos)
Quando 10.ajax solicita, como explicar os dados JSON
Eval Parse é mais confiável para usar o Parse em vista das considerações de segurança
11.B como herdar um
12. Escreva uma função para obter um estilo não -linear
Function getStyle (obj, att, value) {if (! Value) {if (obj.currenStyle) {return obj.currenStyle (att)} else {obj.getcomputestyle (att, false)}} else {obj.style [att [att, ] = Valor}}13. Qual é a comissão do incidente
Deixe o princípio de borbulhar no evento, deixe os eventos acionados, que seu elemento pai seja executado!
14. Qual é o fechamento, quais são as características e o impacto na página
O fechamento é uma função que pode ler outras variáveis internas de outras funções.
1. Salve a variável i em cada objeto de parágrafo (P)
1. Função init1 () {
2. Var pry = document.getElementsByTagName (p);
3. Para (var i = 0; i <prry.length; i ++) {
4. Pary [i] .i = i;
5. Pary [i] .onclight = function () {
6. Alert (this.i);
7.}
8.}
9.}
2. Salve a variável i na própria função anônima
1. Função init2 () {
2. Var pry = document.getElementsByTagName (p);
3. Para (var i = 0; i <prry.length; i ++) {
4. (Pary [i] .onclight = function () {
5. Alert (argumentos.callee.i);
6.}).
7.}
8.}
3. Adicione um fechamento de uma camada de fechamento, eu o transmito para a função da camada interna na forma de um parâmetro de função
1. Função init3 () {
2. Var pry = document.getElementsByTagName (p);
3. Para (var i = 0; i <prry.length; i ++) {
4. (Função (arg) {
5. Pary [i] .onclight = function () {
6. Alerta (arg);
7.};
8.}) (i);
9.}
10.}
4. Adicione um fechamento de uma camada de fechamento, eu o transmito para a função da camada interna na forma de uma variável local
1. Função init4 () {
2. Var pry = document.getElementsByTagName (p);
3. Para (var i = 0; i <prry.length; i ++) {
4. (Function () {
5. Var temp = i;
6. Pary [i] .onclight = function () {
7. Alerta (Temp);
8.}
9.}) ();
10.}
11.}
5. Adicione um fechamento de uma camada e retorne uma função como um evento de resposta (preste atenção à diferença sutil de 3)
1. Função init5 () {
2. Var pry = document.getElementsByTagName (p);
3. Para (var i = 0; i <prry.length; i ++) {
4. Pary [i] .onclight = function (arg) {
5. Return function () {// retorna uma função
6. Alerta (arg);
7.}
8.} (i);
9.}
10.}
6. Para implementação com função, de fato, todas as instâncias de função gerarão um fechamento
1. Função init6 () {
2. Var pry = document.getElementsByTagName (p);
3. Para (var i = 0; i <prry.length; i ++) {
4. Pary [i] .onclight = nova função (alerta ( + i +););
5.}
6.}
7. Implementar com função, preste atenção à diferença de 6
1. Função init7 () {
2. Var pry = document.getElementsByTagName (p);
3. Para (var i = 0; i <prry.length; i ++) {
4. Pary [i] .Onclight = function ('alert ('+i+')');
5.}
6.}
15. Como interromper os eventos de borbulhamento e padrão incidentes
CanceBubble retorna falsa
16. Adicione para excluir e substituir o método de inserção em um determinado contato
obj.appendchidl ()
obj.innersetbe antes
obj.replacechild
obj.removechild
17. Explique o princípio do JSONP, e por que não é o verdadeiro Ajax
Crie dinamicamente uma etiqueta de script, função de retorno de chamada
Ajax é uma operação de dados de solicitação de refresh sem paga
18. O objeto local do JavaScript, objeto -in construído e objeto host
O objeto local é a matriz obj regexp, etc.
O objeto de Built -in é matemática de gload, etc.
Documen, janela, etc. que o host vem com o navegador
19. A diferença entre a carga do documento e o documento pronto
Document.onload é a execução de JS após carregar a estrutura e o estilo
Document.ready Native Special não possui esse método, o jQuery está disponível
$ ().
20. == e === diferente
O primeiro converterá automaticamente o tipo
O último não vai
21. Estratégia homóloga de JavaScript
Um script pode ler apenas os atributos de janelas e documentos das mesmas fontes,
A mesma fonte aqui refere -se à combinação de nome, concordância e número da porta do host
22. Escreva uma maneira de ir pesado para a matriz
Função osort (arr)
{{
var resultado = {};
var newarr = [];
for (var i = 0; i <arn.length; i ++)
{{
if (! resultado [arr])
{{
newarr.push (arr)
resultado [arr] = 1
}
}
Retornar Newarr
}
23. Seletor de mídia
@Media (Min-Width: 992px) e (Max-Width: 1199px)
@Media Screen e (Min-Width: 768px)
HTML & CSS
1. Quais são os testes de navegador comumente usados? Quais kernels (mecanismo de layout)?
(Q1) Navegador: ou seja, Chrome, Firefox, Safari, Opera.
(Q2) Kernel: Trident, Gecko, Presto, Webkit.
2. Falando das diferenças entre os elementos de downlink e os elementos do nível do bloco? Quais são a compatibilidade do elemento de bloco interno? (IE8 abaixo)
(Q1) em elementos -linhas: será organizado na direção horizontal, que não pode incluir elementos de nível de bloco e a largura é inválida.
A altura é inválida (você pode definir altura de linha), a margem é inválida, o preenchimento é inválido.
Elementos de nível de bloqueio: cada um ocupa uma linha e a direção vertical está organizada. No final da nova linha, uma foi desconectada.
(Q2) Compatibilidade: Exibir: Block Inline;*Display: Inline;*Zoom: 1;
3. Quais são as maneiras de remover carros alegóricos? O que é melhor?
(Q1)
(1) Definição de altura div.
(2) Tag Div vazio no final.
(3) Família Div Definição Pseudo: After e Zoom.
(4) Definição de transbordamento: oculto.
(5) Definição de transbordamento: AUTO: AUTO.
(6) O DIV pai também flutua e precisa definir a largura.
(7) Exibição de definição: Tabela.
(8) Adicione a tag BR Limpar: Ambos no final.
(Q2) É melhor para o terceiro método.
4. Quais são os atributos comumente usados com tamanho de caixa de entrada? Qual é o papel?
(Q1) Simentador de caixa: Conteúdo-caixa |
(Q2) Caixa de conteúdo: a largura e a altura são aplicadas à caixa de conteúdo do elemento, respectivamente.
Desenhe o interior e a borda do elemento fora da largura e da altura (o efeito padrão do elemento).
Caixa de fronteira: qualquer interior e quadro especificado no elemento será configurado
Desenhe largura e altura. Uma diminuição da largura e altura definidas, respectivamente
Somente a largura e a altura do conteúdo podem ser obtidas pela borda e pela distância interior.
5.DocType? Quais são as diferenças entre o modo padrão e o modo de compatibilidade?
(Q1)>!
Análise padrão deste documento. Doctype não existe ou formatos incorretos causarão texto
O arquivo é apresentado em um modo compatível.
(Q2) O modo de operação JS e JS do modo padrão é o mais suportado pelo navegador
Operação de alto padrão. No modo compatível, a página é solta e para trás
Mostre que o comportamento dos navegadores antigos da simulação é usado para impedir que o local não consiga trabalhar.
6.html5 Por que só precisa escrever>!
HTML5 não é baseado no SGML, então não há necessidade de fazer referência ao DTD, mas
Precisa de Doctype para regular o comportamento do navegador (deixe o navegador os seguir
Deve ser executado).
HTML4.01 é baseado no SGML, então precisa ser referenciado ao DTD
Informe o tipo de documentação usada no documento do navegador.
7. Quando a página é importada, qual é a diferença entre usar o link e @import?
(1) Link pertence ao rótulo XHTML.
Para definir RSS, defina o papel dos atributos de conexão REL, etc.
Para o suprimento, ele só pode ser usado para carregar CSS;
(2) Quando a página for carregada, o link será carregado ao mesmo tempo e as citações @import
O CSS esperará até que a página seja carregada antes do carregamento;
(3) A importação é proposta pelo CSS2.1.
O link é o rótulo XHTML, que não é compatível;
8. Apresente sua compreensão do kernel do navegador?
Dividido principalmente em duas partes: Rendering Engine (engenheiro de layout ou
Mecanismo de renderização) e motores JS.
Motor de renderização: responsável por obter o conteúdo da página da web (html, xml, imagem, etc.),
Classifique a mensagem (como adicionar CSS, etc.) e o método de exibição para calcular a página da web,
Em seguida, saia para a tela ou impressora. Núcleo diferente do kernel do navegador
A interpretação gramatical da página da Web será diferente, portanto o efeito da renderização é diferente.
Todos os navegadores da web, clientes de e -mail e outros precisam ser editados,
Os aplicativos que exibem conteúdo de rede requerem o kernel.
JS MOTOR: Analise e execute o JavaScript para obter o efeito dinâmico da página da Web.
A princípio, o mecanismo de renderização e o mecanismo JS não o distinguiram claramente
Com cada vez mais independentes, o kernel tende a se referir a motores de renderização.
9. Quais são os novos recursos de html5? Como lidar com o navegador e o novo rótulo de html5
Poderia ser questionado? Como distinguir HTML e HTML5?
(Q1)
O HTML5 não é mais o subconjunto de SGML, principalmente sobre o aumento de funções como imagens, posições, armazenamento e várias tarefas.
(1) pintura de tela;
(2) elementos de vídeo e áudio usados para médio;
(3) Dados de armazenamento local de armazenamento offline locais por um longo tempo, os dados não são perdidos após o fechamento do navegador;
(4) os dados do SessionStorage são excluídos automaticamente após o fechamento do navegador;
(5) melhores elementos de conteúdo, como artigo, rodapé, cabeçalho, navegação, seção;
(6) controle de formulário, calendário, data, hora, e -mail, URL, pesquisa;
(7) New Technology Webworker, WebSocket, Geologia;
(Q2)
IE8/IE7/IE6 suporta rótulos gerados pelo document.createElement.
Você pode usar esse recurso para permitir que esses navegadores suportem o novo rótulo do HTML5.
Depois que o navegador suporta o novo rótulo, o estilo padrão da etiqueta também precisa ser adicionado.
Obviamente, você também pode usar estruturas maduras, como o HTML5SHIM;
>-[se LT ie 9] <] <]
> Script <src = http://html5shim.googlecode.com/svn/trunk/html5.js>/script <
>! [Endif]-<
10. Descreva brevemente sua compreensão da semantização de HTML?
Faça a coisa certa com o rótulo certo.
A Semântica HTML possui um conteúdo estruturado e uma estrutura mais clara, que é conveniente para navegadores e mecanismos de pesquisa;
Mesmo se não houver CSS de estilo, ele é exibido em um formato de documento e é fácil de ler;
O rastreador do mecanismo de pesquisa também depende da marca HTML para determinar o peso do contexto e as palavras -chave de cada palavra -chave, que é propício ao SEO;
Isso facilita as pessoas que leem o código -fonte mais fáceis de separar o site do site, para que seja fácil ler a manutenção e a compreensão.
JavaScript
1. Introduzir o tipo de dados básico de js
Indefinido, nulo, booleano, número, string
2. Quais são os objetos construídos de JS?
Objetos de embalagem de dados: objeto, matriz, booleano, número, string
Outros objetos: função, argumentos, matemática, data, regexp, erro
3. Compreensão do objeto Athis
Isso sempre se refere ao chamador direto da função (em vez de chamador indireto);
Se houver novas palavras -chave, esse objeto aponta para o novo;
No incidente, isso aponta para o objeto do incidente.
Isso no AnextEvent sempre aponta para a janela de objeto global;
4. O que o avaliação faz?
Sua função é resolver a sequência de caracteres correspondente no código JS e executar;
A avaliação deve ser evitada, insegura e muito consumida (2 vezes, resolvida em declarações JS por vez, uma execução).
Quando convertido da string json para o objeto JSON, você pode usar avaliar, var obj = avaliar (' + str +') ');
5. Como adicionar, remover, mover, copiar, criar e encontrar nós
// Crie um novo nó
CreateDocumentFraagment () // Crie um fragmento DOM
createElement () // Crie um elemento específico
CreateTextNode () // Crie um nó de texto
// Adicionar, remover, substituir, inserir
ApndendChild ()
Removechild ()
Replacechild ()
insertBefore () // Insira um novo sub -nó antes do nó filho existente
// Encontrar
GetElementsByTagName () // através do nome da etiqueta
GetElementsByName () // o valor da propriedade Nome do elemento
(Ou seja, a capacidade de tolerância a falhas é forte e uma matriz será obtida, incluindo o ID é igual ao valor do nome)
GetElementById () // Através do ID do elemento, singularidade
6. A diferença entre nulo e indefinido?
NULL é um objeto que não faz nada, que é 0 quando se transforma em valor;
O valor original que indica nada é a NAN quando se transforma em valor.
indefinido:
(1) As variáveis são declaradas, mas quando não há atribuição, é igual a indefinida.
(2) Ao chamar a função, os parâmetros que devem ser fornecidos não são fornecidos.
(3) Não há atributo do objeto, e o valor desse atributo é indefinido.
(4) Quando a função não retorna o valor, o indefinido é retornado por padrão.
nulo:
(1) Como um parâmetro da função, o parâmetro da função não é um objeto.
(2) O final da cadeia primária do objeto.
7. O que o símbolo operacional do que você faz?
(1) Crie um objeto vazio, e a variável faz referência ao objeto,
Ao mesmo tempo, o protótipo da função também foi herdado.
(2) Os atributos e métodos são adicionados ao objeto referenciado por isso.
(3) O objeto recém -criado é citado por isso, e o tipo oculto final retorna isso.
8. JSON Entendendo?
JSON (notação de objeto JavaScript) é uma espécie de luz
Formato de troca de dados com excesso de peso. É um subconjunto de JavaScript.
O formato de dados é simples, fácil de ler e escrever e ocupa pequena largura de banda.
Formato: Use pares de valores -chave, por exemplo: {'Age': '12', 'Name': 'Back'}
9. As diferenças e funções de Call () e Apply ()?
A função Aplicar () tem dois parâmetros: o primeiro parâmetro é o contexto, o segundo
O parâmetro é uma matriz composta pelo parâmetro. Se o contexto for nulo, use o objeto global.
Como: function.Apply (isto, [1,2,3]);
O primeiro parâmetro da chamada () é o contexto e a sequência de parâmetros subsequente passada pelas instâncias.
Como: function.call (this, 1,2,3);
10. Como conseguir você?
função whatbrowser () {
document.browser.name.value = navegator.appName;
document.browser.version.value = Navigator.AppVersion;
document.browser.code.value = navegator.appcodename;
document.browser.agent.value = Navigator.UserAgent;
}
outro
1. O que o código de status Dohttp sabe?
100 continuam continuando, geralmente ao enviar solicitações de postagem, ele foi enviado
Após o cabeçalho HTTP, o servidor retornará essas informações para indicar confirmação e enviará informações específicas para parâmetros
200 ok informações de retorno normal
O pedido de 201 foi bem -sucedido e o servidor criou novos recursos
202 O servidor aceito aceitou o pedido, mas não foi processado
A página da web solicitada por 301 movida permanentemente mudou permanentemente para uma nova posição.
302 Encontrou redirecionamento temporário.
303 Veja outros redirecionamentos temporariamente e sempre use, solicite um novo URI.
304 não modificar não foi modificado desde a última solicitação.
O servidor 400 Bad Request não pode entender o formato da solicitação e o cliente não deve tentar usar o mesmo conteúdo para iniciar uma solicitação novamente.
401 solicitações não autorizadas não estão autorizadas.
403 Proibido é proibido de acessar.
404 não encontrado não consegue encontrar um recurso que corresponda ao URI.
500 Erro mais comum do servidor do servidor da Internet.
503 Servidor de serviço indisponível é temporariamente incapaz de processar solicitações (provavelmente sobrecarregadas ou manutenção).
2. Que tipo de métodos de otimização de desempenho você tem?
(1) Reduza o número de solicitações HTTP: CSS Sprites, JS, CSS Código Fonte Compressão, Imagem Grande
O controle pequeno é apropriado;
(2) O modelo frontal JS+os dados são reduzidos a resíduos de largura de banda devido ao rótulo HTML.
A variável frontal -salva os resultados da solicitação AJAX.
(3) Use o INnerHTML para substituir a operação DOM, reduzir o número de operações DOM e otimizar o desempenho do JavaScript.
(4) ClassName é definido quando muitos estilos que você precisa configurar em vez de operar diretamente o estilo.
(5) Use os resultados de variáveis globais e nós de cache dom. Reduza a operação de leitura de IO.
(6) Evite usar a expressão de CSS (expressão de CSS), também conhecida como propriedades dinâmicas.
(7) Pré -carga da imagem, coloque a tabela de estilo na parte superior, coloque o script na parte inferior e adicione um registro de data e hora.
3. O que é o downgrade elegante e o aprimoramento gradual?
RELEGAÇÃO ELEGENTE: Os sites da Web podem funcionar normalmente em todos os novos navegadores
O navegador antigo da moda é usado e o código verificará para confirmar se eles podem trabalhar normalmente.
Devido ao problema do layout de modelo de caixa exclusivo do IE, para diferentes versões da prática de hackers do IE
A elegância foi rebaixada, adicionando o plano candidato para os navegadores que não podem apoiar a função,
Torne -o uma experiência de rebaixamento no antigo navegador de alguma forma, mas não será completamente invalidado.
Aprimoramento da graduação: a partir das funções básicas suportadas por todos os navegadores, adicione gradualmente aqueles
A função de apenas novos navegadores é suportada, adicionando uma quantidade inofensiva do navegador básico à página
Estilo e função externos. Quando o navegador suportar, eles apresentarão e desempenham um papel automaticamente.
4. Quais operações comuns podem causar vazamento de memória?
O vazamento de memória significa que qualquer objeto ainda existe depois que você não possui mais ou precisa.
O dispositivo de recuperação de lixo verifica o objeto regularmente e calcula o número de outros objetos de cada objeto.
Se o número de referências de um objeto for 0 (nenhum outro objeto citou o objeto),
Ou a única referência ao objeto é circular, então a memória do objeto pode ser reciclada.
O primeiro parâmetro do setTimeout usa uma string em vez de uma função, que causará vazamento de memória.
Fechamento, log do console, ciclo (quando dois objetos se citam e se reterem, um ciclo será gerado)
5. A diferença entre rosca e processo
Há pelo menos um processo em um programa e um processo possui pelo menos um thread.
A escala de divisão do encadeamento é menor que o processo, aumentando a complicação de programas multi -thread.
Além disso, o processo possui uma unidade de memória independente durante a execução, e vários threads compartilham memória,
Como resultado, a eficiência da operação do programa é bastante aprimorada.
O tópico ainda é diferente do processo durante a execução. Cada tópico independente tem um programa
Saída de sequências e sequências e seqüências de sequenciamento. Mas tópicos não podem ser independentes
A execução deve ser realizada de acordo com a aplicação de vários threads na existência do aplicativo.
De uma perspectiva lógica, o significado do multi -threading é que, em um aplicativo, existem várias execuções
A parte pode ser executada ao mesmo tempo. Mas o sistema operacional não considera vários threads como múltiplos independentes
Aplicativos para obter agendamento e gerenciamento de processos e alocação de recursos. Este é o processo e o tópico
Diferenças importantes.
Frente -Engenheiro de desenvolvimento de end Pergunta de teste de face JavaScript
1. Os métodos que podem ser usados dinamicamente para alterar o conteúdo da camada são (AB)
a) Innerhtml
b) InnerText
c) perceber pelo esconderijo e exibição da camada de configuração
d) Exibir atributos do atributo de estilo da camada
2. Ao pressionar o teclado A, o resultado da impressão Event.KeyCode com o evento OnKeyDown é (a)
a) 65
b) 13
c) 97
d) 37
3. Em JavaScript, as seguintes opções não são um método de matriz (b);
a) classificar ()
b) comprimento ()
c) Concat ()
d) reverso ()
4. Qual das seguintes opções pode ser usada para recuperar o número de índice da opção selecionada?
a) desativado
b) SelectedIndex
c) opção
d) múltiplo
5. Espero que a imagem tenha a mesma função do botão de envio.
a) Envie manualmente no evento OnClick da foto
b) Adicione um evento onSubmit à imagem
c) Submete manualmente no evento onSubmit da imagem
d) Envie automaticamente no formulário
6. O código que torna a camada div e a caixa de texto está correta (d);
UM)
B)
C)
D)
7. Nas opções a seguir, a descrição correta é (selecione dois itens). (ANÚNCIO)
a) options.add (nova opção ('a', 'a')) pode adicionar dinamicamente uma opção de lista de suspensão
b) Option.add (nova opção ('a', 'a')) pode adicionar dinamicamente uma opção de lista de suspensão
c) nova opção ('a', 'a') 'a' representa o valor da opção da lista, 'a' é usado para exibir na página
d) nova opção ('a', 'a') 'a' representa o valor da opção da lista, 'a' é usado para exibir na página
8. Var emp = novo matriz (3);
para (var i em EMP)
Nas respostas a seguir, ele pode ser substituído pelo código do loop for: (selecione um). (D)
A for (var i = 0; i
B para (var i = 0; i
C para (var i = 0; i
D para (var i = 0; i
9. Quando a função de fazer pratos de classe é chamada de (a) incidente da caixa de listagem de queda.
a) OnChange
b) Onfocus
c) selecionado
d) OnClick
10. Nas declarações a seguir da matriz, a opção errada é (c).
a) var arry = novo array ()
b) Var Arry = Nova Matriz (3)
c) var arry [] = nova matriz (3) (4)
d) var arry = new Array ('3', '4')
11. Qual dos seguintes atributos pode alcançar a camada escondida?
a) Exibir: fals
b) Exibição: oculto
c) Exibição: Nenhum
d) Exibir:
12. Qual das seguintes opções não é um método de objeto de documento?
a) foco ()
b) getElementById ()
c) getElementsByName ()
d) bgcolor ()
13. Qual das alternativas a seguir está pressionando o evento do teclado (AB)
a) OnKekydown
b) OnKeyPress
c) Código de chave
d) OnMouseOver
14. O objetivo do JavaScript para verificar a verificação do formulário é (b)
a) Envie as informações corretas do usuário para o servidor
b) Verifique se os dados enviados de dados devem atender à realidade
c) Torne a página linda e generosa
d) Reduza a pressão no lado do servidor
15. O valor comumente usado do valor do atributo de exibição não inclui (c)
a) embutido
b) Bloco
c) escondido
d) Nenhum
16. As seguintes afirmações sobre o atributo pixeltop e o atributo superior estão corretas. (D)
a) Todos os atributos dos objetos de localização
b) Os valores de retorno quando o uso são todos string
c) todos retornam o valor dos pixels
d) o exposto não está certo
17. Use o método aberto para abrir a janela com ferramentas de navegador, colunas de endereço, barras de menu.
a) aberto (x.html, hi, Toolbas = 1, scrollbars = 1, status = 1);
b) aberto (HI, ScrollBars = 1, local = 1, status = 1);
c) aberto (x.html, status = sim, menubar = 1, local = 1);
d) aberto (x.html, oi, Toolbas = sim, menubar = 1, local = 1);
18. O código fechado abaixo está correto (c)
a) document.getElementbyidx_x_x_x (mydiv) .style.display = nenhum;
b) document.getElementByidx_x_x_x (mydiv) .style.display = nenhum;
c) document.getElementByidx_x_x_x (mydiv) .style.display = nenhum;
d) document.getElementByidx_x_x_x (mydiv) .style.display == Nenhum;
19. Por que usar o layout Div+CSS
Separação de forma e conteúdo
Reduza bastante o código da página e aumente a velocidade da navegação de páginas
A estrutura é clara, o que é propício para o SEO
Curto o tempo de revolução, o layout é mais conveniente
Projetar, use várias vezes
20. Quais são as características dos elementos do bloco?
Sempre comece em uma nova viagem;
Altura, altura, controle de distância superior e inferior;
O padrão de largura é 100%de seu contêiner, a menos que defina uma largura
Existem elementos: ,,
,,
Quais são as características de 21. E elementos embutidos?
Ambos com outros elementos estão na linha;
A margem alta, alta e superior e inferior não pode ser alterada;
A largura é a largura de seu texto ou imagens e não pode ser alterada.
É elemento embutido: ,,,,,,
,,,
e.
22. Qual é o resultado da expressão de expressão (x8x8)+Pasefloat ('8') em JavaScript?
A) 8+8
b) 88
c) 16
d) 8+ '8
23. O método do objeto String não inclui (c)
a) charat ();
b) substring ()
c) comprimento
d) toupppercase ()
24. Sobre o setTimeout (check, 10) A declaração está correta (d)
a) Execução do ciclo do programa 10 vezes
b) A função de verificação é executada a cada 10 segundos
c) 10 como um parâmetro passado para a verificação de funções
d) A função de verificação é executada uma vez a cada 10 milissegundos
25. Qual das seguintes palavras não pertence a palavras -chave JavaScript: (c)
a) com
b) pai
c) classe
d) vazio
Prefácio
Este artigo resume algumas perguntas da entrevista de alta qualidade (principalmente da Internet). Não especule, basta pedir que o nível da entrevista esteja errado!
Existem alguns pontos para prestar atenção à entrevista: (Fonte Cheng Yan Fei Professor Github: @Wintercn)
Tópico da entrevista: de acordo com a mudança de nível e posição, entrada -nível para o nível do especialista: escopo ↑, profundidade ↑, direção ↑.
Tipos de perguntas: visão técnica, detalhes do projeto, perguntas teóricas do conhecimento, perguntas do algoritmo, perguntas de abertura, perguntas do caso.
Perguntas: você pode garantir que não entenda ou não entenda o entrevistador. Como esse tipo de conhecimento relacionado é um aprendizado de longo prazo, definitivamente não é lembrado temporariamente.
Responda à pergunta, o entrevistador (talvez seja sua entrevista de liderança direta), você considerará se eu quero que essa pessoa seja minha colega? Portanto, a atitude é importante. (Parece mais um encontro às cegas)
Os engenheiros seniores podem confundir absoluto e relativo, portanto, essas pessoas não precisam, porque você precisa de você como uma pessoa que pode confiar (confiável).
Esboço da entrevista de desenvolvimento da frente Ponto de conhecimento:
HTML & CSS:
Entendimento dos padrões da Web, diferenças de núcleo do navegador, compatibilidade, hacker, habilidades básicas do CSS: layout, modelo de caixa, prioridade e uso seletores, html5, css3, adaptação para adaptação para adaptação para terminais móveis
JavaScript:
Data type, object -oriented, inheritance, closure, plug -in, action domain, cross -domain, prototype chain, modularization, custom event, memory leakage, event mechanism, asynchronous loading recovery, template engine, nodejs, JSON, AJAX, etc .
outro:
HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯
作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：
此条由王子墨发表在前端随笔
1、DOM结构- 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作-如何添加、移除、移动、复制、创建和查找节点等。
3、事件- 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。
4、XMLHttpRequest - 这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式- 如何触发这两种模式，区分它们有何意义。
6、盒模型- 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型
7、块级元素与行内元素- 怎么用CSS控制它们、以及如何合理的使用它们
8、浮动元素-怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与XHTML-二者有什么区别，你觉得应该使用哪一个并说出理由。
10、JSON - 作用、用途、设计结构。