2019前端面试题总结一波

前言：本来是自己总结方便自己呢，共享出来，欢迎各位大佬拍砖，嘻嘻

一.html基础

1.1

•     html属于结构层，负责描绘出内容的结构；
•     css属于表现层，负责如何显示内容；
•     JavaScript属于行为层，负责内容应如何对事件作出反应

1.2 标签语义化

    语义化最实在的理解就是用正确的标签做正确的事情，让页面的内容结构化

1. 便于对浏览器、搜索引擎解析；
2. 便于盲人浏览网页；
3. 便于阅读源代码的人对网站进行分开，维护和理解

1.3 

新增的H5标签有 <header>、<footer>、<aside>、<nav>、<video>、<audio>、<canvas>等

1.4

不同内核浏览器对html的识别

     a.IE 内核浏览器识别：<!--[if IE]><![endif]-->

     b.非 IE 内核浏览器识别：<!--[if !IE]><![endif]-->

1.5

不同内核浏览器对css的识别(加浏览器内核的前缀)，例如

/* 设置文字不可选取 */
* {
  -moz-user-select: none; /* 火狐 浏览器 */
  -webkit-user-select: none; /* Webkit 浏览器 */
  -o-user-select: none; /* Opera 浏览器 */
  -ms-user-select: none; /* IE10 浏览器 */
  -khtml-user-select: none; /* 早期浏览器 */
  user-select: none; /* 默认 */
}

1.6

对数据存储 cookies、session、sessionStorage、localStorage的认识

• cookies: 存储于浏览器端的数据。可以设置 cookies 的到期时间，如果不设置时间，则在浏览器关闭窗口的时候会消失;
• session: 存储于服务器端的数据，session存储特定用户会话所需的属性个配置信息

     cookies与session 的区别在于：

1. cookie数据存放在浏览器上，而session数据存放在服务器端、   
2. 前端都是裸君子，没有安全可言，cookies 可能会被黑客利用作数据欺骗。所以重要信息记得存 session、
3. session 如果在生效期内量过大，会占用服务器性能、 
4. 单个 cookies 保存的数据不能超过 4 K，很多浏览器限制一个站点保存最多 20 个 cookies。

• sessionStorage:  生命周期存在于标签页或窗口，用于本地存储一个会话（session）中的数据，这些数据会随着窗口或者标

                                     签页的关闭而被清空;

• localStorage:  生命周期是永久的，除非用户主动清除浏览器上存储的 localStorage 信息，否则它将会永久存在

      sessionStorage 和 localStorage 

        操作方法：setItem、getItem 以及 removeItem    例如：

                  localStorage.getItem('userName'); // 获取 userName 的值

                  localStorage.setItem('userName', 'xiaoxigua'); // 设置 userName 的值为 jsliang

                  localStorage.removeItem('userName'); // 删除 userName 的值