运行环境

苏苏1234
60 阅读1分钟

页面加载过程

从输入URL到渲染出整个页面的过程

加载过程：

  • DNS(域名系统)解析URL中的域名得到相应的IP地址；
  • 浏览器根据IP地址向服务器发起http请求；
  • 服务器处理HTTP请求，并返回数据给浏览器；

渲染过程

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

性能优化

image.png

让加载更快：

image.png

让渲染更快

image.png

image.png

网页重绘和重排

重绘（repaint）

image.png

重排（reflow）

image.png

区别

image.png

image.png

image.png

常见的web前端攻击方式

xss跨站请求攻击

image.png

xsrf跨站请求伪造

image.png

image.png

image.png

avatar
文章
阅读
粉丝