前端面试题个人小结

1，的title和alt有什么区别：
Alt是的特有属性，是图片内容的等价描述，用于图片无法加载时显示，读屏器阅读图片。
title 可提高图片高可访问性，除了纯装饰图片外都必须设置有意义的值，搜索引擎会重点分析。鼠标滑过时显示的文字提示，用户体验上很重要。当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。

2，前端需要注意哪些SEO：
1.合理的title，description，keywords：搜索对三个的权重逐个减小，title值强调重点即可，重点词出现不要超过两次，而且要靠前，不同页面的title要有所不同。description把页面内容高度概括，长度合适，不要过分堆砌关键词，不同页面description有所不同，keywords列出重要关键词即可
2.语义化HTML代码，符合W3C规范，语义化代码让搜索引擎容易理解网页
3.重要HTML代码放在前面：搜索引擎抓取HTML顺序是从上到下，有的搜索引擎对于抓取长度有限制，保证重要内容一定会被抓取
4.重点内容不要用JS输出，爬虫不会执行JS获取内容
5.少用iframe：搜索引擎不会抓取iframe中的内容
6.非装饰性图片必须要加alt
7.提高网站速度，网站速度是搜索引擎排序的一个重要指标

3，HTTP的几种请求方法用途
1.GET方法
发送一个请求来取得服务器上某一资源
2.POST方法
向URL指定的资源提交数据或附加新的数据
3.PUT方法
跟POST方法很像，也是向服务器提交数据，但是，他们之间有不同，put指定了资源
在服务器上所在的位置，而post没有
4.HEAD方法
只请求页面的首部
5.DELETE方法
删除服务器上的某资源
6.OPTIONS方法
它用于获取当前URL所支持的方法，如果请求成功，会有一个Allow的头包含类
类似“GET，POST”这样的信息
7.TRACE方法
TRACE方法被用于激发一个远程的，应用层的请求消息回路
8.CONNECT方法
把请求连接转换到透明的TCP/IP通道

4、从浏览器地址栏输入url到显示页面的步骤
1.域名解析
2.建立TCP连接
3.浏览器发送http请求
4.服务器接收http请求
5.浏览器渲染页面
6.断开TCP连接
PS:详细博文可参考：https://www.jianshu.com/p/9075ee83b679

5、说说你对作用域链的理解
作用域链的作用是保证执行环境里有权访问的变量和函数是有序的，作用域链的变量只能向上访问，变量访问到window对象即被终止，作用域链向下访问变量是不被允许的
简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期

6、闭包
闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域

闭包的特性：

函数内再嵌套函数
内部函数可以引用外层的参数和变量
参数和变量不会被垃圾回收机制回收
说说你对闭包的理解

使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。在js中，函数即闭包，只有函数才会产生作用域的概念

7,flex布局 左侧固定 右侧宽度自适应
.left{
flex: 0 0 auto;
}

.right{
flex: 1 1 auto;
}