前端面试总结（待续）

1. 常见的算法有哪些，简单说一下原理

   冒泡排序：对比相邻两个数据大小，小的排在前面，如果前面数据比后面大就交换位置 sort

   快速排序：先找一个基准点，两边的数和基准点对比，再递归执行前面的操作  (最快)

   插入排序：先比较前两个数据，第三个再和这两个比较插入，以此类推

2. 需要注意的SEO

   1.合理的title,description,keywords 标题、描述、关键字

   2.html书写语义化，符合w3c标准，语义化更利于搜索

   3.重要的内容不要js输出，爬虫不会执行js获取内容

   4.少用iframe，搜索引擎不会抓取iframe中的内容

   5.图片加alt

3.列举html5语义标签和新特性

    header\footer\nav\article文章\section文章区段\video\audio\canvas\svg

    web存储：localStorage(没有时间限制)\sessionStorage(关闭浏览器以后会删除)

    input 输入类型和校验 email\url\number\等

4.web开发中会话跟踪的方法有哪些

   cookie\session\隐藏input

5.<img>的title和alt的区别

    title是html全局属性一直，鼠标滑倒图片上的时候显示

    alt是<img>特有的属性，是图片内容的描述，当图片不显示的时候这个描述会显示，利于搜索引擎

6.html全局属性有哪些

    class\id\style\title\hidden\data-等，现在列举的都是常用的

7.http状态码

    200 - 服务器成功返回网页，客户端请求已成功。 

    302 - 对象临时移动。服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。

    304 - 属于重定向。自上次请求后，请求的网页未修改过。服务器返回此响应时，不会返回网页内容。

    401 - 未授权。请求要求身份验证。 对于需要登录的网页，服务器可能返回此响应。

    404 - 未找到。服务器找不到请求的网页。

    2xx - 成功。表示服务器成功地接受了客户端请求。

    3xx - 重定向。表示要完成请求，需要进一步操作。客户端浏览器必须采取更多操作来实现请求。例如，浏览器可能不得不请求服务器上的不同的页面，或通过代理服务器重复该请求。

    4xx - 请求错误。这些状态代码表示请求可能出错，妨碍了服务器的处理。

    5xx - 服务器错误。表示服务器在尝试处理请求时发生内部错误。 这些错误可能是服务器本身的错误，而不是请求出错。

8.css sprite是什么，有什么优缺点

    概念：是将多个小图片拼接到一个图片中，通过background-position和background-size来控制

    减少http请求，但后期维护起来很麻烦，改颜色麻烦，不可取

9.display:none和visibility:hidden

   前者不占物理空间，后者占物理空间

10.link与@import的区别

    link是html标签，@import是css中才能引入

    link是页面加载的时候就同时加载，@import引入的css要等页面加载完成之后才会加载

    兼容性，link没兼容性，@import要ie5以上才能识别

    link引入权重大于@import

。。。

4.浏览器缓存原理