- 博客(514)
- 收藏
- 关注
RSS订阅
1原创 vue computed和watch和methods return区别
当需要进行数值计算，并且依赖于其它数据时，应该使用 computed ，因为可以利用 computed 的缓存特性，避免每次获取值时都要重新计算。当需要在数据变化时执行异步操作或开销较大的操作时，应该使用 watch，computed 不支持异步。如果需要限制执行操作的频率，可借助 computed 作为中间状态。
2023-03-07 14:23:36
76
原创 ts定义类
在上面定义变量，默认是public类型，constructor接收参数public在类的内外部都可以访问private 定义的变量只能在类的内部访问protected可以在子类中访问static定义的变量和方法可以直接访问，不需要new，但是static定义的方法里面无法访问除static定义的变量， static定义的方法之间可以相互调用
2023-03-07 10:07:20
167
原创 ts联合类型，类型断言，交叉类型
类型断言好比其他语言里的类型转换，但是不进行特殊的数据检查和解构，它没有运行时的影响，只是在编译阶段起作用。可以是number和string类型。
2023-03-06 16:39:49
99
原创 ts索引签名，对象？，readonly(不允许修改)，
当定义一个对象，当对象有属性不确定时需要用到索引签名。当不确定对象里的某一属性是否存在是可以用？当定义的变量不允许修改时用readonly。
2023-03-06 11:31:32
290
原创 $attrs $listener .native
当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过。包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on=“$listeners” 传入内部组件——在创建更高层次的组件时非常有用。说白了$attrs就是能获取父组件除了props传入的所有的属性（除了class和style属性）传入内部组件——在创建高级别的组件时非常有用。.native - 监听组件根元素的原生事件。包含了父作用域中不作为。
2023-03-01 14:38:27
87
原创 v-model和.sync
v-model的值是固定的，而.sync的值是可以手动改变的。v-model和.sync实际上都是语法糖。这样绑定的数据就能传到子组件中。他们都能实现组件间的通信。v-model:父传子。
2023-02-27 15:42:37
83
原创 vue的mixin和mixins
如methods,components等，选项会被合并，键冲突的组件会覆盖混入对象的，比如混入对象里有个方法A，组件里也有方法A，这时候在组件里调用的话，vuex：用来做状态管理的，里面定义的变量在每个组件中均可以使用和修改，在任一组件中修改此变量的值之后，其他组件中此变量的值也会随之修改。Mixins：可以定义共用的变量，在每个组件中使用，引入组件中之后，各个变量是相互独立的，值的修改在组件中不会相互影响。，混合对象里的钩子函数在组件里的钩子函数之前调用，同一个钩子函数里，在main.js全局引用。
2023-02-27 10:11:12
470
原创 redux-toolkit处理异步函数createAsyncThunk
它接受一个字符串标识符和一个payload创建者回调，执行实际的异步逻辑，并返回一个Promise，该Promise将根据你返回的Promise处理相关动作的调度，以及你的reducers中可以处理的action类型。
2023-02-13 17:19:10
1427
原创 useCallback、useMemo、memo用法和区别
类似计算属性，可以对返回值进行操作，只有依赖改变时才会执行，如果当子组件用了memo时父组件向子组件传值但是又不希望子组件改变可以配合useMemo使用。缓存函数，在特定变量改变时才执行函数，如果父组件传了一个函数给子组件，而不希望子组件更新可以用useCallback。当父组件发生改变时，子组件不需要改变（没有依赖父组件的函数和值）时想要父组件不刷新子组件不刷新。useMemo传入两个参数，回调函数（需要有返回值） 和依赖参数。
2023-02-07 16:56:55
115
原创 react 16之前的合成事件和react17的合成事件
合成事件对象池，是 React 事件系统提供的一种性能优化方式。合成事件对象在事件池统一管理，不同类型的合成事件具有不同的事件池。事件池未满：React创建新的事件对象，派发给组件；事件池装满：React从事件池中复用事件对象，派发给组件；合成事件对象的事件处理函数全部被调用之后，所有属性都会被置为 null。
2023-02-07 11:07:02
238
原创 promise async await fetch
2.async关键字是把一个函数变成异步函数也就是一个promise对象，然后在这个函数里面可以使用await关键字 await后面可以写一异步操作的代码，这样在这个函数中就会等await关键字后面的异步代码执行完了再往下执行。情况三：如果resolve中传入的是一个对象，并且这个对象有实现then方法，那么会执行该then方法，并且根据 then方法的结果来决定Promise的状态；情况二：如果resolve中传入的是另外一个Promise，那么这个新Promise会决定原Promise的状态；
2023-02-03 15:18:54
938
原创 require和important区别
2 . require 是赋值过程并且是运行时才执行，也就是同步加载，import 是解构过程并且是编译时执行，理解为异步加载。1.require是赋值过程，就是把一个值赋值给另一个，important是对这个值的引用。3.require 的性能相对于 import 稍低。
2023-02-03 11:00:02
342
原创 什么是虚拟dom，说一下react和vue的diff算法
组件第一次渲染的时候会生成一个虚拟dom和一个真实的dom然会会把真实的dom渲染到页面上如果这个组件受到响应式数据变化的影响，需要重新渲染时，它仍然会重新调用render函数，创建一个新的虚拟dom树，这时会用新虚拟dom树(newVnode)和旧虚拟dom树(oldVnode)进行对比，通过比对，找到最小更新量，然后更新必要的虚拟dom节点，最后，这些更新过的虚拟节点会去修改它们对应的真实dom。这样一来就保证了对真实dom的操作达到了最小的改动。
2022-12-01 12:51:11
602
原创 useState和useRef的区别
1: useState的值在每个rernder中都是独立存在的。而useRef.current则更像是相对于render函数的一个全局变量，每次他会保持render的最新状态。2：useState值的更新会触发组件重新渲染，而useRef的current不会触发重渲染。
2022-11-30 18:43:26
528
原创 React 中的useState 和 setState 的执行机制
这里的异步是的是类似异步，不是真正意义上的异步，这里的异步指的是react吧useState 和setState 放在其他代码之后执行，而在17中的setTimeout和原生dom事件中并没有类似异步的执行。对同一个值进行多次 setState， setState 的批量更新策略会对其进行覆盖，取最后一次的执行结果（uesstate一样），(只针对17异步更新的时候)可以显著的提高性能： 若每次调用都会被界面重新渲染，效率极低，通过获取多个更新之后，进行批量的更新。@在react18中所有都是异步执行的。
2022-11-30 18:31:51
706
原创 什么是作用域链
其实就是某个变量或者函数的可访问范围作用域也分为： 「全局作用域 」和 「局部作用域」。如果一个对象在任何位置都能被访问到， 那么这个对象， 就是一个全局对象， 拥有一个全局作用域。JavaScript的作用域是通过函数来定义的。在一个函数中定义的变量， 只对此函数内部可见。这类作用域，称为局部作用域。当查找变量的时候，会先从当前上下文的变量对象中查找，如果没有找到，就会从父级(词法层面上的父级)执行上下文的变量对象中查找，一直找到全局上下文的变量对象，也就是全局对象。
2022-11-28 15:50:34
1466
原创 什么是闭包
闭包就是有权访问另外一个函数内部的变量的函数比如：声明一个变量，声明一个函数，在函数内部访问外部的变量，那么这个函数加这个变量叫做闭包在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁他又两个作用，一个是可以读取函数内部的变量，另外一个是可以使变量一直保存在内存中缺点：由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除result();//13。
2022-11-28 15:40:07
98
原创 什么是原型链
3.实例对象没有 Prototype只有__proto__实例对象的__proto__里面的constructor指向的就是他的构造函数。1.所有的函数的 proto 都指向Function原型对象。2.xx.prototype.constructor指向它本身。
2022-11-25 13:58:31
161
原创 浏览器输入网址后发生了什么？
1.浏览器缓存 -----》 2.系统缓存 ------》 3.路由缓存------》 4.ISP DNS缓存-------》5.递归查询。第四次挥手：客服端像服务端发送ACK包，服务端收到ACK包立即关闭连接，客户端则进入超时等待状态，等待完成则关闭连接。有了超时等待状态，当服务端没有收到ACK包时会重新发送FIN包这时客户端就会重新发送ACK包知道超市等待状态结束。保证服务端收到客服端的最后一次的ACK包，因为只有当这个包发送过去的时候服务端才会关闭连接。第三次握手：客户端向服务器发送ACK包。
2022-11-21 16:50:55
318
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人