HTTP协议、web服务器、fiddler抓包、前端、JavaScript

---

0609-0610学习内容总结回顾：

---

1.HTTP协议
2336:2-请求、响应
3-请求行、请求头、请求正文；响应状态行、响应头、响应正文
3-请求方法、资源路径、协议版本；协议版本、状态码、状态描述
6-协议类型、IP、端口、应用名、资源路径、请求参数
2.web服务器：
（1）tomcat服务器： webapps存放应用→bin的startup.bat启动→shutdown.bat关闭；
【日志文件查看端口号：http-apr-8080;cmd的ipconfig查看ip；ping ip看网络是否联通】
（2）c/s、b/s服务器架构：浏览器/服务器、jmeter/服务器、代码/服务器
【一个请求六个步骤：收集数据→生成请求报文→发送请求报文→接受响应报文→解析响应报文→展现响应结果 】
3.fiddler抓包
（1）查看列表、查看请求详情、filter过滤器、设置断点bpu、停止/开始抓包、清除请求列表、断点修改请求报文/响应报文
（2）F12修改界面代码
（3）浏览器分层：响应报文、响应正文代码、用户展现界面
【接口测试的三种方式：界面（自己写）、工具jmeter/postman、代码（自己写/第三方jar包）】

4.HTML界面
（1）标签tag：标签名tagName、标签属性attribute、标签内容innerHTML、标签路径xpath
（2）界面基本元素：HTML、head、title、body
（3）常用属性：type、name、input、value、ID、class、style、method、action、onclick、onblur、colspan
（4）发送请求的form表单：form、method方法、action地址
（5）输入框：input的text文本、password密码、radio单选、CheckBox多选、file文件上传、button按钮、submit提交、reset重置；select下拉框：select+option
（6）布局的table、tr、td

（7）CSS样式
①CSS定位元素的三种方法：标签选择器（表名{}）、ID选择器（#ID值{}）、class选择器（.class值{}）
②常见样式：
a.框模型（宽width、高height、边框border、内边距padding、外边距margin）
b.字体：大小（font-size）、颜色（font-color）
c.背景：background
③三种界面布局：单个div、切割frame、多个连续的块table（tr、td）

PS：
（1）前端四要素：tag标签、CSS样式、JavaScript脚本、event事件
（2）界面操作三部曲：定位元素、获取元素信息、修改元素信息

5.NotePad文本编辑器
（1）菜单栏、 文件列表、编辑区
（2）语言设置、视图（文件夹工作区展示与否）
6.remarkdown笔记工具
新型文本编辑器、编辑规则：文本---加粗文本

• 在首位粗顿号
  ***倾斜 ***

7.JavaScript脚本语言
（1）命令行；变量（命令行交互数据）；变量池（局部变量-命令行；全局变量-方法间；环境变量-程序间；cookie-界面间；session-后台接口间；jmeter-变量池组件间）；方法参数和返回值-方法内外部交互数据
（8）封装方法，方法调用；触发方法的事件（onclick，在元素上设置，是元素的性质）；CSS和JavaScript的三个任务（定位元素→获取元素信息→改变元素信息）；
【document对象，getElementByXXX(id、name、className、tagName)：
①取属性值（元素.属性名）
②改属性值（元素.属性名=属性值）
③alert()提示弹框】
8.jmeter接口测试工具
组件、变量池、生成报文