你遇到的前端面试题都有什么？
1. cookie session 的用途和区别，以及有效期1、cookie数据存放在客户的浏览器上，session数据放在服务器上 。2、cookie不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗考虑到安全应当使用session 。3、session会在一定时间内保存在服务器上 。
当访问增多，会比较占用你服务器的性能考虑到减轻服务器性能方面，应当使用COOKIE 。4、单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个cookie 。2. vue的数据绑定原理，mvvm与mvc的区别MVVM：m:model数据模型层v:view视图层vm:ViewModelvue中采用的是mvvm模式，这是从mvc衍生过来的MVVM让视图与viewmodel直接的关系特别的紧密，就是为了解决mvc反馈不及时的问题图片说明一下：说到MVVM就要说一下双向绑定和数据劫持的原理，MVC：m:model数据模型层v:view视图层c:controller控制器原理：c层需要控制model层的数据在view层进行显示MVC两种方式，图片说明：总结： mvvm与mvc最大的区别：MVVM实现了view与model的自动同步，也就是model属性改变的时候，我们不需要再自己手动操作dom元素去改变view的显示，而是改变属性后该属性对应的view层会自动改变 。
不懂得可以复制链接查看：https://www.pianshen.com/article/3716256399/3. storage 的区别 sessionStorage localStorage localStorage的生命周期是永久性的 。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据，使用的方法如上所示 。
【Html5有哪些新特性,html5新特性有哪些】localStorage有length属性sessionStorage 的生命周期是在浏览器关闭前 。也就是说，在整个浏览器未关闭前，其数据一直都是存在的 。sessionStorage也有length属性，其基本的判断和使用方法和localStorage的使用是一致的4.v-model双向数据原理有一个文本框 通过v-bind绑定了value属性 值为myname 是我们在vue实例中定义的属性传统我们获取文本框值方法 可能通过getElementById找到文本框 然后获取其value属性但是vue中直接通过v-bind绑定了value属性 所以不需要像之前那样获取值所以在后面的按钮中获取name值 直接获取vue实例对象data里面的myname属性即可【数据为尊 ----数据映射到浏览器 如果数据v-model后修改（肯定input）然后到数据在有数据映射到浏览器页面 ----映射关系统称】5.keepAlive用过吗？什么作用？缓存路由组件使用的是vue的一个组件，参考vue的官方文档使用这个东西可以保证我们在切换组件的时候，原来显示的组件不被销毁-----【保障组件的数据不会被切换路由而销毁数据】
推荐阅读
- 85万学员的共同选择!,php要学哪些
- 这4款高速电摩,有刷高速电机
- 9月7日锤子T3一点消息都没有呢?
- 新买的T2
- 为什么手机不能联网
- 大家进来一下
- 缤智变速箱 缤智变速箱有油渍是怎么回事
- 北京二手金牛座，258发米兰之夜多少钱南宁有卖吗
- 廊坊二手罐车，廊坊市一共有多少二手车交易市场啊都在什么地方啊说出具体地点
- 成都二手车雷克萨斯，老款凌志LS400油箱在成都哪里有卖