IinOoo的博客

原创 事件循环机制

在一个宏任务执行完之后，会立即先执行所有微任务队列中的任务，微任务执行完之后 更新渲染 然后再执行宏任务。，继续从任务队列中取出一个任务并执行该任务的回调函数。，从队列中取出一个任务执行该任务的回调函数。需要浏览器帮忙分担)分为 宏任务和微任务。，将异步任务添加到任务队列中。，合理的使用异步编程和事件循环。事件循环可以使单线程能够。(赛特ten哇)操作，(谬忒神no不色哇)。

原创 axios拦截器的理解、作用、怎么做

axios是一种拦截机制，分为请求拦截器跟响应拦截器，允许开发者在请求发送前和响应处理后执行自定义的逻辑，这种机制提供了一种全局的方式来处理http请求和响应，使得可以在整个应用程序中实现一致的处理逻辑。添加响应拦截器使用 axios.interceptors.response.use 方法添加响应拦截器，这个也接受两个函数参数，第一个函数在响应成功时执行，第二个在响应出现错误时执行。请求拦截器：在请求被发送之前执行的操作，可以在这里添加或修改请求的配置，比如在每个请求中添加特定的请求头。

原创 组件传值 组合式API的使用

兄弟组件之间传值：如果两个组件没有直接的父子关系，可以通过共同的父组件作为中介来传递值。即将需要传递的值保存在共同的父组件中，然后分别通过props或事件传递给兄弟组件。需要注意的是，组合式API是基于OpenAI的大型预训练模型GPT-3开发的，因此在使用时需要遵循OpenAI的使用政策，并且要注意生成文本的准确性和逻辑性。子组件向父组件传值：通过在子组件中定义事件，并在需要传递值的地方触发该事件，将值作为参数传递给父组件。父组件向子组件传值：通过在父组件中定义属性，并将其作为子组件的属性进行传递。

原创 ts封装axios

【代码】ts封装axios。

原创 闭包的总结

闭包是一个函数和它周围的状态的捆绑体，其中函数可以访问并操作捆绑的状态。闭包可以在函数内部定义，并且可以访问外部函数的变量、参数和其他局部变量，即使外部函数已经执行完毕，闭包仍然可以访问和修改这些变量。捕获状态：闭包捕获了它周围的状态，即使外部函数已经执行完毕，闭包仍然可以访问和修改这些状态。保存私有状态：可以使用闭包来创建私有变量，只有闭包内部的函数才能访问和修改这些变量。回调函数：可以将闭包作为回调函数传递给其他函数，以便在特定事件发生时执行特定的操作。函数内部定义：闭包是在函数内部定义的函数。

原创 什么是重排？如何减少重排

重排：通常是指内存中的数据在物理上重新排列的过程。这通常发生在内存管理的时候，当程序需要分配大块内存或释放已经分配的内存时，内存中的数据就会被重新排列。除此之外，还可以通过使用更高效的内存管理工具、优化代码逻辑等方式来减少重排的频率，从而提高程序的性能。避免频繁的分配和释放大块内存：频繁地进行大块内存的分配和释放会增加重排的次数，尽量减少这种操作。使用更有效的内存分配算法：选择合适的内存分配算法可以减少重排的频率。优化数据结构的布局：合理设计数据结构的布局，可以减少内存重排的发生。

原创 防抖节流实现与概念

实现：防抖可以通过定时器实现防抖，当事件触发时清除之前的定时器并重新设置定时器，待延迟后执行操作 可以使用js中的setTimeout,clearTimeout.实现：通过记录上次执行函数的时间戳，在函数触发时与当前时间戳比较，如果超出一定时间间隔则执行对应操作，使用js中的Date对象进行时间比较。概念：防抖技术通过延迟函数执行来限制连续触发的事件，只有在停止一定时间后才执行相应操作。概念：节流技术通过控制函数执行频率，确保一定时间内只执行一次函数。

原创 vue3组件常用通信方式

Pinia:Pinia 是一个为 Vue 3 设计的、使用 Vuex 类似的状态管理库。通过创建 store 实例来集中管理应用的状态，并且可以在任何组件中使用。子传父：通过自定义事件将数据从子组件传递给父组件，在子组件中使用$emit方法触发自定义事件，并在父组件中监听该事件。父传子：通过props将数据从父组件传给子组件。在父组件中使用子组件标签，并通过属性绑定的方式将数据传递给子组件。引用来直接获取子组件实例，然后可以调用子组件的方法或访问子组件的属性。父直接获取子 ：使用。

原创 css3特性和动画

语法：animations: name duration timing-function iteration-count;语法：transitions: property duration timing-function。

原创 js常用数组