Cerrado de la etiqueta, etiquetas, anidados sin escrúpulos, aumentando las posibilidades de buscar la búsqueda de robots, utilizando scripts de CSS y JS de cadena externos, separación de rendimiento estructural, descarga de archivos y páginas más rápido, se puede acceder al contenido por más usuarios, se puede acceder a los códigos de contenido y se puede acceder a los códigos de contenido y a los códigos de contenido y Los componentes a los que se puede acceder por dispositivos más extendidos son fáciles de mantener y modificar.
¿Cuál es la diferencia entrexhtml y html?
HTML es un lenguaje de diseño web básico.
El elemento XHTML debe anidarse correctamente.
Los elementos XHTML deben estar cerrados.
La etiqueta debe ser una letra minúscula.
Los documentos XHTML deben tener elementos raíz.
3.Doctype?
Utilizado para declarar el documento utilizando esa especificación (HTML/XHTML) En general, el documento HTML con un marco excesivo estricto basado en el marco se desencadena por la instrucción XML, y el método de análisis se cambia a IE5.5 Bug con IE5.5.
4. ¿Cuáles son los elementos de la línea?
Bloque de nivel de nivel: Div P H1 H2 H3 H4 Forma UL
Elemento en la línea: ab br i span entrada seleccionar
Modelo de caja CSS: contenido, borde, margen, acolchado
5. ¿Cuáles son las formas de introducir BYCSS?
Orientación interna interna interna interna interna en enlace
Diferencia: cargar al mismo tiempo
El primero no es compatible, el segundo no admite el navegador debajo de CSS2.1
El enlace admite el uso de JavaScript para cambiar el estilo, que no puede ser
6. ¿Cuáles son los símbolos de selección elegidos?
¿Cómo calcular?
¿Cuál de los internos e importantes es alto?
Selección de etiqueta Selección de identificación de selección de selección de identificación
La herencia no es tan buena como la identificación especificada> class> selección de etiquetas
Este último es de alta prioridad
7. ¿Cuáles son las tres capas de la página delantera y cuáles son las diferencias?
Capa de estructura HTML representa la capa de comportamiento CSS JS JS
8. ¿La composición básica de la oración de CSS?
Selector {Propiedades 1: Valor 1;
9. ¿Cuáles son las páginas que hiciste?
¿Cuál es el núcleo?
IE (es decir, núcleo) Gecko (WebKit) Open (Presto)
10. Escribe varias soluciones a IE6 Bug
1. Use la visualización causada por el flotador de insecto de distancia bilateral
El problema de 2.3 píxeles usa dislPay: en línea -3px causado por flotador
3. Howl Link Hover después de hacer clic en el enlace de pedido de escritura correcto visitado
4.IE Z-Desex Agrega Posición: relativo
5. PNG Cambio de código JS de uso transparente
6. Min-altura de altura mínima! Solución importante '
7. Seleccione para cubrir con Iframe anidando bajo IE6
8. ¿Por qué no hay forma de definir el contenedor de ancho alrededor de 1px (IE6 Línea predeterminada
Causado por Over: Oculto, Zoom: 0.08 Línea de altura: 1px)
11. ¿Cuál es la diferencia entre el título y la propiedad ALT en la etiqueta?
Alt se representa por texto cuando la imagen no se muestra.
El título proporciona información para este atributo
12. Describa el papel y el uso del reinicio de CSS.
RESET RESET Las variedades de navegador de atributos predeterminados de CSS del navegador,
Diferentes estilos, luego reiniciarlo, dejarlos unificar
13. Explique cómo usar sprites CSS.
El CSS Elf integra un montón de imágenes pequeñas en una imagen grande,
Reducir el número de solicitudes en el servidor
14. ¿Cuál es la diferencia entre el modo estándar y el modo extraño del navegador?
Diferente en el modo de renderizado del modelo de caja
Use window.top.document.comPatMode
Puede mostrar por qué el modo
15. ¿Cómo optimiza los documentos y recursos del sitio web?
Fusión de archivos
Archivo minimizar/compresión del archivo
Alojamiento de CDN
Uso de caché
16. ¿Qué es un HTML semántico?
La conciencia de la etiqueta es buena para el agarre del motor de búsqueda
17. Varias formas de eliminar carrozas, sus respectivas ventajas y desventajas
1. Use la etiqueta vacía para despejar el flotador transparente: ambos (teóricamente claro puede ser claro
Cualquier etiqueta, agregue etiquetas sin sentido)
2. Use desbordamiento: auto (elemento de etiqueta vacío para eliminar el flotador sin
No aumente las desventajas del código no intencional, use Zoom: 1 para compatible, es decir))
3. Flotación transparente con pseudo elementos de aferta (para navegador no -ie)
Javascript1. Qué tipos de datos de retorno de JavaScript
Función de número de objeto booleano
2. Ejemplo 3 Conversión de tipo obligatoria y 2 conversión de tipo oculto?
Obligatorio (parseint, parsefloat, número)
Oculto (== - ===)
3. La diferencia entre wlit () unir ()
El primero es la forma de cortar en un grupo, y el segundo es convertir la matriz en una cadena
4. Método de matriz pop () push () unshift () shift ()
Agregar Pop () Tail Eliminar en la cola de Push ()
Head Unshift () agrega SHIFT () Head Eliminar
5. ¿Cuáles son las diferencias entre los eventos vinculantes y ordinarios del evento?
6. Diferente del flujo y flujo de eventos DOM
1. La orden de ejecución es diferente,
2. Los parámetros son diferentes
3. No agregue el evento
4. Ahis señalando el problema
7. ¿Cuáles son los métodos de escritura compatibles bajo el II y los estándares?
Var EV = EV ||
document.documentelement.clientwidth ||
Var Target = EV.Srcelement ||
8. La diferencia entre los métodos de Get and Post al solicitar
Uno se coloca en el portador virtual detrás de la URL
Hay restricciones de tamaño
Pregunta de seguridad
Diferentes aplicaciones son foros, etc.
9. La diferencia entre llamar y aplicar
Object.call (this, obj1, obj2, obj3)
Object.apply (esto, argumentos)
Cuando 10.AJAX Solicitud, cómo explicar los datos de JSON
Eval Parse es más confiable para usar PARSE en vista de consideraciones de seguridad
11.b cómo heredar un
12. Escriba una función para obtener un estilo no línea
Función getStyle (obj, attr, value) {if (! Value) {if (obj.currenstyle) {return obj.currenstyle (attr)} else {obj.getComputestyle (attr, false)}} else {obj.style [attr, ] = Valor}}13. ¿Cuál es la comisión del incidente?
Que el principio de burbujear en el evento, que se activen los eventos, ¡que se realice su elemento principal!
14. ¿Cuál es el cierre, cuáles son las características y el impacto en la página?
El cierre es una función que puede leer otras variables internas de otras funciones.
1. Guarde la variable I en cada objeto de párrafo (p)
1. Función init1 () {
2. Var pry = document.getElementsByTagName (P);
3. For (var i = 0; i <prry.length; i ++) {
4. Pary [i] .i = i;
5. Pary [i] .Onclight = function () {
6. Alerta (this.i);
7.}
8.}
9.}
2. Guarde la variable I en la función anónima en sí misma
1. Función init2 () {
2. Var pry = document.getElementsByTagName (P);
3. For (var i = 0; i <prry.length; i ++) {
4. (Pary [i] .Onclight = function () {
5. Alerta (argumentos.callee.i);
6.}).
7.}
8.}
3. Agregue un cierre de una capa de cierre, lo transmito a la función de capa interna en forma de parámetro de función
1. Función init3 () {
2. Var pry = document.getElementsByTagName (P);
3. For (var i = 0; i <prry.length; i ++) {
4. (Función (arg) {
5. Pary [i] .Onclight = function () {
6. Alerta (arg);
7.};
8.}) (i);
9.}
10.}
4. Agregue un cierre de una capa de cierre, lo transmito a la función de capa interna en forma de una variable local
1. Función init4 () {
2. Var pry = document.getElementsByTagName (P);
3. For (var i = 0; i <prry.length; i ++) {
4. (Function () {
5. Var temp = i; // Variables locales al llamar
6. Pary [i] .Onclight = function () {
7. Alerta (temperatura);
8.}
9.}) ();
10.}
11.}
5. Agregue un cierre de una capa y devuelva una función como evento de respuesta (preste atención a la diferencia sutil de 3)
1. Función init5 () {
2. Var pry = document.getElementsByTagName (P);
3. For (var i = 0; i <prry.length; i ++) {
4. Pary [i] .Onclight = function (arg) {
5. Función de retorno () {// devuelve una función
6. Alerta (arg);
7.}
8.} (i);
9.}
10.}
6. Para la implementación con la función, de hecho, cada instancia de función generará un cierre
1. Función init6 () {
2. Var pry = document.getElementsByTagName (P);
3. For (var i = 0; i <prry.length; i ++) {
4. Pary [i] .Onclight = nueva función (alerta ( + i +););
5.}
6.}
7. Implementar con función, preste atención a la diferencia de 6
1. Función init7 () {
2. Var pry = document.getElementsByTagName (P);
3. For (var i = 0; i <prry.length; i ++) {
4. Pary [i] .onclight = function ('alerta ('+i+')');
5.}
6.}
15. Cómo dejar de burbujear incidentes y eventos predeterminados
CANCEBUBBLE RETURN FALSO
16. Agregue a eliminar y reemplazar el método de insertar en un cierto contacto
obj.appendChidl ()
obj.innersetbore
obj.replacechild
obj.removechild
17. Explique el principio de JSONP, y por qué no es el verdadero Ajax
Crear dinámicamente una etiqueta de script, función de devolución de llamada
AJAX es una operación de datos de solicitud de refresión sin tracción
18. El objeto local de JavaScript, el objeto construido en el objeto y el objeto de host
El objeto local es la matriz obj regexp, etc.
El objeto construido es Matemáticas Gload, etc.
Documen, ventana, etc. Que el anfitrión viene con el navegador
19. La diferencia entre la carga del documento y el documento listo
Document.onload es la ejecución de JS después de cargar la estructura y el estilo
Document.Ready La especie nativa no tiene este método, jQuery tiene disponible
$ ().
20. == y === diferente
El primero convertirá automáticamente el tipo
Este último no
21. Estrategia homóloga de JavaScript
Un script solo puede leer los atributos de Windows y documentos de las mismas fuentes,
La misma fuente aquí se refiere a la combinación de nombre de host, acuerdo y número de puerto
22. Escribe una forma de ser pesado para la matriz
Función Osort (arr)
{{
resultado var = {};
var newarr = [];
para (var i = 0; i <arr.length; i ++)
{{
if (! resultado [arr])
{{
newarr.push (arr)
resultado [arr] = 1
}
}
Devolver Newarr
}
23. Selector de medios
@Media (Min-Width: 992px) y (Max-Width: 1199px)
@Media Screen y (Min-Width: 768px)
HTML y CSS
1. ¿Cuáles son las pruebas de navegador comúnmente utilizadas? ¿Qué núcleos (motor de diseño)?
(P1) Navegador: IE, Chrome, Firefox, Safari, Opera.
(P2) Kernel: Trident, Gecko, Presto, Webkit.
2. ¿Hablando de las diferencias entre los elementos de enlace descendente y los elementos de nivel de bloque? ¿Cuáles son la compatibilidad del elemento de bloque interno? (IE8 a continuación)
(Q1) Elementos en línea: se organizará en la dirección horizontal, que no puede incluir elementos de nivel de bloque, y el ancho no es válido.
La altura no es válida (puede establecer la altura de la línea), el margen no es válido, el relleno no es válido.
Elementos de nivel de bloque: cada uno ocupa una línea, y la dirección vertical está dispuesta. Desde el final de la nueva línea, una estaba desconectada.
(Q2) Compatibilidad: Pantalla: bloqueo en línea;*Pantalla: en línea;*Zoom: 1;
3. ¿Cuáles son las formas de eliminar las carrozas? ¿Cuál es mejor?
(Q1)
(1) Definición de altura Div.
(2) Etiqueta DIV vacía al final.
(3) Pseudo de definición de div de la familia: después y zoom.
(4) Definición de desbordamiento: oculto.
(5) Definición de desbordamiento: Auto: Auto.
(6) El Div Padre también flota y necesita definir el ancho.
(7) Pantalla de definición: tabla.
(8) Agregue la etiqueta Br Borre: ambos al final.
(P2) Es mejor para el tercer método.
4. ¿Cuáles son los atributos que se usan comúnmente en la bandeja de entrada? ¿Cuál es el papel?
(P1) Distribuir en caja: Box de contenido |
(P2) Box de contenido: el ancho y la altura se aplican al cuadro de contenido del elemento, respectivamente.
Dibuje el interior y el borde del elemento fuera del ancho y la altura (el efecto predeterminado del elemento).
Border-box: se configurará cualquier interior y marco especificado en el elemento
Dibujar ancho y altura. Una disminución del ancho y la altura del conjunto respectivamente
Solo el ancho y la altura del contenido se pueden obtener mediante el borde y la distancia interior.
5.Doctype? ¿Cuáles son las diferencias entre el modo estándar y el modo de compatibilidad?
(Q1)>!
Análisis estándar de este documento. Doctype no existe o los formatos incorrectos causarán texto
El archivo se presenta en un modo compatible.
(P2) El modo de operación tipográfico y JS del modo estándar son el más compatible con el navegador
Operación de alto nivel. En modo compatible, la página está suelta y atrasada
Demuestre que el comportamiento de los navegadores antiguos de simulación se utiliza para evitar que el sitio no pueda funcionar.
6.html5 ¿Por qué solo necesita escribir>!
HTML5 no se basa en SGML, por lo que no hay necesidad de hacer referencia a DTD, pero
Necesita Doctype para regular el comportamiento del navegador (deje que el navegador los siga
Debe ejecutarse).
HTML4.01 se basa en SGML, por lo que debe referenciarse a DTD
Informe el tipo de documentación utilizada en el documento del navegador.
7. Cuando se importa la página, ¿cuál es la diferencia entre usar Link y @import?
(1) El enlace pertenece a la etiqueta XHTML.
Para definir RSS, definir el papel de los atributos de la conexión REL, etc.;
Para el suministro, solo se puede usar para cargar CSS;
(2) Cuando se carga la página, el enlace se cargará al mismo tiempo y @Import cita
El CSS esperará hasta que la página se cargue antes de cargar;
(3) La importación es propuesta por CSS2.1.
Link es la etiqueta XHTML, que no es compatible;
8. Introducir su comprensión del núcleo del navegador?
Principalmente dividido en dos partes: motor de representación (ingeniero de diseño o
Motores de representación) y los motores JS.
Motor de representación: responsable de obtener el contenido de la página web (HTML, XML, imagen, etc.),
Ordene el mensaje (como agregar CSS, etc.) y el método de visualización para calcular la página web,
Luego salga a la pantalla o impresora. Diferente núcleo del núcleo del navegador
La interpretación gramatical de la página web será diferente, por lo que el efecto de la representación es diferente.
Todos los navegadores web, clientes de correo electrónico y otros deben ser editados,
Las aplicaciones que muestran contenido de red requieren el kernel.
JS MOTOR: Analice y ejecute JavaScript para lograr el efecto dinámico de la página web.
Al principio, el motor de renderizado y el motor JS no lo distinguieron claramente.
Con cada vez más independiente, el núcleo tiende a referirse a motores de representación.
9. ¿Cuáles son las nuevas características de HTML5? Cómo manejar el navegador y la nueva etiqueta de HTML5
¿Podría ser cuestionado? ¿Cómo distinguir HTML y HTML5?
(Q1)
HTML5 ya no es el subconjunto de SGML, principalmente sobre el aumento de funciones como imágenes, posiciones, almacenamiento y tareas múltiples.
(1) Pintura de lienzo;
(2) elementos de video y audio utilizados para medio;
(3) Datos de almacenamiento de almacenamiento local fuera de línea local durante mucho tiempo, los datos no se pierden después de que se cierre el navegador;
(4) Los datos de SessionStorage se eliminan automáticamente después de que se cierra el navegador;
(5) mejores elementos de contenido, como artículo, pie de página, encabezado, navegación, sección;
(6) Control de formulario, calendario, fecha, hora, correo electrónico, URL, búsqueda;
(7) New Technology Webworker, WebSocket, Geología;
(Q2)
IE8/IE7/IE6 admite etiquetas generadas por document.createElement.
Puede usar esta función para permitir que estos navegadores admitan la nueva etiqueta de HTML5.
Después de que el navegador admite la nueva etiqueta, el estilo predeterminado de la etiqueta también debe agregarse.
Por supuesto, también puede usar marcos maduros, como html5shim;
>-[si LT IE 9] <] <
> Script <src = http://html5shim.googlecode.com/svn/trunk/html5.js>/script <
>!
10. Describe brevemente su comprensión de la semántica HTML?
Haz lo correcto con la etiqueta correcta.
HTML Semantic tiene un contenido estructurado y una estructura más clara, que es conveniente para navegadores y motores de búsqueda;
Incluso si no hay CSS de estilo, se muestra en un formato de documento, y es fácil de leer;
El rastreador del motor de búsqueda también depende de la marca HTML para determinar el peso del contexto y las palabras clave de cada palabra clave, que conduce a SEO;
Hace que las personas que lean el código fuente sean más fáciles de separar el sitio web para el sitio web, para que sea fácil leer el mantenimiento y la comprensión.
Javascript
1. Introducir el tipo de datos básicos de JS
Indefinido, nulo, booleano, número, cadena
2. ¿Cuáles son los objetos construidos de JS?
Objetos de envasado de datos: objeto, matriz, booleano, número, cadena
Otros objetos: función, argumentos, matemáticas, fecha, regexp, error
3. Comprensión del objeto Athis
Esto siempre se refiere a la persona que llama directa de la función (en lugar de la persona que llama indirecta);
Si hay nuevas palabras clave, este objeto apunta al nuevo;
En el incidente, esto apunta al objeto del incidente.
Esto en AttackEvent siempre apunta a la ventana del objeto global;
4. ¿Qué hace Eval?
Su función es resolver la cadena de caracteres correspondiente en el código JS y ejecutar;
Ev se debe evitar, inseguro y muy consumidor (2 veces, resuelto en las declaraciones JS a la vez, una ejecución).
Cuando se convierte de la cadena JSON al objeto JSON, puede usar Eval, var obj = eval (' + str +') ');
5. Cómo agregar, eliminar, mover, copiar, crear y encontrar nodos
// crear un nuevo nodo
CreatEcumentFraagment () // Crea un fragmento DOM
createElement () // crear un elemento específico
createTeTextNode () // Crear un nodo de texto
// Agregar, eliminar, reemplazar, insertar
AppendChild ()
Removechild ()
ReplaceChild ()
insertBefore () // inserta un nuevo subnodo antes del nodo infantil existente
// Encontrar
GetElementsBytagName () // a través del nombre de la etiqueta
GetElementsByName () // El valor de la propiedad de nombre del elemento
(Es decir, la capacidad de tolerancia a fallas es fuerte, y se obtendrá una matriz, incluida la ID es igual al valor del nombre)
GetElementById () // a través de ID de elemento, singularidad
6. ¿La diferencia entre NULL y UNFINININE?
NULL es un objeto que no hace nada, que es 0 cuando se convierte en valor;
El valor original que indica nada es nan cuando se convierte en valor.
indefinido:
(1) Se declaran variables, pero cuando no hay asignación, es igual a indefinido.
(2) Al llamar a la función, los parámetros que deben proporcionarse no se proporcionan.
(3) No hay atributo del objeto, y el valor de este atributo no está definido.
(4) Cuando la función no devuelve el valor, el indefinido se devuelve por defecto.
nulo:
(1) Como parámetro de la función, el parámetro de la función no es un objeto.
(2) El final de la cadena primaria del objeto.
7. ¿Qué hace el símbolo operativo entonces?
(1) crear un objeto vacío, y esta variable hace referencia al objeto,
Al mismo tiempo, el prototipo de la función también fue heredado.
(2) Los atributos y los métodos se agregan al objeto mencionado por esto.
(3) El objeto recién creado es citado por esto, y el tipo oculto final devuelve esto.
8. JSON ENTENDIENDO?
JSON (JavaScript Object Notation) es un tipo de luz
Formato de intercambio de datos con sobrepeso. Es un subconjunto de JavaScript.
El formato de datos es simple, fácil de leer y escribir, y ocupa un pequeño ancho de banda.
Formato: use pares de valores clave, por ejemplo: {'edad': '12', 'nombre': 'retrospectación'}
9. Las diferencias y funciones de la llamada () y aplicar ()?
La función Apply () tiene dos parámetros: el primer parámetro es el contexto, el segundo
El parámetro es una matriz compuesta por el parámetro. Si el contexto es nulo, use el objeto global en su lugar.
Tales como: function.apply (this, [1,2,3]);
El primer parámetro de la llamada () es el contexto, y la secuencia de parámetros posterior pasada por instancias.
Tales como: function.call (this, 1,2,3);
10. ¿Cómo conseguir ua?
función whatbrowser () {
document.browser.name.value = navigator.appname;
document.browser.version.value = navigator.appversion;
document.browser.code.value = navigator.appCodeName;
document.browser.agent.value = navigator.useragent;
}
otro
1. ¿Qué sabe el código de estado DOHTTP?
100 continúan continuos, generalmente al enviar solicitudes de publicación, se ha enviado
Después del encabezado HTTP, el servidor devolverá esta información para indicar la confirmación y luego enviará información específica de parámetros
200 Ok Información de retorno normal
La solicitud creada 201 fue exitosa y el servidor creó nuevos recursos
202 servidor aceptado ha aceptado la solicitud, pero no se ha procesado
La página web solicitada por 301 movida se ha movido permanentemente permanentemente a un nuevo puesto.
302 encontró redirección temporal.
303 Vea otra redirección temporal, y siempre use para solicitar un nuevo URI.
304 no modificar no se ha modificado desde la última solicitud.
El servidor de solicitudes 400 no puede entender el formato de la solicitud, y el cliente no debe intentar usar el mismo contenido para iniciar una solicitud nuevamente.
401 Las solicitudes no autorizadas no están autorizadas.
403 prohibido está prohibido acceder.
404 no encontrado no puede encontrar un recurso que coincida con el URI.
500 Error del servidor de Internet es el error más común del servidor.
503 Servicio El servidor no disponible no puede procesar las solicitudes (probablemente sobrecargadas o mantenimiento).
2. ¿Qué tipo de métodos de optimización de rendimiento tienes?
(1) Reduzca el número de solicitudes HTTP: Sprites CSS, JS, compresión del código fuente de CSS, imagen grande
El control pequeño es apropiado;
(2) La plantilla delantera JS+los datos se reducen a residuos de ancho de banda debido a la etiqueta HTML.
La variable frontal -END guarda los resultados de la solicitud AJAX.
(3) Use InnerHTML para reemplazar la operación DOM, reducir el número de operaciones DOM y optimizar el rendimiento de JavaScript.
(4) El nombre de clase se establece cuando muchos estilos que necesita configurar en lugar de operar directamente.
(5) Use los resultados de las variables globales y los nodos DOM de caché. Reducir la operación de lectura IO.
(6) Evite usar la expresión CSS (expresión de CSS), también conocida como propiedades dinámicas.
(7) Pre -carga de la imagen, coloque la mesa de estilo en la parte superior, coloque el script en la parte inferior y agregue una marca de tiempo.
3. ¿Qué es elegante rebaja y mejora gradual?
REGRADO ELEGANTE: los sitios web pueden funcionar normalmente en todos los navegadores nuevos.
Se utiliza el antiguo navegador de moda, y el código verificará para confirmar si pueden funcionar normalmente.
Debido al problema del diseño único del modelo de caja de IE, para diferentes versiones de la práctica de hack de IE
La elegancia ha sido degradada, agregando el plan candidato para aquellos navegadores que no pueden soportar la función,
Haz que sea una experiencia de descenso en el antiguo navegador de alguna forma, pero no se invalidará por completo.
Mejora de la graduación: a partir de las funciones básicas respaldadas por todos los navegadores, agregue gradualmente las
Se admite la función de solo nuevos navegadores, agregando una cantidad inofensiva del navegador básico a la página
Estilo y función externos. Cuando el navegador admite, automáticamente presentará y jugará un papel.
4. ¿Qué operaciones comunes pueden causar fuga de memoria?
La fuga de memoria significa que todavía existe cualquier objeto después de que ya no lo posea o lo necesite.
El dispositivo de recuperación de basura escanea el objeto regularmente y calcula el número de otros objetos de cada objeto.
Si el número de referencias de un objeto es 0 (ningún otro objeto ha citado el objeto),
O la única referencia al objeto es circular, entonces la memoria del objeto se puede reciclar.
El primer parámetro de SetTimeOut usa una cadena en lugar de una función, que causará una fuga de memoria.
Cierre, registro de consola, ciclo (cuando dos objetos se citan entre sí y se retienen, se generará un ciclo)
5. La diferencia entre hilo y proceso
Hay al menos un proceso en un programa, y un proceso tiene al menos un hilo.
La escala de división del hilo es menor que el proceso, lo que hace que la complicación de los programas multifreshalos sea alta.
Además, el proceso tiene una unidad de memoria independiente durante la ejecución, y múltiples hilos comparten memoria,
Como resultado, la eficiencia de operación del programa mejora enormemente.
El hilo sigue siendo diferente del proceso durante la ejecución. Cada hilo independiente tiene un programa
Salir de secuencias y secuencias y secuencias de secuenciación. Pero los hilos no pueden ser independientes
La ejecución debe realizarse de acuerdo con la aplicación de múltiples hilos en la existencia de la aplicación.
Desde una perspectiva lógica, la importancia de la múltiples huéspedes es que en una aplicación, hay múltiples ejecuciones
La parte se puede ejecutar al mismo tiempo. Pero el sistema operativo no considera múltiples hilos como múltiples independientes
Aplicaciones para lograr la programación de procesos y la gestión y la asignación de recursos. Este es el proceso y el hilo
Diferencias importantes.
Prueba de prueba de la cara del ingeniero de desarrollo delantero JavaScript
1. Métodos que se pueden usar dinámicamente para cambiar el contenido en la capa son (AB)
a) Innerhtml
b) inntext
c) Dar cuenta mediante la ocultación y visualización de la capa de configuración
d) Mostrar atributos del atributo de estilo de la capa de capa
2. Al presionar el teclado A, el resultado del evento de impresión. Code con el evento OnKeydown es (a)
a) 65
b) 13
c) 97
d) 37
3. En JavaScript, las siguientes opciones no son un método de matriz (b);
a) Sort ()
b) longitud ()
c) concat ()
d) reverso ()
4. ¿Cuál de las siguientes opciones se puede usar para recuperar el número de índice de la opción seleccionada?
a) discapacitado
b) SelectedIndex
c) Opción
d) múltiple
5. Espero que la imagen tenga la misma función del botón de envío.
a) Enviar manualmente en el evento OnClick de la imagen
b) Agregue un evento OnSubmit a la imagen
c) Enviar manualmente en el evento OnSubmit de la imagen
d) Enviar automáticamente en el formulario
6. El código que fabrica la capa Div y el cuadro de texto es correcto (d);
A)
B)
DO)
D)
7. En las siguientes opciones, la descripción correcta es (seleccione dos elementos). (ANUNCIO)
a) options.add (nueva opción ('a', 'a')) puede agregar dinámicamente una opción de lista de caída
b) opción.Add (nueva opción ('a', 'a')) puede agregar dinámicamente una opción de lista de caída
c) nueva opción ('a', 'a') 'a' representa el valor de la opción de lista, 'A' se usa para mostrar en la página
d) nueva opción ('a', 'a') 'a' representa el valor de la opción de lista, 'A' se usa para mostrar en la página
8. Var emp = nueva matriz (3);
para (var i en emp)
En las siguientes respuestas, se puede reemplazar con el código de bucle for para: (seleccione una). (D)
A para (var i = 0; i
B para (var i = 0; i
C para (var i = 0; i
D para (var i = 0; i
9. Cuando la función de hacer una clase se llama (a) incidente del cuadro de lista de caídas.
a) Onchange
b) Onfocus
c) Seleccionado
d) OnClick
10. En las siguientes afirmaciones de la matriz, la opción incorrecta es (c).
a) var arry = new Array ()
b) var arry = nueva matriz (3)
c) var arry [] = nueva matriz (3) (4)
d) var arry = new Array ('3', '4')
11. ¿Cuál de los siguientes atributos puede lograr la ocultación de capas?
a) Pantalla: Fals
b) Pantalla: Oculto
c) Pantalla: ninguno
d) Pantalla:
12. ¿Cuál de las siguientes opciones no es un método de objeto de documento?
a) enfoque ()
b) GetElementById ()
c) GetElementsByName ()
d) bgcolor ()
13. ¿Cuál de los siguientes está presionando el evento del teclado (AB)
a) OnKeydown
b) OnKeyPress
c) Código de teclas
d) en mouseover
14. El propósito de JavaScript para verificar la verificación de formulario es (b)
a) Envíe la información correcta del usuario al servidor
b) verifique los datos enviados los datos deben cumplir con la realidad
c) Haga que la página sea hermosa y generosa
d) Reducir la presión en el lado del servidor
15. El valor comúnmente utilizado del valor del atributo de visualización no incluye (c)
a) en línea
b) bloque
c) escondido
d) ninguno
16. Las siguientes afirmaciones sobre el atributo PixelTop y el atributo superior son correctas. (D)
a) Todos los atributos de los objetos de ubicación
b) Los valores de retorno cuando se usan son todas las cadenas
c) Todos devuelven el valor de los píxeles
d) lo anterior no es correcto
17. Use el método abierto para abrir la ventana con herramientas de navegador, columnas de dirección, barras de menú.
a) abrir (x.html, HI, ToolBas = 1, ScrollBars = 1, status = 1);
b) Abrir (HI, Barras de desplazamiento = 1, Local = 1, Status = 1);
c) abrir (x.html, status = sí, menubar = 1, local = 1);
d) abrir (x.html, HI, ToolBas = sí, Menubar = 1, local = 1);
18. El código que se cierra a continuación es correcto (c)
a) document.getElementByIdX_X_X_X (myDiv) .style.display = none;
b) document.getElementByIDX_X_X_X (myDiv) .style.display = none;
c) document.getElementByIdX_X_X_X (myDiv) .style.display = none;
d) document.getElementByIdx_x_x_x (myDiv) .style.display == Ninguno;
19. ¿Por qué usar el diseño Div+CSS?
Separación de forma y contenido
Reduzca enormemente el código de página y aumente la velocidad de la navegación de la página
La estructura es clara, que es propicio para el SEO
Corto el tiempo de revolución, el diseño es más conveniente
Diseño, use varias veces
20. ¿Cuáles son las características de los elementos de bloque?
Siempre comience en un nuevo viaje;
Altura, altura, control de distancia superior e inferior;
El valor predeterminado de ancho es el 100%de su contenedor, a menos que establezca un ancho
Hay elementos: ,,
,
¿Cuáles son las características de 21. Y elementos en línea?
Ambos con otros elementos están en juego;
El margen alto, alto y superior e inferior no se puede cambiar;
El ancho es el ancho de su texto o imágenes y no se puede cambiar.
Es un elemento en línea: ,,,,,,,
,,,
y.
22. ¿Cuál es el resultado de la expresión Parseint (x8x8)+Pasefloat ('8') en JavaScript?
A) 8+8
b) 88
c) 16
d) 8+ '8
23. El método del objeto de cadena no incluye (c)
a) charat ();
b) subcadena ()
c) longitud
d) TOUPPERCASE ()
24. Acerca de SetTimeout (cheque, 10) La declaración es correcta (D)
a) Ejecución del ciclo del programa 10 veces
b) verificar la función ejecuta cada 10 segundos
c) 10 como un parámetro pasado a la verificación de la función
d) La función de verificación se ejecuta una vez cada 10 milisegundos
25. ¿Cuál de las siguientes palabras no pertenece a las palabras clave de JavaScript: (c)
a) con
b) padre
c) clase
d) Vacío
Prefacio
Este artículo resume algunas preguntas de entrevistas frontales de alta calidad (principalmente de Internet). No especule, ¡solo solicite que el nivel de entrevista esté mal!
Hay algunos puntos para prestar atención a la entrevista: (Fuente Cheng Yan Fei Maestro Github: @wintercn)
Tema de la entrevista: de acuerdo con su nivel y cambio de posición, entrada de entrada a nivel de experto: alcance ↑, profundidad ↑, dirección ↑.
Tipos de preguntas: visión técnica, detalles del proyecto, preguntas de conocimiento teórico, preguntas de algoritmo, preguntas de apertura, preguntas de casos.
Preguntas: puede asegurarse de no entender o no entender al entrevistador. Debido a que este tipo de conocimiento relacionado es un aprendizaje a largo plazo, definitivamente no se recuerda temporalmente.
Responda la pregunta, el entrevistador (tal vez es su entrevista de liderazgo directo), ¿considerará si quiero que esta persona sea mi colega? Entonces la actitud es importante. (Se siente más como una cita a ciegas)
Los ingenieros senior pueden confundir absoluto y relativo, por lo que esas personas no lo necesitan, porque usted lo necesita como una persona en la que puede confiar (confiable).
Esquema del punto de conocimiento de la entrevista de desarrollo delantero:
HTML y CSS:
Comprensión de los estándares web, las diferencias del núcleo del navegador, la compatibilidad, el hack, las habilidades básicas de CSS: diseño, modelo de caja, prioridad y uso del selector, HTML5, CSS3, adaptación de adaptación de terminal móvil
JavaScript:
Tipo de datos, orientado al objeto, herencia, cierre, plug -in, dominio de acción, dominio cruzado, cadena de prototipos, modularización, evento personalizado, fuga de memoria, mecanismo de eventos, recuperación de carga asíncrona, motor de plantilla, NodeJ, JSON, AJAX, etc. .
otro:
HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯
作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：
此条由王子墨发表在前端随笔
1、DOM结构- 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作-如何添加、移除、移动、复制、创建和查找节点等。
3、事件- 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。
4、XMLHttpRequest - 这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式- 如何触发这两种模式，区分它们有何意义。
6、盒模型- 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型
7、块级元素与行内元素- 怎么用CSS控制它们、以及如何合理的使用它们
8、浮动元素-怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与XHTML-二者有什么区别，你觉得应该使用哪一个并说出理由。
10、JSON - 作用、用途、设计结构。