2018-08-14前段页面学习

Notepad++使用

1.显示/隐藏工作区：视图中勾选
2.关键操作
1.add 添加
2.remove/remove All指定文件移除
3.copy path 路径拷贝
4.explorer here 打开当前文件夹
5.run by system 运行当前文件
3.语言选择菜单：根据我们使用的选择对应的编辑语言：html
4.编码：UTF-8
5.新建文件的三种方式

image.png
6.浏览文件:工作区之间双击

前端页面

标签三要素
1.标签名
2.属性
3.innerHtml 标签内部
4.Html :超文本标记语言
5.一个页面三个主要的标签 :
1.html 描述页面的格式
2.head 页面的头部信息
3.body 页面的正文
6.常用控件

input标签:

type = = "text" 文本输入框
type = "file" 文件上传框
type = "radio" 单选框
type = "checkbox" 多选
type = "button" 普通按钮
type = "submit" 提交按钮
type = "reset" 重置按钮
type=“date” 日期
type=“time” 时间
type=“number” 数值输入框
type=“password” 密码输入框

其他标签

textarea 文本输入区
img 图片
select 下拉框
option 下拉选项
audio 音频
video 视频
a 超链接

image.png

Fiddler使用:

image.png

1.菜单栏
2.工具栏
3.请求列表
4.请求
5.响应
6.开始,停止抓包 点击 Capturing

image.png

7.点击Filters-点击use filters--show only following hosts :格式 "ip1;ip2;"
8.查看请求 : 选中请求--点击 inspectors--点击 raw
9.查看响应: 选中请求--点击 inspectors----点击 raw

image.png
10请求包含那几部分:请求行,请求头,请求正文
11.响应包含那几部分:响应行,响应头,响应正文

xmind

image.png