MCong’s Blog 👋🏼

Vue2 和 Vue3 中监视数据的区别 Vue2 Object.defineProperty 劫持数据针对于每个属性去劫持, 如果数据复杂, 需要递归劫持, 成本高, 效率低对于数组数据的劫持/监视, 有问题 ==>> $set Vue3 Proxyproxy对于整个对象数据的劫持 对象内部的任意属性发生变化 都会经过外层的proxy, 无需递归, 效率高proxy对于数组数据的更新也没问题 底层代码实现： let data = { name: "lis", age: 20, sex: "男" } // vue2.0实现 使用Object.defineProperty进行数据劫持 for(let key in data){ let temp = data[key] Object.defineProperty(data, data[key], { get(){ return temp }, set(value){ temp = value } }) } // vue3.0实现 使用Proxy 进行数据的代理 let newData = new Proxy(data, {....

前端本地存储的方式有哪些? 方式存储大小过期时间备注 localStorage5M永久存储,除非手动清除 sessionStorage5M会话级别（关闭浏览器就销毁; 可以设置过期时间） Cookie4k默认是会话级别关闭浏览器就销毁; 可以设置过期时间请求自动携带; 原生操作极其麻烦(js-cookie) Web SQL 已废弃 IndexedDB几百M(应用场景极少) 可以基于键值对可以存储大量的数据 JS 的参数是以什么方式进行传递的? 原始数据类型: string number boolean null undefined symbol const a = 1 存的就是值本身, 简单类型的数据在传递参数时 传递就是值, 将来修改时不会互相影响的!! 引用数据类型: array object function const a = { name: 'zs' } 存的是地址/引用, 复杂类型的数据在传递参数时 传递的是引用地址, 将来修改时会互相影响的!! js中的垃圾回收? 前置理解: 将来浏览器对于不会再次使用的内存空间 是需要控制回收....