0%

浏览器

1.关于浏览器缓存

  • 强缓存
    • Expires
    • Cache-Control
  • 协商缓存
    • Last-Modified
    • ETag
  • 缓存位置
    • Service Woker
    • Memory Cache 和 Disk Cache
    • Push Cache
  • 简述缓存机制?

2.关于浏览器本地存储

  • cookie

  • WebStorage

    • localStorage
    • sessionStorage
  • indexedDB

  • 简述各自的应用场景和特点?

3.说一说从输入URL到页面呈现发生了什么?–网络篇

  • 网络请求
    • 构建请求(行)
    • 查找强缓存
    • DNS解析
    • 建立TCP连接
    • 发送HTTP请求
  • 网络响应
  • 简述浏览器端网络请求过程?

4.说一说从输入URL到页面呈现发生了什么?–解析算法篇

  • 构建DOM树

    • HTML文法-上下文有关文法
    • 解析算法
      • 标记化算法
      • 建树算法
  • 样式计算

    • 格式化样式表
    • 标准化样式属性
    • 计算每个节点的具体样式(计算规则)
  • 生成布局树

  • 简述解析html文档到布局树流程?

5.说一说从输入URL到页面呈现发生了什么?–渲染过程篇

  • 建立图层树(Layer Tree)
    • 显示合成
    • 隐式合成
  • 生成绘制列表
  • 生成图块栅格化—合成线程
  • 显示器显示内容
  • 简述页面渲染过程?

6.谈谈你对重绘和回流的理解

  • 回流
    • 触发条件
    • 回流过程
  • 重绘
    • 触发条件
    • 重绘过程
  • 合成
    • GPU加速的原因?
  • 简述这三种方式对提升性能有什么指导意义?

7.说说XSS攻击

  • 什么是XSS攻击?
    • 存储型
    • 反射型
    • 文档型
  • 防范措施
    • 一个信念
    • 使用CSP
    • 使用HttpOnly

8.说说CSRF攻击

  • 什么是CSRF攻击?

    • 自动发GET请求
    • 自动发POST请求
    • 诱导点击发送GET请求
  • 防范措施

    • 利用Cookie的SameSite属性
    • 验证来源站点
    • CSRF Token
  • 防范措施

    • 一个信念

9.HTTPS为什么让数据传输更安全?

  • 对称加密和非对称加密
  • 两者结合
  • 添加数字证书

10.能不能实现事件的防抖和节流?

  • 加强版节流

11.能不能实现图片懒加载?

  • 方案一:clientHeight、scrollTop 和 offsetTop
  • 方案二:getBoundingClientRect
  • 方案三: IntersectionObserver