2018-08-14前端页面学习

Notepad++使用

1.显示/隐藏工作区 :视图中勾选

2.关键操作

• add 添加
• remove/remove All 指定文件移除/全部移除
• copy path 路径拷贝
• explorer here 打开当前文件夹
• run by system 运行当前文件

3.语言选择菜单:根据我们使用的选择对应的编程语言:Html

4.编码:UTF-8

5.新建文件的三种方式

新建文件

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

前端页面

标签三要素

1.标签名
2.属性
3.innerHtml 标签内部
4.Html :超文本标记语言
5.一个页面三个主要的标签 :

• html 描述页面的格式
• head 页面的头部信息
• 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 超链接

常用控件

Fiddler使用:

fiddler

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

Capturing

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

请求/响应

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

Xmind

Xmind