前端面试题————面试时面试官问的，自己整理出来的。

1. h5新增标签
   有一些语义化标签比如说nav，footer等等，还有canvas画图标签，还有一些媒体标签，比如说audio，video。

2. 怎么声明utf-8字符集
   utf-8是世界通用编码，能够解决汉字乱码问题。
   声明utf-8编码格式用meta标签，属性charset设置成utf-8就可以了。（首行）

3. 伪类有哪些
   :link,:visited,:hover,:first-child,:last-child等等
   :active,:lang,
   伪类与伪元素的区别：
   伪类定义状态 一个冒号
   伪元素就是定于元素 两个冒号

4. :link是css3新增的吗 链接
   是

5. 说一说盒子模型
   盒子模型从里到外的话是content，padding，border，margin；我了解的盒子模型有两种，一种是ie盒子模型，宽包括content，padding，border；另一种是标准盒子模型，宽只有content。

6. cookie和localstorage的区别 登录身份令牌 token
   cookie（在生命周期内有效）和cocalstorage都是本地存储，cookie数据是在浏览器和服务器之间来回传递的，但是localstorage不会把数据发给服务器；还有cookie的存储大小是4k，localstorage的存储大小是5m或者更大；还有cookie只在设置的cookie过期时间之前有效，localstorage只要不点击退出就是长期有效（具备增删改）。
   设置过期由后端决定

7. 关闭浏览器cookie会删除吗
   默认会删除，如果后台设置在设定的时间内不会。

8. localstorage会删除吗
   只要不点击退出就不会。

9. ie6以下最多存多少个cookie
   ie6以下最多50个cookie，frefox3.6可以存150个cookie。

10. vue经验大概多久
    我的vue经验大概一年多吧。（1-1.5年）

11. mvc和mvvm有什么区别
    mvc中m是model模型层，v是view视图层，c是controller控制器，mvc是单向通信，v和m必须通过c来承上启下。（不能主动交互）
    mvvm就是vodel-view-ViewModel，vm是mvvm的核心，用来连接v和m，它有两个方向，一个是m转化为v，实现方式是数据绑定，一个是v转化为m，实现方式是DOM事件监听，若两个方向都实现就叫它数据绑定。

12. 说一说双向数据绑定
    可以用v-model来实现双向数据绑定，原理是Object.defineProperty()

13. v-if和v-for的优先级
    v-for的优先级高于v-if。

14. 绑定事件用什么
    v-on
    缩写：@

15. 有一个数组，里面的元素都是字符串，新增元素用什么，删除用什么。
    push（从后面加，会返回一个新数组）,pop（）
    onshift（开头开始添加）

16. 删除指定元素怎么做
    splice替换删除

17. 父子组件间通信
    父组件给子组件传值用props，子组件给父组件传值用$emit，
    兄弟组件传值：①可以先把值传递给父组件,再由父组件传递给另一个子组件

②对于相离比较远的两个组件,可通过总线 (本质是一个空的vue组件----使用一个全局变量接受) 进行传值
因为总线是全局变量, 所以它可以在任何组件的代码中使用----任何组件都可以在总线上发射($emit)事件;同样任何组件都可以监听($on)总线上的事件.

18. 前端如何根据权限不同出现不同的页面
    前端要做的就是进行ui处理，路由处理，和http请求处理，也就是根据用户有的权限判断页面中的一些内容是否显示，并且当用户访问到一个它没有的权限的时候跳转到错误提示页面，另外如果发出的数据请求返回的是401或404，就重定向到一个错误提示页面。

19. node是异步语言吗
    是

20. 对布局有什么了解
    常用的就是流式布局，flex布局，圣杯布局，固定布局和百分比布局

21. 用户刷新页面时属于静态加载吗，是加载所有数据吗
    属于静态加载，是加载所有数据。

22. 用户信息需要缓存怎么办
    详细讲解：
    链接: 点击.

23. 如果是前后端分离，页面显示401是什么问题，500是什么意思，500出现错误一定是后端的问题吗，302是什么意思
    401：请求要求用户的身份认证
    500：服务器内部错误，无法完成请求。
    不一定是后端问题，可能是服务器要求发送的数据客户端只发送了一部分，也会出现500错误。（前端发送错误的信息给后端）
    302：资源被临时移动，客户端应继续使用原有url

24. http是什么
    http是超文本传输协议，是互联网上应用最广泛的一种网络协议。

25. http和https有什么区别
    连接方式不同，端口也不同（http是80端口，https是443端口）
    安全性不同（http连接很简单，是无状态的，https可以进行加密传输，身份认证，比http安全）