2301_77413929的博客

原创 vue3中楼层效果

【代码】vue3中楼层效果。

原创 vue3中拖拽效果

把你的推拽标签使用包裹起来设置其中的css样式 在这里div标签使用的aaa类名。在这里你的位置会随机生成 你要是想在一个部分随机生成看一下内容。官网中的连接配置复制到main.js中全局注册。我这里的x 和y是随机生成的坐标参考以下内容。你的v-for只能在你的推拽标签里面使用。在页面中直接使用就行在这里要,以下是效果简单的效果。

原创 vue3中引入百度地图

这个标签一定要设置宽高要不显示。

原创 umi框架生产随机数据

在你的框架中找到对应的mock文件。开始现在对应的第三方库。

原创 【React面试题总结】

ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。Symbol函数前不能使用new命令，否则会报错。这是因为生成的Symbol是一个原始类型的值，不是对象Symbol函数可以接受一个字符串作为参数，表示对Symbol实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。闭包的理解闭包就是一个函数定义在另一个函数的内部 这个内部的函数就是闭包 并且闭包函数可以访问函数内部的局部变量或私有变量 并且闭包可以形成封闭私有空间 不受外部影响 还可以让变量的值始终保存到内存中。

原创 typescript函数重载的理解

在 TypeScript 中，函数重载（Function Overloading）是指通过为同一个函数提供多个不同的签名（参数类型和数量），以便根据实际传入的参数类型和数量，在编译时选择正确的函数声明进行调用。通过函数重载，我们可以定义一组函数声明，每个声明都描述了函数的参数和返回类型。当我们调用函数时，TypeScript 编译器会根据实际传入的参数类型和数量，选择最匹配的函数重载进行调用。

原创 对react的总结

是浏览器对之前请求过的文件进行缓存，以便下一次访问时重复使用，节省带宽，提高访问速度，降低服务器压力 HTTP 1.0协议中的。简而言之，就 是告诉浏览器在约定的这个时间前，可以直接从缓存中获取资源而无需跑到服务器去获取。http缓存机制主要在http响应头中设定，响应头中相关字段为Expires、Cache-Control、Last-Modified、Etag。

原创 React性能优化

使用React.memo()和React.PureComponent：这些是React提供的用于优化渲染性能的高阶组件。使用React的代码分割功能：使用React的代码分割功能（如React.lazy和动态import）可以将应用程序分成较小的块，并在需要时按需加载，减少初始加载时间。使用虚拟化技术：对于长列表或大型数据集，使用虚拟化库（如react-virtualized）可以只渲染当前可见的部分，减少渲染的节点数量，提高性能。避免在render方法中进行昂贵的计算或复杂的操作，可以减少渲染时间。

原创 .如何通过原生js 实现一个节流函数和防抖函数，写出核心代码，

节流防抖。

原创 自定义hook的理解

自定义 Hook 是 React 中的一个重要概念，它允许你在函数组件中共享逻辑，以及将状态管理和副作用逻辑从组件中抽离出来，从而使组件更加简洁和可维护。自定义 Hook 是一个函数，其名称以 “use” 开头，函数内部可以调用其他的 Hook。自定义 Hook函数偏向于功能，而组件偏向于界面和业务逻辑。

原创 扩展运算符都有哪些作用，详细介绍一下

原创 Redux实现原理

将统一的状态放到state中，由store来进行管理，reducer的作用是返回一个新的state去更新store中的state，根据redux的原则ui层面的都需要dispatch去触发action返回方法名，payload返回传递过来的参数，然后在redux里边进行操作，最后在通过store.getState()来传递操作后的结果派发到各个子组件中。

原创 封装一个使用递归方式的深拷贝方法deepClone

原创 面向对象编程的方式的理解

当解决一个问题时，面向对象会将问题抽象成对象的概念，就是看这个问题里面有哪些对象，然后给对象赋予一些属性和方法，让每个对象去执行自己的方法，问题就可以得到解决。洗衣机和人：先找到对象，分别是人和洗衣机，然后给这两个对象一些方法，人就是家洗衣粉和加水，而洗衣机就是洗衣服、清洗、烘干。易维护，易复用，易扩展，由于面向对象有多态，封装，继承的特性，可以设计出低耦合的系统，使系统更加灵活，更加容易维护。继承：可以让一个类型的对象获得另一个类型的对象的属性和方法。多态：一个类实例的相同方法在不同情形有不同形式。

原创 js类型检验的方式

instanceof操作符：instanceof操作符可以用来检测对象是否是某个构造函数的实例，但instanceof无法判断基本类型（如字符串、数字、布尔值）。Array.isArray方法：Array.isArray方法用于判断一个对象是否是数组类型。它返回一个布尔值，如果是数组则返回true，否则返回false。typeof操作符可以检测给定变量的类型，并返回一个表示类型的字符串。

原创 事件循环的理解，以及应用理解？

JavaScript是一门单线程的语言，意味着同一时间内只能做一件事，但是这不意味着单线程就是阻塞，而实现单线程非阻塞的方法就是事件循环。

原创 闭包的理解，优点缺点，应用场景

闭包就是和对其周围状态的引用捆绑到一起（或者说函数被引用包围）这样的组合就是闭包，任何的闭包的使用场景都离不开两点：创建私有变量，延长变量的生命周期。也就是说，闭包让你在一个内层函数中访问到其外层函数的作用域。实现函数的柯里化和高阶函数，事件的处理，用来实现缓存功能。注意使用闭包，要及时释放不再需要的变量，避免引发内存泄漏。保存变量，延长变量的生命周期，实现私有变量。内存消耗，性能消耗，可能出现内存泄漏。