自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 数据流输入 聊天列表自动定位到底部

【代码】数据流输入 聊天列表自动定位到底部。

2024-10-31 09:46:15 110

原创 promise应用

处理多个Promise:使用Promise.all()方法可以同时处理多个Promise实例,并在所有Promise都成功完成后返回结果数组。Promise提供了一些方法,如Promise.all()和Promise.race(),用于并发执行多个Promise,并根据需要处理它们的结果。异步操作:当需要处理异步操作时,Promise可以帮助我们更好地管理和处理它们。Promise的用法主要包括创建Promise实例,设置回调函数,并通过resolve()和reject()方法来处理异步操作的结果。

2024-06-05 09:29:09 956

原创 js中 ||=、&&=、??=、?.、?? 运算符的使用

定义:||= 运算符用于指定变量在其值为假(Falsy)时才进行赋值操作。语法:a ||= b,意为若a为假,则将b赋值给a。. 运算符用于在对象链深处避免出现异常,当对象链中的某个属性为null或undefined时,避免出现错误。定义: &&= 运算符用于指定变量在其值为真(Truthy)时才进行赋值操作。= b,意为若a为null或undefined,则将b赋值给a。b,若a为null或undefined,则返回b,否则返回a。语法: a &&= b,意为若a为真,则将b赋值给a。

2024-06-05 09:26:37 814

原创 forEach和map的区别

方法是用于迭代数组中的每个元素,执行指定的回调函数,并且没有返回值。该方法只是为了对数组进行操作,不会修改原始数组,也不会返回新的数组。方法则是在数组中的每个元素上执行指定的回调函数,并将回调函数的返回值组成一个新的数组返回。两者都可以对数组中的每个元素执行某个操作,但它们的返回值不同,因此在使用时需要注意区别。因此,如果需要遍历数组并仅执行一些操作而不需要返回值,则可以使用。如果需要对数组进行操作并返回一个新的数组,则应该使用。方法不会修改原始数组。

2024-06-05 09:24:25 326

原创 小程序页面跳转传参

对象中包含了传递过来的参数,在这里可以通过对象的属性名获取对应参数的值。// 可以通过console.log()方法输出参数值进行验证。// 通过option对象获取传递的参数值。分别对应之前传递的两个参数。方法获取传递过来的参数。在接收页面中,可以通过。

2024-05-30 17:29:34 256

原创 微信小程序中的几种页面跳转方式

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。:关闭当前页面,跳转到应用内的某个页面,不可返回上一个页面。:跳转到应用内的某个页面,可返回上一个页面。:关闭所有的页面,打开应用内的某个页面。此外,小程序还可以使用。

2024-05-30 17:25:25 453

原创 前端通过vue调用后端接口导出excel表格

在Vue组件中,通过Vue的HTTP请求库(如axios)向后端发送请求,并获取生成的Excel文件的下载链接。在点击事件的处理函数中,使用axios向后端接口发送请求。你需要指定请求的url和请求方法(如GET或POST),并根据需要传递参数。在后端接口处理请求后,根据接收到的参数生成Excel文件并导出。可以使用相关的库/工具来处理Excel文件的生成,如Node.js的。// 创建一个隐藏的a标签,设置下载链接和文件名,模拟点击下载。// 请求成功返回后,获取到Excel文件的二进制数据。

2024-05-30 17:23:55 2095 1

原创 解构语法;对象解构赋值;const { code, tenantId } = res.data.data;

