Cookie, configuración del mismo sitio, solución de cookies entre dominios, ¿por qué Chrome tiene restricción de mismo sitio?
-
Una cookie es un pequeño texto de datos de no más de 4 KB, que consta de un nombre (Nombre), un valor (Valor) y varios otros atributos opcionales que se utilizan para controlar el período de validez, la seguridad y el alcance de la cookie.
-
A partir de Chrome 51, se ha agregado un nuevo atributo SameSite a la cookie del navegador para evitar ataques CSRF y seguimiento de usuarios.
-
Cookie de dominio cruzado:
-
dominio-dominio: al establecer este atributo, varios servidores web pueden compartir cookies. El valor predeterminado del atributo de dominio es el nombre de host del servidor que creó la cookie. No puede establecer el dominio de una cookie en un dominio que no sea el dominio donde se encuentra el servidor.
-
ruta-ruta: indica qué archivos en la ruta del servidor que creó la cookie tienen permiso para leer la cookie, el valor predeterminado es /, que es el directorio raíz del servidor que creó la cookie.
-
token = '0821A9439FE4466395A2F4086538AEB4'
cookie = new Cookie('TT_TOKEN', token)
cookie.setPath('/')
cookie.setDomain('taotao.com')
response.addCookie(cookie)
¿Cómo evitar los ataques xss (ataques de secuencias de comandos entre sitios)?
-
Un atacante malintencionado inserta un código de secuencia de comandos malicioso en una página Web. Cuando el usuario navega por la página, se ejecuta el código de secuencia de comandos incrustado en la Web, logrando así el propósito de atacar maliciosamente al usuario. Los ataques XSS están dirigidos a ataques a nivel de usuario.
-
Filtrado de entrada: se debe filtrar la entrada de cada usuario o el encabezado de solicitud.
El principio de realización de vue-router. Cómo lograrlo: de la página A a la página B a la página C, de vuelta a la página A
-
Vue-router implementa el enrutamiento de front-end a través de la interfaz de hash e historial, actualizar la vista sin volver a solicitar la página "es una de las claves del principio de enrutamiento de front-end. Actualmente hay dos formas principales de implementar esta función en el navegador ambiente:
-
hash: agregue '#' a la dirección para engañar al navegador, el cambio de dirección se debe a la navegación en curso en la página
-
history: Use la función window.history de H5 y use el Hash de la URL para simular una URL completa.
HashHistory: HashHistory.push () y HashHistory.replace ()
cambian window.hash a history.pushState y window.replace a history.replaceState.
La nueva URL establecida por pushState puede ser cualquier URL que sea la misma que la URL actual; y el hash solo puede modificar la parte después de #, por lo que solo se puede establecer la URL del mismo documento que el actual.
PushState puede agregar cualquier tipo de datos al registro a través de stateObject; y Solo la cadena corta
pushState se puede agregar al hash. El atributo title se puede configurar adicionalmente para su uso posterior en el
modo de historial. La URL se modificará para que sea la misma que la URL de la solicitud normal backend. Si el backend no está configurado para el procesamiento de enrutamiento correspondiente a / user / id, devolverá el error 404
-
Cómo lograrlo: de la página A a la página B a la página C, de regreso a la página A?
-
Usar cuando B salta a C: este. $ Router.replace ©
-
history.go (-2) // Ir a la página especificada
history.back (2) // Ir a la página especificada y actualizar
Cómo comunicarse entre dos páginas de pestañas
- almacenamiento local
window.localStorage.setItem('a', Math.random())
window.addEventListener('storage', (e) => {
console.log(e)
})
- webworker
- conector web
- Galleta
- postMessage
es5, es6, esto apunta.
const foo = version => console.log (esto)
¿Qué salida tiene esta salida?
Objeto de ventana de salida en el navegador
Objeto global de salida en nodo
Las fuentes CSS se adaptan según la cantidad de palabras
Hay un cuadro, 200 * 200, complete el texto en el interior y el texto debe mostrarse en el centro.
Cuando solo hay un texto, el texto llena todo el cuadro. Cuando hay dos textos, el texto se centra hacia arriba y hacia abajo, y el encabezado está a la izquierda y a la derecha. Cuando hay 200 textos, el tamaño de la fuente es muy pequeño y toda la caja está llena de nuevas líneas.