渐变&过渡动画&变换
参考资料： 免费在线渐变色配色工具：https://uigradients.com/ 1. 渐变 gradientCSS3渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 渐变效果的元素在放大时看起来效果更好，因为渐变是浏览器生成的。 1.1 线性渐变background: linear-gradient(...) 1background: linear-gradi
网格布局
1. 概念Grid 网格 含义：将网页划分成一个个网格，可以任意组合不同的风格，作出各种各样的布局 相同：Grid布局 与 Flex 布局都可以指定容器内部多个项目的位置。 不同： Flex 布局是轴线布局，只能指定项目针对轴线的位置，可以看作是一维布局。 Grid 布局则是将容器划分成行和列，产生单元格，然后指定项目所在的单元格，可以看作是二维布局。 1.1 容器和项目 容器：一个案例中最
HTTPS协议
HTTPS协议工作流程 443 端口 Client发起一个HTTPS（https:/demo.linianhui.dev）的请求，根据 RFC2818 的规定，Client知道需要连接Server的443（默认）端口。 Server把事先配置好的公钥证书（public key certificate）返回给客户端。 Client验证公钥证书：比如是否在有效期内，证书的用途是不是匹
HTTP协议
协议：两个设备进行数据交换的约定。HTTP协议：超文本(字符/音频/视频/图片)传输协议，基于TCP协议。 1. HTTP 请求报文(图)HTTP 请求数据 - 抓包中核心内容：HTTP 请求报文的原始细节： 2. HTTP 响应报文(图)HTTP 响应数据 - 抓包中的核心内容：HTTP 响应报文的原始细节： 3. HTTP 请求-响应执行流程 发起请求（GET
移动端rem布局
1. rem等比例缩放背景：设备缩放比 window.devicePixelRatio ，比如拿到设计稿是750px，设备缩放比是2.0，那么设备像素设置就应该为 375px。 px： 如 50px，固定像素值 em：相对单位，相对于父元素的字体大小的倍数。width: 2em; rem：相对单位，相对于根元素（html）字体大小的倍数。width: 10rem; 示例： 12345
HTML5特性
HTML5 草案在 2008年发布，2013年正式发布 HTML5 版本是 HTML5.1。 HTML5 语法 HTML5 新增语义化标签 案例：语义化标签 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636
form,frameset,meta
1. form 表单表单元素： type 不同的输入方式 name 用于拼接到链接地址提交到服务器，格式：name1=value1&name2=value2 value 默认值 checked 单选选中 selected 多选选中 1234567891011121314151617181920212223242526272829303132333435<!DO
基本标签
1. 结构:html、head、title、meta、body根:<html> </html>头:<head> </head>标题:<title> </title>（在头标签中）元信息:<meta charset="utf8">（在头标签中）主体:<body> </body&