GOO_H

千位：声明在style的属性（内联样式）则该位得一分。 百位：选择器中包含ID选择器，则该位得一分。 十位：选择器中包含类选择器、属性选择器或者伪类则该位得一分。 个位：选择器中包含元素、伪元素选择器则该位得一分。 盒模型是CSS的核心概念，描述了元素如何显示，以及如何相互作用…

本文详述 js event loop ，浏览器渲染，网络请求，DOM 事件响应、requestIdleCallback等执行的顺序。 JavaScript 有一个基于事件循环的并发模型，事件循环负责执行代码、收集和处理事件以及执行队列中的子任务，源自MDN。 为了协调事件、用户…

跨站脚本攻击是指通过存在安全漏洞的 Web 网站注册用户的浏览器内运行非法的 HTML 标签或 JavaScript 进行的一种攻击。 通过注入脚本，使得用户在进行登录表单提交时，发送数据到攻击者网站，导致个人登录信息被窃取。 X-XSS-Protection设置为 1（有效状…

缓存处理：在HTTP/1.0中header主要使用Expires、If-Modified-Since作为缓存判断依据，HTTP/1.1增加Entity tag、If-Match等条件请求，Cache-Control首部。 长连接：增加Connection首部，默认开启keep-…

Web缓存是可以自动保存常见文档副本的HTTP设备（浏览器或缓存服务器）。当Web请求抵达缓存时，如果本地有“已缓存的”副本，就可以从本地存储设备而不是原始服务器中提取该文档。缓存的优点如下： 降低了距离时延。 缓存的优点很明显，但是使用时，时效性是很重要的。开发者要在充分发挥…