前端知识点集

新建文件 查看当前工作目录 列出详细文件 删除目录的指令(-rf 表示递归删除且不需要二次确认。) 查看隐藏目录 编写当前文件。(vim index.html如果文件不存在就会自动创建一个html文件

TCP三次握手四次挥手 三次握手 客户端想要建立连接，发起一个syn=1 seq=x的tcp包，表示想要建立连接 服务端收到包，表示可以建立连接，回复一个 ack=1 syn=1 seq=y ACKn

OSI七层模型OSI七层模型OSI七层模型OSI七层模型OSI七层模型OSI七层模型OSI七层模型OSI七层模型OSI七层模型

TCP/IP五层协议TCP/IP五层协议TCP/IP五层协议TCP/IP五层协议TCP/IP五层协议TCP/IP五层协议TCP/IP五层协议TCP/IP五层协议

http 状态码 状态码的类别： 类别 原因 描述 1xx Informational(信息性状态码) 接受的请求正在处理 2xx Success(成功状态码) 请求正常处理完毕 3xx Redire

HTTP和HTTPS协议的区别 HTTPS协议需要CA证书，费用较高；而HTTP协议不需要； HTTP协议是超文本传输协议，信息是明文传输的，HTTPS则是具有安全性的SSL加密传输协议； 使用不同的

GET和POST的请求的区别 应用场景 GET 请求是一个幂等的请求，一般 Get 请求用于对服务器资源不会产生影响的场景，比如说请求一个网页的资源。 而 Post 不是一个幂等的请求，一般用于对服务

DNS协议是什么 DNS 是域名系统 (Domain Name System) 的缩写，提供的是一种主机名到 IP 地址的转换服务，就是我们常说的域名系统。 作用： 将域名解析为IP地址，客户端向DN

DNS完整的查询过程 比如要查询 www.baidu.com 的 IP 地址， 首先会在浏览器的缓存中查找是否有该域名的缓存， 如果不存在就将请求发送到本地的 DNS 服务器中，本地DNS服务器会判断

文件路径 绝对URI *协议名称://域名.根域名/目录/文件名.后缀文件路径 绝对URI *协议名称://域名.根域名/目录/文件名.后缀

机型判断 判断是Android终端还是iOS终端 封装成方法： 判断是Android还是iOS 封装成方法： 判断PC还是移动端 判断多种访问终端 判断浏览器当前使用的语言

获取URL后边的参数获取URL后边的参数获取URL后边的参数获取URL后边的参数获取URL后边的参数

当在浏览器中输入 Google.com 并且按下回车之后发生了什么？ 解析URL 缓存判断 DNS解析 获取MAC地址 TCP三次握手 HTTPS握手 返回数据 页面渲染 TCP四次挥手

常见的HTTP请求头和响应头 HTTP Request Header 常见的请求头： Accept:浏览器能够处理的内容类型 Accept-Charset:浏览器能够显示的字符集 Accept-Enc

link 与 @import link 属于 html 标签，而@import 是 css 提供的 页面被加载时，link 会并行加载，而@import 引用的 css 会等到页面加载结束后加载。 资

CSS CSS基础 CSS选择器及其优先级 选择器 格式 优先级权重 id选择器 #id 100 类选择器 #classname 10 属性选择器 a[ref=“eee”] 10 伪类选择器 li:l

BFC 具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。 特性 同一个 BFC 下外边距会发生折叠 BFC

伪类与伪元素 伪类与伪元素的区别在于：有没有创建一个文档树之外的元素。 常见伪类 :hover :checked :disabled :not :nth-child(an+b) :last-of-ty

清除浮动 给父元素固定高度 使用空元素清除浮动 在浮动元素的后面添加一个空元素，并给这个空元素应用 clear 样式。 使用伪元素清除浮动 利用 CSS 的伪元素 ::after 或 ::before

居中 水平居中 flex、just-content: center 块级元素 margin: 0 auto; 行内元素 text-align: center; left 50% 与 -50% marg