海阔天空1488784902000

Vue3新增 hooks 的使用详解 相比于React的 hooks 有哪些区别呢？ 本文会详细介绍并分析原理

渲染过程：父组件挂载完成一定是等子组件都挂载完成后，才算是父组件挂载完，所以父组件的mounted在子组件mouted之后。父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子be…

1. commonJS模块输出的是一个值的拷贝，ES6模块输出的是值的引用 ES6模块化运行机制与commonJS不一样，js引擎对脚本静态分析的时候，遇到模块加载命令import，就生成一个只读引用，等到脚本真正执行时，再根据这个只读引用到被加载的那个模块里去取值。 2. c…

1. Cookie 是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再次发起请求时被携带并发送到服务器上。 通常它用于告知服务端两个请求是否来之同一浏览器，保持用户的登录状态。 2. LocalStorage 3. sessionStorage 4…

1. typeof 2. instanceof：obj(实例对象) instanceof Object(构造函数) 3. constructor 4. Object.property.toString.call()

1. 改进的TypeScript支持，编辑器能提供强有力的类型检查和错误警告，编译时 2. 响应式的改写，Proxy直接监控整个对象，也包括数组，还有就是不需要递归的遍历，减少内存提升性能，缺点是兼容性 3. Composition API：逻辑的复用 4. 完全模块化，可维护…

key的主要作用就是为了高效的更新虚拟dom在源码里主要体现是，在patch过程中会执行patchVnode，而patchVnode过程中会执行updateChildren这样的方法，它会更新两个新旧

async函数返回一个promise对象，可以使用then方法添加回调函数

1. 把方法写在原型上比写在构造函数里消耗内存更小，因为一个类的原型只有一个，写在原型上的方法可以被所有实例共享，实例化的时候并不会在实例中再复制一份； 2. 写在构造函数里的方法，在实例化的时候，会在每一个实例对象上面复制一份，所以消耗的内存更高，因此我们一般把属性定义在构造…