1.cookie是网站为了标志用户身份而存储在用户本地终端上的数据（通常见过加密）一般用作保存用户登录状态、记住密码，记住账号使用2.cookie数据始终在同源的http请求中携带（即使不需要），即会在浏览器和服务器间来回传递，sessionStorage和localStorage 不会自动把数据发送给服务器，仅在本地保存存储大小1.cookie数据大小不能超过4k2.sessionStorage

一、长列表性能优化1.（只渲染少部分区域的内容，减少重新渲染组件和dom节点的时间）可使用vue-virtual-scroll-list 或者vue-virtual-scroller 或者自己实现一个虚拟的滚动列表，主要用到的技术是DOM内存回收、滚动锚定二、图片懒加载2.当加载一些密集型的图片的网页中，只加载可视区域内的图片 避免一次性加载过多的图片导致请求阻塞原理是 页面中的img标签的src

vue中使用vant对输入框进行电话号码正则校验。

背景：点击列表某一项编辑，打开编辑弹窗，列表数据传递给弹窗组件，编辑该项内容，弹窗编辑的时候后面列表的数据也会跟着变原因：当列表项传递数据给弹窗时，传递的是对象是一个复杂的数据类型，复杂数据直接赋值是赋值的引用，b=a相当于 b和a指向了统一内存，改变a,b也跟着变了，所以要多开辟一个内存，只是两个内存里的值一样this.a={…this.b}方式一原理：把复杂类型先转成字符串 字符串复制没有引用

elementui中的el-table 中show-overflow-tooltip自定义样式

1.for方法跳出循环-----break跳出循环continue跳出当次循环var arr=[1,3,5,7,9];var id = 5;for(var i=0;i<arr.length;i++){if(arr[i]===1)continue;console.log(arr[i])if(arr[i]===id){break;}}打印结果为3、5，而剩余的没有打印，则说明到5就跳出了

在项目中，通过一个列表进入详情页，携带参数id渲染不同的详情页，动态传参使用编程式跳转vue传参方法一在router路由配置中{path: '/article/:id',name: 'Article',component: Article,}在列表页中点击事件handleClick(id){this.$router.push(`/article/${id}`) ;}在详情页中使用params获取m

我们在使用antdesign或者element等UI框架的时候，会遇到事件冒泡的问题，如何阻止呢？在普通的vue中如果要阻止事件冒泡通常只需要在click点击事件上.stop就可以像下面这样<div @click.stop="handleEdit(row)">编辑</div>这是因为.stop - 调用 event.stopPropagation()。.prevent -