这行代码使用了对象解构赋值的语法。通过对象解构赋值,可以更简洁地从对象中提取出需要的属性值,提高了代码的可读性和简洁性。属性解构出来,然后使用解构后的变量进行条件判断,简化了代码并提高了可读性。例:getUserInfo().then((res) => {是一个对象,通过解构赋值语法可以从这个对象中提取出。两个属性,并分别赋值给对应的变量。

2024-05-30 17:16:01 383

原创 构造函数、箭头函数、回调函数

回调函数在异步编程中非常有用,可以简化复杂的控制流程,并确保在需要时执行正确的操作。但过多的回调嵌套可能会导致回调地狱(Callback Hell),为了避免这种情况,可以使用 Promise、async/await 等更高级的异步处理技术来简化和优化代码结构。它是一种更简洁的函数写法,相较于传统的函数表达式具有一些特殊的行为和用法。回调函数(Callback Function)是一种在 JavaScript 中常见的编程模式,它是一种以参数形式传递给其他函数的函数,用于在特定事件或条件发生时执行。

2024-05-30 17:00:17 1003

原创 子组件向父组件传单值和多个值

传递值给父组件</button><button @click="sendValueToParent">传递值给父组件

2024-05-30 16:56:12 571

原创 使用 JavaScript 来获取当前日期的三个月前、半年前和一年前的时间;结果以 “yyyy-mm-dd”这种日期格式展示

请注意,JavaScript 中的日期对象是基于本地时区设置的。如果你希望在处理日期时使用的是其他时区,你需要使用相关的第三方库或手动进行时区转换。函数,接受一个日期对象作为参数,并根据年份、月份和日期格式化成 "YYYY-MM-DD" 的格式。方法来设置相应的月份和年份。方法获取相应日期的年份、月份和日期,并使用。// 将日期对象转换为自定义日期格式。方法来确保月份和日期都是两位数字。输出符合我们需求的日期字符串。// 获取三个月前的时间。// 获取半年前的时间。// 获取一年前的时间。

2024-05-30 16:11:45 1289

原创 使用动态绑定 class 的方式实现点击按钮 另一按钮变色

补助

2024-05-30 16:05:39 353

原创 js定时器;setTimeout()、setInterval() 和 requestAnimationFrame()。

除了直接传入匿名函数作为参数,你还可以将延迟执行的代码封装成一个命名函数,然后将该函数的名称传递给 setTimeout()。setInterval():该函数允许你在指定的时间间隔重复执行一次代码或函数。它也接受两个参数:要执行的代码或函数,以及时间间隔的毫秒数。setTimeout():该函数允许你在指定的延迟时间之后执行一次代码或函数。它接受两个参数:要执行的代码或函数,以及延迟的毫秒数。requestAnimationFrame():该函数用于在浏览器的下一次重绘之前执行指定的代码或函数。

2024-05-30 16:02:35 384

原创 前端小程序跳转到不同页面路由判断方法 ;URL 进行页面导航

你可以优化以上代码以减少重复的部分并提高可维护性,可以使用一个对象字典来存储对应关系,然后根据传入的参数查找对应的 URL 并进行导航。对象来添加、删除或修改对应关系,而不需要修改重复的导航代码。这样的代码优化可以提高代码的可读性和可维护性。作为键来获取对应的 URL。如果找不到对应的 URL,则使用。最后,根据获取到的 URL 进行页面导航。通过将对应关系存储在。这样,你可以通过修改。

2024-05-30 15:36:10 353

原创 css设置position后为什么margin:0 auto; 失效了

只对非定位元素起作用,它依赖于块级元素的自身宽度和父元素的宽度来实现水平居中。或者使用 flex 布局等。具体的实现方法取决于你的布局需求和具体的元素结构。属性后仍然实现水平居中,可以使用其他方法,例如设置。属性时,它就成为了一个“定位元素”,此时。如有更多问题,请随时提问。不再能够水平居中该元素。当你为一个元素设置了。

2024-05-30 15:33:48 282

原创 avue前端如何从本地存储空间拿saber-userInfo里面的信息

getUserInfo() { //防止content为空导致代码报错堵塞 const { content } = JSON.parse(localStorage.getItem("saber-userInfo") || '{ content: {} }');// 从 userInfo 对象中获取相应的信息 this.defaultTenantId = content.tenant_id;// 从 userInfo 对象中获取相应的信息。// 使用获取到的信息进行相应的操作。来从本地存储空间获取。

2024-05-30 15:25:38 364

原创 编写代码来判断用户角色并相应地设置 `dicUrl` 属性和租户选择框的状态

这可能涉及到后端的身份验证和授权机制,以及在前端中获取并存储用户角色的方法(可能是通过登录接口返回,或者使用 JWT 等令牌机制)。// 获取用户角色信息的方法要替换为实际的获取方式。// 设置为默认值,即不可更改的租户选择 URL。是自定义的函数,用于设置租户选择框的状态。你需要根据具体的前端框架和应用情况进行相应的实现。在前端代码中,找到相关的位置来判断用户角色,并根据判断结果设置。// 假设获取到的用户角色信息存储在 userRole 变量中。if (userRole === "超级管理员") {

2024-05-30 15:21:48 256

原创 实现对数字保留两位小数效果,如果数字的原本小数位数不到两位,那么缺少的就自动补零 (toString/indexOf/split/substring的用法)

对象的一个方法,用于查找一个字符串在另一个字符串中首次出现的位置。(可能是一个数字、字符串或其他可转换为字符串的类型),并返回一个格式化为两位小数的字符串。返回的子字符串包括开始处的字符,但不包括结束处的字符。)对象的一个方法,用于将字符串分割成子字符串数组,并返回这个数组。不接受负索引,且总是将较小的索引值作为起始点,较大的索引值作为结束点(如果两者被颠倒)。但是,由于你正在处理格式化为两位小数的需求,字符串可能是更合适的返回类型。方法也可以接受一个可选的第二个参数,表示返回的数组的最大长度。

2024-05-30 11:23:44 554 2

原创 Vue父组件如何给子组件传递图片属性?为什么父组件传递的图片子组件接收不到?

接收不到值的根本原因就在于图片是静态资源,所以与单一的传递值、对象不同,要先进行特殊处理或导入才能传递。1、require包裹2、import导入。

2023-07-27 11:07:01 601 1

原创 vue v-for 遍历图片src的写法(element走马灯)

data() {return {],},

2023-07-27 11:02:53 788 1

空空如也

空空如也

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

TA关注的人

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