你遇到的前端面试题都有什么？
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存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据，使用的方法如上所示。
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的官方文档使用这个东西可以保证我们在切换组件的时候，原来显示的组件不被销毁-----【保障组件的数据不会被切换路由而销毁数据】
文章TAG：面试题 Javascript javascript 基础
