本文已参与「新人创作礼」活动，一起开启掘金创作之路。
需要回顾记忆的知识点：
1.传输控制协议（英语：Transmission Control Protocol，缩写：TCP）
是一种面向连接的、可靠的、基于字节流的传输层通信协议，由IETF的RFC 793定义。在简化的计算机网络OSI模型中，它完成第四层传输层所指定的功能。用户数据报协议（UDP）是同一层内另一个重要的传输协议。
在因特网协议族（Internet protocol suite）中，TCP层是位于IP层之上，应用层之下的中间层。不同主机的应用层之间经常需要可靠的、像管道一样的连接，但是IP层不提供这样的流机制，而是提供不可靠的包交换。
应用层向TCP层发送用于网间传输的、用8位字节表示的数据流，然后TCP把数据流分割成适当长度的报文段（通常受该计算机连接的网络的数据链路层的最大传输单元（MTU）的限制）。之后TCP把结果包传给IP层，由它来透过网络将包传送给接收端实体的TCP层。TCP为了保证不发生丢包，就给每个包一个序号，同时序号也保证了传送到接收端实体的包的按序接收。然后接收端实体对已成功收到的包发回一个相应的确认信息（ACK）；如果发送端实体在合理的往返时延（RTT）内未收到确认，那么对应的数据包就被假设为已丢失并进行重传。TCP用一个校验和函数来检验数据是否有错误，在发送和接收时都要计算校验和。
2.网际协议（英语：Internet Protocol，缩写：IP）
又称互联网协议，是用于分组交换数据网络的协议。IP是在TCP/IP协议族中网络层的主要协议，任务仅仅是根据源主机和目的主机的地址来传送数据。为此目的，IP定义了寻址方法和数据报的封装结构。
3.html部分
- 空元素单体标签虽然目前是可以使用的，但为了长远稳定性，最好将单体标签也进行闭合。
2.base元素：通过在
〈head〉〈/head〉内定义<base href="http://www.xxx.com/images/" target="_blank">,描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接。即：后续链接可写为<img src="logo.png">而不是<img src="http://www.xxx.com/images/logo.png">
3.meta元素：通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。 元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。对Shopify独立站的SEO优化也有所帮助。
例：
为搜索引擎定义关键词：
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
每三十秒刷新当前页面：<meta http-equiv="refresh" content="30">
4.无序列表ul有序列表ol自定义列表dl，自定义项始于dd
5.使用getCurrentPosition()可以获取用户位置，而watchPosition()可以获取用户移动时的实时位置
6.html5中新增的datalist元素可以规定输入域的选项列表，疑问：是不是搜索引擎的历史搜索功能就是用了这个表单元素实现的（暂时跳过，完成当天学习任务后再去研究）
疑问+1:autocomplete属性也有相似的功能，区别在哪？各自适用于什么样的场景？
7.<keygen> 元素的作用是提供一种验证用户的可靠方法。
<keygen>标签规定用于表单的密钥对生成器字段。
当提交表单时，会生成两个键，一个是私钥，一个公钥。
私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。
8.<output> 元素用于不同类型的输出，比如计算或脚本输出
- 保存数据：localStorage.setItem(key,value);
- 读取数据：localStorage.getItem(key);
- 删除单个数据：localStorage.removeItem(key);
- 删除所有数据：localStorage.clear();
- 得到某个索引的key：localStorage.key(index);
注：键值对通常以字符串存储，可以根据需要转换格式。
3.CSS部分
2.css所有伪元素
3.background:url(img_navsprites.gif) 0 0; 定义背景图像和它的位置（左0px，顶部0px）可以通关图像拼合制作悬停效果，因为只用了一张图而不是六张图，悬停时不会有延迟加载。
4.CSS 属性选择器 ~=, |=, ^=, $=, *= 的区别
"value 是完整单词" 类型的比较符号: ~=, |=
"拼接字符串" 类型的比较符号: *=, ^=, $=
（1）.attribute 属性中包含 value:
[attribute~=value] 属性中包含独立的单词为 value，例如：
[title~=flower] --> <img src="/i/eg_tulip.jpg" title="tulip flower" />
[attribute*=value]
属性中做字符串拆分，只要能拆出来 value 这个词就行，例如：
[title*=flower] --> <img src="/i/eg_tulip.jpg" title="ffffflowerrrrrr" />
（2）.attribute 属性以 value 开头:
[attribute|=value]
属性中必须是完整且唯一的单词，或者以 - 分隔开：，例如：
[lang|=en] --> <p lang="en"> <p lang="en-us">[
attribute^=value]
属性的前几个字母是 value 就可以，例如：
[lang^=en] -->
<p lang="ennn">
（3）.attribute 属性以 value 结尾:
[attribute$=value] 属性的后几个字母是 value 就可以，例如：
a[src$=".pdf"]
5.css3线性渐变
