自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 svg实现实时流动图

用svg画流动图

2024-07-04 10:06:01 708

原创 使用async...await以及js的事件循环机制

async...await的使用以及事件循环机制

2023-10-26 19:32:49 296

转载 async和await的用法以及与Promise的区别

1. async 是异步的意思,await则可以理解为 async wait。所以可以理解async就是用来声明一个异步方法,而 await是用来等待异步方法执行2. async作为一个关键字放在函数前面,表示该函数是一个异步函数,异步函数意味着该函数的执行不会阻塞后面代码的执行;而 await 用于等待一个异步方法执行完成;3. 当函数内部执行到一个 await 语句的时候,如果语句返回一个 promise 对象,那么函数将会等待 promise 对象的状态变为 resolve 后再继续往下执行。

2023-09-26 10:31:05 169

原创 接口传参时请求方式data和params的区别

在使用API请求时,有两种方式可以传递参数:data和params。其中,data主要用于传递请求体中的参数,而params主要用于传递查询参数。因此,需要注意请求方式的选择,以及参数应该通过哪个选项进行传递,保证请求的正确性。,则该请求将变成一个 POST 请求,而不是 GET 请求,且请求体中会携带。用于 GET 请求的 URL 参数,而。用于 POST 请求的请求体。参数,而不是 URL 参数。中,请求参数可以通过。

2023-09-15 19:41:10 1917

原创 修改vant3内部组件样式

1.通过 CSS 覆盖。/* 添加这段样式后,Primary Button 会变成红色 */:root {2.通过 ConfigProvider 覆盖。组件提供了覆盖 CSS 变量的能力,你需要在根节点包裹一个组件 在需要改变样式的组件外,并通过theme-vars属性来配置一些主题变量。**通过ConfigProvider修改vant组件中的样式:**ConfigProvider:用于配置vant组件的主题样式和全局属性。

2023-09-15 19:30:44 1189

原创 使用 el-option-group 对选项进行分组,其 label 属性代表分组名称。

【代码】使用 el-option-group 对选项进行分组

2023-09-14 20:06:24 989

原创 H5中统一获取从app跳转到web的token;判断从原生app跳转还是h5页面之间跳转

一、统一获取token并在全局保存,不需要在每个页面中再通过route.query.token获取。三、 用于设置native和web之间通信的桥接对象webViewJavascriptBridge。二、判断从哪个客户端跳转过来web端。

2023-09-14 19:47:50 520

原创 pagination分页组件二次封装

1、pagination二次封装分页子组件。2、在父组件中使用pagination组件。

2023-07-03 20:15:41 217

原创 编辑器组件monaco

配置代码编辑器组件monaco.js。

2023-07-03 15:42:25 645

原创 vue3的layout布局练习

左侧菜单栏Sidebar + 【右侧上方布局:上方组件navBar(折叠展开图标+面包屑)+ 打开的页面标签组件tagsView】 + 右侧下方的主要内容(放不同的组件)2.2.1 、 左侧菜单的sidebarItem里的link组件—判断是内部链接还是外部链接。3.3.1、 打开的标签过多,这时需要左右滚动----滚动条组件ScrollPane。3.1、点击图标使左侧菜单打开关闭组件–hamburger。2.1、logo组件—点击这个图标使左侧菜单折叠/展开。3.3、打开的页面标签–TagsView。

2023-06-17 16:18:54 3127

原创 vue3国际化语言设置及表单组件封装

国际化语言设置,多语言表单组件封装

2023-06-16 09:10:23 610

原创 vue3中的动态路由设置和路由守卫

动态路由设置和路由守卫

2023-06-14 20:57:55 5785 1

原创 自定义指令实现前端权限校验

按钮权限和角色权限校验

2023-06-14 10:40:41 268

原创 vue3父子组件间传参通信

本文主要是记录Vue3在setup语法糖下的父子组件间通信的四种方式。

2023-06-14 09:14:45 16853

原创 forEach和map循环遍历的区别以及 includes在循环中的实际案例

以上代码中的问题是,在循环 state.tenantList 的过程中,只有当 state.tenantIds 包含当前 item.id 时,才会对 params 进行赋值,并且此时会覆盖前面已经赋值给 params 的值。当选中一个el-option时,el-select会将该el-option的value属性的值作为选中项的值传递给v-model。1.:value=“item.id”-------此时打印所选中项tenantIds的值是对象的id属性。这里不用判断,可直接拿到选中项里的东西。

2023-06-07 20:27:37 127

原创 nextTick的使用场景及实际案例

nextTick是Vue中提供的一个异步更新队列,它的用法是在当前执行栈的任务执行完毕后,将传入的回调函数放入到队列中,等待下一个事件循环时执行。在数据变化后立即执行某些操作: 当数据发生变化后,Vue不会立即更新DOM,而是异步执行更新,如果需要在数据变化后立即执行某些操作,可以使用nextTick来保证更新完成后执行操作。手动控制DOM更新: 在Vue中,数据变化会引起DOM的更新,如果需要在DOM更新后执行某些操作,可以使用nextTick来保证DOM更新完成后执行操作。

2023-06-05 10:58:55 497

原创 el-tree的内外层数据结构不一致

在使用 el-tree 组件时,内外层数据格式和属性名并不一定要一致。但是,如果内外层数据格式和属性名一致,使用起来会更加方便和简单。

2023-06-02 11:45:53 1419 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除