自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Promiss基础入门(新手友好)

1、含义是 ES6 引入的一种异步编程解决方案,它旨在简化复杂的异步流程,尤其是消除传统的“回调地狱”,它是立即执行函数。(2)Promise的核心在于它代表了一个将来可能完成pending(等待中)、fulfilled(已成功)和rejected(已失败)。此处为了便于大家理解Promiss的三种状态,举一个猜字游戏的例子:①Pending(等待中):你心里已经想好了一个数字,等待(pending)朋友猜测;②Fulfilled(已成功):朋友猜对了,游戏成功(fulfilled)

2024-06-11 09:43:23 827

原创 Tailwind CSS从零开始

Tailwind CSS 是一个高度可定制的实用程序优先的 CSS 框架,它的设计目标是帮助开发者快速构建自定义的用户界面。不同于传统的 CSS 框架,如 Bootstrap 和 Bulma,这些通常提供预定义的组件和样式,Tailwind 提供了一套基础的 CSS 类,允许开发者通过组合这些类来创建所需的样式,而不是依赖预定义的 UI 元素。总体而言,如果你的项目强调快速迭代、简洁的代码和高度可定制性,Tailwind CSS 可能是一个好选择。

2024-05-27 16:54:27 1087

原创 vue3之列表无限循环滚动效果

Vue3.0 无缝滚动组件,支持Vite2.0,支持服务端打包、支持上下左右无缝滚动,单步滚动,并且支持复杂图标的无缝滚动,目前组件支持平台与。🌍 由于博主还属于前期的前端开发小白,欢迎大家留言提出更好的意见,大家共同进步!🔮 本文由 【第四人称Alice】 原创,首发于 CSDN ✨✨✨。声明:博主的项目是vue3+ts,node版本18.18.2。注意:需要滚动的列表所在容器必须设置样式。贝塞尔曲线待补充...

2024-05-24 17:09:11 1497 1

原创 vue.js之自定义指令

自定义指令 | Vue.js// 在绑定元素的 attribute 前,或事件监听器应用前调用},// 在元素被插入到 DOM 前调用// 在绑定元素的父组件,以及他自己的所有子节点都挂载完成后调用// 绑定元素的父组件更新前调用// 在绑定元素的父组件,以及他自己的所有子节点都更新后调用// 绑定元素的父组件卸载前调用// 绑定元素的父组件卸载后调用el:表示被绑定的当前实例元素binding:表示绑定时传入的参数或者函数/*** 注册单个指令*/

2024-05-17 17:35:22 583 1

原创 element-plus的Table 表格之树形数据与懒加载

总结一下最近写的基础版树形表格的懒加载,本次实例的应用中,和后端同事沟通返回指定字段isChildren,让子节点表格绑定字段和父节点表格绑定字段能够灵活处理,同时还修改了表格的样式。🌍 由于博主还属于前期的前端开发小白,欢迎大家留言提出更好的意见,大家共同进步!🔮 本文由 【第四人称Alice】 原创,首发于 CSDN ✨✨✨。声明:博主的项目是vue3+ts,node版本18.18.2。

2024-05-11 11:49:12 700 1

原创 vue项目搭建基础内容router\pinia\element-plus\mock

💕🔮 本文由 【第四人称Alice】 原创,首发于 CSDN ✨✨✨🌍 由于博主还属于前期的前端开发小白,欢迎大家留言提出更好的意见,大家共同进步!💭声明:博主的项目是vue3+ts,node版本18.18.2最近在学习项目配置和优化,所以干脆把项目重头捋一遍,这里就做个前情搭建赘述,不然全写在一篇文中感觉内容过多,不利于阅读使用。

2024-04-22 17:35:12 286

原创 小数相加丢失精度的问题解决

💕🔮 本文由 【第四人称Alice】 原创,首发于 CSDN ✨✨✨🌍 由于博主还属于前期的前端开发小白,欢迎大家留言提出更好的意见,大家共同进步!💭声明:博主的项目是vue3+ts今天项目中遇到整数与小数相加,结果被丢失精度的问题,看了很多,本来想手写一个,最终为了方便还是向库妥协。

2024-04-18 15:17:54 437

原创 mockjs+vite-plugin-mock在V3+ts项目中的使用

💕🔮 本文由 【第四人称Alice】 原创,首发于 CSDN ✨✨✨🌍 由于博主还属于前期的前端开发小白,欢迎大家留言提出更好的意见,大家共同进步!💭。

2024-02-22 17:40:38 1107 1

原创 vue3+Swiper11简易封装,附上常用属性介绍,放心食用,最后附上官网地址。

在当前Slide切换到另一个Slide时执行(activeIndex发生改变),一般是在点击控制组件、释放滑动的时间点。Swiper的滑动方向,可设置为水平方向切换 horizontal 或垂直方向切换 vertical。说明一下,博主使用的是v3.2.0版本,swiper版本为"swiper": "^11.0.3"。可以设置为数字(小数不可loop),或者 'auto'则自动根据slides的宽度来设定数量。scrollbar:设置滚动条,draggable:该参数设置为true时允许拖动滚动条。

2024-02-02 16:18:55 3128 3

原创 pinia数据持久化插件pinia-plugin-persistedstate的基础使用+vue3组合式,有手就会系列。

💕🔮 本文由 【第四人称Alice】 原创,首发于 CSDN ✨✨✨🌍 由于博主还属于前期的前端开发小白,欢迎大家留言提出更好的意见,大家共同进步!💭,有疑惑的宝子可以去看官网哦~说明一下,博主使用的是v3.2.0版本,技术栈为vue3+ts,看了很多博主的持久化用法都不是自己想要的,最后自己扒官网写了最新的用法,废话不多说,马上开始。

2024-01-19 17:41:39 1611 1

原创 swiper使用异步数据报错问题

但是在更改代码保存后就能赋值成功展示,仔细看看自己的模板,发现是使用v-for之前没有做空值判断,自己最初定义轮播图存储的数组初始是空数组,swiper会先拿到最初定义的空数组,此时遍历的内容为undefined,而v-for是不能遍历undefined的,所以最后在包裹swiper的div标签上做了v-if判断最后成功解决这个问题。此处复习一下vue2和vue3中v-if和v-for的优先级对比。

2024-01-08 16:20:52 445

原创 element plus的Popover组件和Scrollbar 组件嵌套使用时无法调用scrollbar组件方法的问题,附上父子组件生命周期执行顺序。

问题描述Popover组件内使用自定义选项卡嵌套Scrollbar组件,在调用scrollbar组件的方法时报错 scrollbarRef.value?功能描述:使用了popover(弹窗)组件的虚拟触发模式,嵌套自定义的选项卡组件,并在选项卡的内容区嵌套Scrollbar(滚动条)组件,想要实现每次弹出窗出现或者选项卡出现,滚动条都在顶部位置。

2023-12-05 16:29:14 1044

空空如也

空空如也

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

TA关注的人

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