From 9c478c5d971f502a4f21da65547c2e0b910e39c7 Mon Sep 17 00:00:00 2001 From: jackfrued Date: Tue, 20 Aug 2019 17:26:39 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=BA=86=E5=89=8D=E7=AB=AF?= =?UTF-8?q?=E9=83=A8=E5=88=86=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Day21-30/21-30.Web前端概述.md | 53 ++++++++++++++----- .../code/message/内部短消息系统.txt | 22 ++++++++ 2 files changed, 61 insertions(+), 14 deletions(-) create mode 100644 Day36-40/code/message/内部短消息系统.txt diff --git a/Day21-30/21-30.Web前端概述.md b/Day21-30/21-30.Web前端概述.md index 5cf6389..928da6a 100644 --- a/Day21-30/21-30.Web前端概述.md +++ b/Day21-30/21-30.Web前端概述.md @@ -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 + + ``` + + ```HTML + + ``` + + ```HTML + + ``` + - 注释 + ```HTML + + ``` + - 属性 - - id - - class + - id：唯一标识 + - class：元素所属的类，用于区分不同的元素 + - title：元素的额外信息（鼠标悬浮时会显示工具提示文本） + - tabindex：Tab键切换顺序 + - contenteditable：元素是否可编辑 + - draggable：元素是否可拖拽 - 块级元素 / 行级元素 -- 内联框架（internal frame） - - 字符实体（实体替换符） ![](./res/字符实体.png) diff --git a/Day36-40/code/message/内部短消息系统.txt b/Day36-40/code/message/内部短消息系统.txt new file mode 100644 index 0000000..6234216 --- /dev/null +++ b/Day36-40/code/message/内部短消息系统.txt @@ -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 退出 + +用户 (用户名, 口令, 最后登录时间) +短消息 (编号, 发送者, 接收者, 标题, 内容, 发送时间, 是否读取, 已删除) +