画布 1
WEB 测试知识梳理
  WEB基础知识
    什么是 web
      全球广域网
    系统架构
      B/S
        web产品
      C/S
        app产品
    web产品架构
      UI 界面
      业务逻辑层
      数据访问层
    网页
      静态网页
      动态网页
      有没有和服务端进行数据交互
    URL
      统一资源定位符
      格式
        schema://
          模式/协议
            http
            https
            ftp
        host
          主机名/域名/IP地址
        port
          端口
        path
          资源路径
        query
          查询字符串（请求参数）
        schema://host[:port]/path?query
    HTTP
      超文本传输协议
      请求
      响应
    常见面试题：浏览器工作原理
    DNS
      域名解析系统
    web服务器
      Apache
      Tomcat
      Nginx
  WEB开发语言
    HTML
      什么是 HTML
        超文本标记语言
        描述网页的语言
      怎么查看 HTML 源码？
        浏览器开发者工具 -- Elements
      HTML基本结构
        文档声明
        html 根标签
          head 头部标签
            meta 设置
            title 标题
          body 网页主体
      HTML常见标签和属性
        单标签
        双标签
    JavaScript
      什么是 JS
        轻量级编程语言
        可以直接插入 HTML 页面
      作用
        直接改变 HTML 的内容
        对操作事件作出反应
        改变 HTML 样式
      引用
        内部
          写在 <script> 标签之间
        外部
          通过 script 标签 src 属性直接引入 js 脚本文件
      输出
        输出到弹窗
        写入 HTML 文档中
        写入浏览器控制台
          console.log()
      通过 DOM 查找 HTML 元素
        通过 id 定位元素
        通过 tag 定位元素
        通过 class 定位元素
    CSS
      CSS 是什么
        层叠样式表
        定义 HTML 元素如何展示
      CSS 格式
        选择器 {属性1:值1; 属性2:值2}
      CSS 选择器
        id 选择器
          #id
        class 选择器
          .className
        元素选择器
          tagName
        属性选择器
          [属性]
      引用方式
        内联方式
          在标签中，通过 style 属性设置，只对当前标签有效
        外联方式
          文档内
            <style> 标签之前
          外部 CSS 文档
            通过 link 标签
      盒子模型
        外边距
        边框
        内边距
        内容
      网页布局
        头部区域
        导航栏
        内容区域
          1列
          2列
          3列
        底部区域
  WEB测试流程
    需求分析
    测试计划编写
    设计测试用例
      编写
      评审
    测试执行
      功能测试
        执行测试用例
        Bug 管理
      非功能测试
        兼容性测试
        安全性测试
        性能测试
    回归测试
    验收测试
      UI 产品 走查验收
    测试总结
      测试报告
  WEB测试用例设计思路
  WEB测试工具-浏览器开发者工具
    Elements - 元素
      定位元素
      查看元素源码
      查看元素样式
    Network - 网络
      抓取网络数据包
      查看网络数据包的内容
      清缓存
      模拟网络
      筛选不同类型网络资源
  WEB端常见Bug
    内容超长展示错乱
    更换设备布局错乱
    提示信息
      不明确
      错误
      错别字
    功能不符合需求
    安全性
      输入 html 展示异常信息
    JS 报错
    不同步
      更新后数据不同步
      登录状态不同步
    性能
      加载时间太长
    接口
      页面请求失败
  WEB兼容测试策略
    浏览器兼容
    操作系统兼容
    分辨率兼容