- 博客(26)
- 收藏
- 关注
RSS订阅原创 【无标题】
通常用于标识函数或方法的参数。在JavaScript中，它通常用于JSDoc风格的注释，用来描述函数的参数信息。这种注释格式有助于其他开发人员理解函数的作用和使用方式。表示这个函数返回一个空的JSON对象。的参数，用来传入请求的URL。表示这个函数接受一个名为。
2024-05-20 11:45:24
219
原创 promise调用接口
总的来说，Promise适合用于处理异步操作、链式操作以及异常处理，能够帮助我们更好地组织和管理异步代码。链式操作：当需要按照一定顺序执行多个异步操作，并且后一个操作依赖前一个操作的结果时，可以使用Promise的链式调用结构来简化代码逻辑。多个并行请求：当需要同时发起多个异步请求，并在所有请求完成后进行统一处理时，可以使用Promise.all方法来实现。异步操作：当需要进行异步操作时，比如发送网络请求、读取文件等，可以使用Promise来更好地管理和处理异步操作。ruleForm携带参数。
2024-04-02 14:56:58
684
原创 vue中EventBus的使用
在 Vue 中，EventBus 是一种事件总线机制，可以用于在不同组件之间进行通信。然而，如果你想要在不同路由页面之间传递值，使用 EventBus 可能并不是最佳的选择。
2024-03-20 20:29:36
197
原创 vue3中三种插槽
总的来说，单个插槽适用于简单的内容传递，具名插槽适用于需要在子组件中区分不同插槽内容的情况，而作用域插槽适用于需要在子组件中对插槽内容进行处理或者根据传递的数据动态渲染内容的情况。当父组件需要向子组件传递数据，并且希望子组件能够对数据进行处理后再渲染时，可以使用作用域插槽。在父组件中，可以通过 v-slot:slotName 来指定具名插槽的名称，子组件通过 <slot name="slotName"></slot> 来接收具名插槽内容。通常同于子组件需要给父组件传值时使用。
2024-03-20 19:08:36
267
1
原创 echarts适配方法
第一种方法因为使用的是dom零级事件，只能绑定一个echarts图表使用，绑定多个会被覆盖掉，只会执行最后一个。所以第二种方法就解决了这个问题，dom二级事件，dom二级事件的优点是可以绑定多个元素而不会被覆盖掉。第三种方式是封装成一个组件使用，在每次使用的时候将元素传进来在每个图表，item 改变的时候去循环改变每一个图表的大小。
2024-03-20 13:57:33
422
1
原创 vue3 生命周期 路由守卫 组合式api token
例如，如果将一个响应式对象的属性传递给一个子组件时，可以使用 toRefs 确保子组件更新属性时会响应到原始对象的变化。// 举例来说，对于一个带有动态参数的路径 `/users/:id`，在 `/users/1` 和 `/users/2` 之间跳转的时候，:在组件挂载到DOM之后执行。当组件的数据发生变化时，会触发重新渲染，但尚未将新的虚拟DOM渲染到实际的DOM中。使用ref方法会递归遍历对象的所有属性，使所有属性都具备响应性，所以，当对象很复杂且庞大时，过多的监听会导致性能上的损耗。
2024-03-19 19:30:04
1884
原创 什么是回调函数
如果很多地方需要同一个函数，并且这一函数根据不同需要，做不同的处理，这个时候用回调函数驹在合适不过了，回调函数的好处就显而易见了，运用得当可以减少代码冗积，避免代码重复，增加代码可读性，提供很好的可维护性，可以将通用逻辑抽象，分离专职的函数。回调函数是一种常见的编程概念，它是指在某个特定事件发生或条件满足时被调用的函数。回调函数通常作为参数传递给其他函数，并在需要时由该函数调用。为什么要使用回调函数。
2024-03-14 19:10:20
447
原创 nextTick作用及原理
首先将拿到的回调函数存放到数组中，判断是否正在执行回调函数，如果当前没有在pending的时候，就会执行timeFunc，多次执行nextTick只会执行一次timerFunc，timeFunc其实就是执行异步的方法，在timeFunc方法中选择一个异步方法（首先判断是否支持promise，如果支持就将flushCallbacks放在promise中异步执行，并且标记使用微任务。nextTick是将回调函数延迟在下一次dom更新数据后调用，简单理解是：当数据更新了，在dom中渲染后，自动执行该函数。
2024-03-14 19:00:14
2724
原创 vue3中element plus中表格如何根据数据不同渲染不同颜色
在el-table标签上添加 :cell-style="cellStayle"直接在标签上改 用v-if控制显示。
2024-03-13 09:34:00
933
原创 git强制推送
请注意，强制推送可能会导致其他人在共享同一个远程仓库时受到影响，因为你会覆盖掉他们的修改。因此，在执行强制推送之前，请确保你已经与团队成员进行了沟通，并且明确了风险和影响。这个命令会将你的本地分支强制推送到远程仓库，并覆盖远程分支上的代码。首先，确保你已经备份了重要的代码或文件，因为这个操作是不可逆的。强制推送到远程仓库，且覆盖远程代码库。是你要推送的本地分支名称。
2024-03-12 08:47:04
2554
1
原创 props
props是只读的，Vue底层会监测你对props的修改，如果进行修改，就会发出警告，若业务需求确实需要修改，请复制props的内容到data中一份，然后去修改data中的数据。2.第二种方式（限制类型数据）：props:{data:String}required: true, // 必要性。default: "JOJO // 默认值。type: String, // 类型。1.第一种方式（只接受）：props:['data]3.第三种方式（限制类型 、限制必要性、指定默认值）
2024-03-11 19:58:01
221
1
原创 虚拟dom中key的作用
key是虚拟dom中对象的标识，当数据发生改变时，Vue会根据 新数据 生成 新的虚拟dom，随后Vue进行新虚拟dom 与 旧的虚拟dom 的差异比较，比较规格如下。
2024-03-11 19:50:11
455
1
原创 rem适配原理
这种适配方式的核心在于使用媒体查询来根据不同的设备尺寸动态设置HTML的字体大小，然后使用rem作为元素尺寸的单位。当HTML的字体大小发生变化时，页面中的rem单位也会相应地缩放，从而使得页面元素在不同屏幕尺寸上能够保持相对一致的视觉效果。rem用作非根元素的时候，是相对于根元素设定的字体大小,，用于根元素的时候，相对于初始字体的大小。在移动端的页面开发中，需要根据不同的手机去适配页面，让页面可以自适应的展示。也就是说根据屏幕宽度的大小，改变元素和字体的大小，屏幕越宽元素和字体越大。
2024-03-06 20:33:55
563
原创 防抖和节流，概念、怎么实现
区别：节流会不断的触发，而防抖仅在最后一次触发。防抖适用于，如搜索输入框提示，仅在输入停止后进行一次提示更新，以减少后台压力。节流适用于，如窗体以拖动的方式调整大小，在每次特定的时间片结束后触发一次窗体大小调整。防抖：某一高频事件不断被触发时，仅在最后一次真正执行事件处理代码。节流：某一高频事件被触发时，确保在每一个特定的时间段内被执行一次。n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时。n 秒内只运行一次，若在 n 秒内重复触发，只有一次执行。监听浏览器滚动事件，完成某个事件。
2024-02-28 20:33:42
287
原创 storeToRefs和toRefs有什么区别
storeToRefs 和 toRefs 都可以将对象转换为具有 .value 的 ref 对象集合。使用 storeToRefs 需要引入 pinia，而 toRefs 可以在Vue 3中直接使用。作用：将 Vue 3 中的对象转换为具有响应式能力的 ref 对象集合。区别在于 storeToRefs 是针对 pinia 的 store 对象。Pinia提供了一种类似于Vuex的方式来管理全局状态。toRefs 是 Vue 3 中的通用函数，用于处理任意的响应式对象。这两个函数，用于处理状态的转换。
2024-02-27 19:55:17
721
1
原创 css动画
动画是使元素从一种样式逐渐变化为另一种样式的效果，您可以改变任意多的样式任意多的次数，请用百分比来规定变化发生的时间，或用关键词 “from” 和 “to”，等同于 0% 和 100%animation-play-state 控制动画的播放状态：running代表播放，而paused代表停止播放。iteration-count 设置动画循环的次数，infinite为无限次数的循环。timing-function 设置动画效果的速率 (如下)0% 是动画的开始，100% 是动画的完成。
2024-02-27 13:53:21
402
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人