更新了前端部分文档
parent
2e18a40c7b
commit
9c478c5d97
|
@ -27,21 +27,22 @@
|
|||
|
||||
#### 结构
|
||||
|
||||
- head
|
||||
- title
|
||||
- meta
|
||||
- body
|
||||
- html
|
||||
- head
|
||||
- title
|
||||
- meta
|
||||
- body
|
||||
|
||||
#### 文本
|
||||
|
||||
- 标题和段落
|
||||
- 标题(heading)和段落(paragraph)
|
||||
- h1 ~ h6
|
||||
- p
|
||||
- 上标和下标
|
||||
- 上标(superscript)和下标(subscript)
|
||||
- sup
|
||||
- sub
|
||||
- 空白(白色空间折叠)
|
||||
- 折行和水平标尺
|
||||
- 折行(break)和水平标尺(horizontal ruler)
|
||||
- br
|
||||
- hr
|
||||
- 语义化标签
|
||||
|
@ -83,19 +84,19 @@
|
|||
|
||||
#### 表格(table)
|
||||
|
||||
- 基本的表格结构 - table / tr / td
|
||||
- 基本的表格结构 - table / tr / td / th
|
||||
- 表格的标题 - caption
|
||||
- 跨行和跨列 - rowspan属性 / colspan属性
|
||||
- 长表格 - thead / tbody / tfoot
|
||||
|
||||
#### 表单(form)
|
||||
|
||||
- 重要属性 - action / method
|
||||
- 重要属性 - action / method / enctype
|
||||
- 表单控件(input)- type属性
|
||||
- 文本框 - text / 密码框 - password / 数字框 - number
|
||||
- 邮箱 - email / 电话 - tel / 日期 - date / 滑条 - range / URL - url / 搜索 - search
|
||||
- 单选按钮 - radio / 复选按钮 - checkbox
|
||||
- 文件上传 - file / 隐藏域(埋点)- hidden
|
||||
- 文件上传 - file / 隐藏域 - hidden
|
||||
- 提交按钮 - submit / 图像按钮 - image / 重置按钮 - reset
|
||||
- 下拉列表 - select / option
|
||||
- 文本域(多行文本)- textarea
|
||||
|
@ -109,20 +110,44 @@
|
|||
- video标签和属性 - autoplay / controls / loop / muted / preload / src
|
||||
- audio标签和属性 - autoplay / controls / loop / muted / preload / src / width / height / poster
|
||||
|
||||
#### 窗口(frame)
|
||||
|
||||
- 框架集(过时,不建议使用) - frameset / frame
|
||||
|
||||
- 内嵌窗口 - iframe
|
||||
|
||||
#### 其他
|
||||
|
||||
- 文档类型
|
||||
|
||||
```HTML
|
||||
<!doctype html>
|
||||
```
|
||||
|
||||
```HTML
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
```
|
||||
|
||||
```HTML
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
```
|
||||
|
||||
- 注释
|
||||
|
||||
```HTML
|
||||
<!-- 这是一段注释,注释不能够嵌套 -->
|
||||
```
|
||||
|
||||
- 属性
|
||||
- id
|
||||
- class
|
||||
- id:唯一标识
|
||||
- class:元素所属的类,用于区分不同的元素
|
||||
- title:元素的额外信息(鼠标悬浮时会显示工具提示文本)
|
||||
- tabindex:Tab键切换顺序
|
||||
- contenteditable:元素是否可编辑
|
||||
- draggable:元素是否可拖拽
|
||||
|
||||
- 块级元素 / 行级元素
|
||||
|
||||
- 内联框架(internal frame)
|
||||
|
||||
- 字符实体(实体替换符)
|
||||
|
||||
![](./res/字符实体.png)
|
||||
|
|
|
@ -0,0 +1,22 @@
|
|||
内部短消息系统(私信系统)
|
||||
|
||||
1 登录
|
||||
1.1 发送短消息
|
||||
1.2 查看未读消息
|
||||
1.2.1 读取消息
|
||||
1.2.2 标记已读
|
||||
1.2.3 返回上级
|
||||
1.3 查看所有消息
|
||||
1.3.1 读取消息
|
||||
1.3.2 删除消息
|
||||
1.3.3 返回上级
|
||||
1.4 清除所有消息
|
||||
1.5 注销
|
||||
2 注册
|
||||
2.1 填写信息注册
|
||||
2.2 返回上级
|
||||
3 退出
|
||||
|
||||
用户 (用户名, 口令, 最后登录时间)
|
||||
短消息 (编号, 发送者, 接收者, 标题, 内容, 发送时间, 是否读取, 已删除)
|
||||
|
Loading…
Reference in New Issue