- 博客(17)
- 收藏
- 关注
原创 vue3中拖拽效果
把你的推拽标签使用包裹起来设置其中的css样式 在这里div标签使用的aaa类名。在这里你的位置会随机生成 你要是想在一个部分随机生成看一下内容。官网中的连接配置复制到main.js中全局注册。我这里的x 和y是随机生成的坐标参考以下内容。你的v-for只能在你的推拽标签里面使用。在页面中直接使用就行在这里要,以下是效果简单的效果。
2023-11-17 15:21:38
572
原创 【React面试题总结】
ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。Symbol函数前不能使用new命令,否则会报错。这是因为生成的Symbol是一个原始类型的值,不是对象Symbol函数可以接受一个字符串作为参数,表示对Symbol实例的描述,主要是为了在控制台显示,或者转为字符串时,比较容易区分。闭包的理解闭包就是一个函数定义在另一个函数的内部 这个内部的函数就是闭包 并且闭包函数可以访问函数内部的局部变量或私有变量 并且闭包可以形成封闭私有空间 不受外部影响 还可以让变量的值始终保存到内存中。
2023-08-18 20:31:22
159
1
原创 typescript函数重载的理解
在 TypeScript 中,函数重载(Function Overloading)是指通过为同一个函数提供多个不同的签名(参数类型和数量),以便根据实际传入的参数类型和数量,在编译时选择正确的函数声明进行调用。通过函数重载,我们可以定义一组函数声明,每个声明都描述了函数的参数和返回类型。当我们调用函数时,TypeScript 编译器会根据实际传入的参数类型和数量,选择最匹配的函数重载进行调用。
2023-08-15 21:13:31
167
1
原创 对react的总结
是浏览器对之前请求过的文件进行缓存,以便下一次访问时重复使用,节省带宽,提高访问速度,降低服务器压力 HTTP 1.0协议中的。简而言之,就 是告诉浏览器在约定的这个时间前,可以直接从缓存中获取资源而无需跑到服务器去获取。http缓存机制主要在http响应头中设定,响应头中相关字段为Expires、Cache-Control、Last-Modified、Etag。
2023-08-14 10:05:48
67
原创 React性能优化
使用React.memo()和React.PureComponent:这些是React提供的用于优化渲染性能的高阶组件。使用React的代码分割功能:使用React的代码分割功能(如React.lazy和动态import)可以将应用程序分成较小的块,并在需要时按需加载,减少初始加载时间。使用虚拟化技术:对于长列表或大型数据集,使用虚拟化库(如react-virtualized)可以只渲染当前可见的部分,减少渲染的节点数量,提高性能。避免在render方法中进行昂贵的计算或复杂的操作,可以减少渲染时间。
2023-08-14 09:30:12
59
原创 自定义hook的理解
自定义 Hook 是 React 中的一个重要概念,它允许你在函数组件中共享逻辑,以及将状态管理和副作用逻辑从组件中抽离出来,从而使组件更加简洁和可维护。自定义 Hook 是一个函数,其名称以 “use” 开头,函数内部可以调用其他的 Hook。自定义 Hook函数偏向于功能,而组件偏向于界面和业务逻辑。
2023-08-10 10:47:25
97
1
原创 Redux实现原理
将统一的状态放到state中,由store来进行管理,reducer的作用是返回一个新的state去更新store中的state,根据redux的原则ui层面的都需要dispatch去触发action返回方法名,payload返回传递过来的参数,然后在redux里边进行操作,最后在通过store.getState()来传递操作后的结果派发到各个子组件中。
2023-08-10 10:45:56
44
1
原创 面向对象编程的方式的理解
当解决一个问题时,面向对象会将问题抽象成对象的概念,就是看这个问题里面有哪些对象,然后给对象赋予一些属性和方法,让每个对象去执行自己的方法,问题就可以得到解决。洗衣机和人:先找到对象,分别是人和洗衣机,然后给这两个对象一些方法,人就是家洗衣粉和加水,而洗衣机就是洗衣服、清洗、烘干。易维护,易复用,易扩展,由于面向对象有多态,封装,继承的特性,可以设计出低耦合的系统,使系统更加灵活,更加容易维护。继承:可以让一个类型的对象获得另一个类型的对象的属性和方法。多态:一个类实例的相同方法在不同情形有不同形式。
2023-08-08 08:21:00
51
原创 js类型检验的方式
instanceof操作符:instanceof操作符可以用来检测对象是否是某个构造函数的实例,但instanceof无法判断基本类型(如字符串、数字、布尔值)。Array.isArray方法:Array.isArray方法用于判断一个对象是否是数组类型。它返回一个布尔值,如果是数组则返回true,否则返回false。typeof操作符可以检测给定变量的类型,并返回一个表示类型的字符串。
2023-08-06 19:26:11
54
原创 事件循环的理解,以及应用理解?
JavaScript是一门单线程的语言,意味着同一时间内只能做一件事,但是这不意味着单线程就是阻塞,而实现单线程非阻塞的方法就是事件循环。
2023-08-06 19:01:44
55
原创 闭包的理解,优点缺点,应用场景
闭包就是和对其周围状态的引用捆绑到一起(或者说函数被引用包围)这样的组合就是闭包,任何的闭包的使用场景都离不开两点:创建私有变量,延长变量的生命周期。也就是说,闭包让你在一个内层函数中访问到其外层函数的作用域。实现函数的柯里化和高阶函数,事件的处理,用来实现缓存功能。注意使用闭包,要及时释放不再需要的变量,避免引发内存泄漏。保存变量,延长变量的生命周期,实现私有变量。内存消耗,性能消耗,可能出现内存泄漏。
2023-08-06 18:53:25
55
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人