2020/3/26
El problema
html: js en el html
<body>
y<head>
cuál es la diferencia?
css: ¿Qué es BFC? ¿Qué desencadena BFC?
js: ¿Cuáles son las diferencias entre let, const y var?
html: js en el html <body>
y <head>
cuál es la diferencia?
js poner head
, si no se agrega async
o defer
tiempo, cuando los encuentros del navegador script
, los bloques de construcción del árbol DOM, afectando con ello a la página se carga. Cuando hay muchos archivos js, el tiempo de la pantalla en blanco de la página también se alargará. Js en el <body>
interior (por lo general </body>
en la parte superior), porque cuando el análisis sintáctico orden DOM, y por lo tanto sin el bloqueo de análisis del DOM js. Para debe ser resuelto antes de que el DOM es necesario cargar el js, tenemos que poner <head>
en.
css: ¿Qué es BFC? ¿Qué desencadena BFC?
¿Qué es el BFC?
BFC se llama Contexto de formato de bloque. BFC es un concepto en la especificación W3C CSS 2.1. Determina cómo un elemento posiciona su contenido y la relación e interacción con otros elementos. Cuando se trata de diseño visual, Contexto de formato de bloque proporciona un entorno en el que los elementos HTML son Este entorno se presenta de acuerdo con ciertas reglas. Los elementos en un entorno no afectarán el diseño en otros entornos. Por ejemplo, un elemento flotante formará un BFC. Los elementos secundarios dentro del elemento flotante se ven afectados principalmente por el elemento flotante, y los dos elementos flotantes no se afectan entre sí. Esto es similar al significado de un BFC es una unidad administrativa independiente. Se puede decir que BFC es un ámbito, y se entiende como un contenedor independiente, y el diseño de la caja en este contenedor no tiene nada que ver con la caja fuera de este contenedor.
Condiciones que desencadenan BFC
- Elemento raíz u otro elemento que lo contiene
- elementos flotantes (elementos
float
nonone
) - Elementos de una posición absoluta (elementos con
position
comoabsolute
ofixed
) - Bloque en línea (el elemento tiene
display: inline-block
) - Celdas de tabla (el elemento tiene los
display: table-cell
atributos predeterminados de las celdas de tabla HTML) - Título de la tabla (el elemento tiene el
display: table-caption
atributo predeterminado del título de la tabla HTML) - Con
overflow
y no el valor delvisible
elemento de bloque - Caja flexible (
flex
oinline-flex
) display: flow-root
column-span: all
Mañana uso
js: ¿Cuáles son las diferencias entre let, const y var?
Método de declaración | Promoción variable | Zona muerta temporal | Repetir declaración | El alcance a nivel de bloque es válido |
---|---|---|---|---|
era | Voluntad | No existe | Permitir | No |
dejar | No lo hará | Existe | No permitido | Tener |
const | No lo hará | Existe | No permitido | Tener |
1. Las variables definidas por let / const no serán promovidas, mientras que las variables definidas por var serán promovidas.
2. En el mismo ámbito, let y const no permiten declaraciones repetidas, var permite declaraciones repetidas.
3.const debe establecer el valor inicial al declarar variables
const a;
// 报错
4.const declara una constante de solo lectura, esta constante no se puede cambiar.
Aquí hay un punto muy importante: en JS, los tipos de datos complejos, almacenados en la pila, son la dirección de la memoria del montón, la dirección almacenada en la pila no cambia, pero el valor almacenado en el montón puede convertirse . ¿Hay un puntero / puntero bastante constante ~
const arr = [1,2,3];
arr[0] = 10;
// arr [10, 2, 3]