-
界面总结（游戏视图）
P20180627_11.png -
登录界面演示：html+css+js+event
P20180627_12.png - 新知识点
| 属性名 | 功能解释 |
|---|---|
| onclick属性 | 鼠标点击事件 |
| onblur属性 | 鼠标移开事件 |
| alert方法 | 提示函数 |
| style属性 | 样式属性 |
| background-color | 背景颜色 |
P20180627_13.png
-
注册界面
登录界面.png
登录界面代码.png -
界面元素
界面元素.png -
界面操作：定位元素-读取元素-修改元素
界面操作定位.png -
界面切割：先行，再列，宽+高+边框+内边距+外边距
界面切割.png
界面切割代码.png
- 界面美化：table表格
-
经验：先布局，再填内容
①界面布局
-
经验：先布局，再填内容
| table表格 | 多行多列 | 统一规格、并列的很多个 |
|---|---|---|
| div块 | 一个框 | 统一规格、并列的很多个 |
| frame框 | 一个窗口 | 切窗口，让一个窗口展现多个界面 |
| tr | 一行 | |
| td | 一列 | |
| border属性 | 边框 |
-
界面美化
界面美化.png
界面美化代码.png
-
个人网站搭建
个人网站搭建模型.png -
界面脚本
界面脚本.png -
变量池
变量池.png
变量池1.png
-变量池种类
变量池2.png
-
界面脚本
2个问题：
①所有命令都直接被执行，不能控制执行时间，不能控制要执行的命令行
②某些命令组，想要重复执行，不能复用
与变量池有关的思考.png 界面事件
| 事件名称 | 中文诠释 |
|---|---|
| onclick | 点击事件 |
| onchange | 值改变事件 |
| onblur | 光标移开事件 |
| onloard | 加载事件 |
-
界面行为
- 命令行
- 变量：命令行与命令行交换数据
- 方法封装命令
- 入参和返回值：方法与方法交换数据
-
常用js对象和方法列表
-
document：代表整个界面元素，类似于一个界面元素操作器
常用JS对象和方法列表.png
-
-
fiddler抓包
① 查看列表、查看请求详情、fillter过滤器、清除记录、暂停/启动抓包、bpu断点、断点修改请求报文/响应报文
② F12修改界面代码
③浏览器分层：响应报文、响应正文代码、用户展现界面
-
接口测试的3种方式
- 界面（自己写）
- 工具（jmeter、postman等）
- 代码（自己写+第三方jar包）
