- 博客(12)
- 收藏
- 关注
原创 Promiss基础入门(新手友好)
1、含义是 ES6 引入的一种异步编程解决方案,它旨在简化复杂的异步流程,尤其是消除传统的“回调地狱”,它是立即执行函数。(2)Promise的核心在于它代表了一个将来可能完成pending(等待中)、fulfilled(已成功)和rejected(已失败)。此处为了便于大家理解Promiss的三种状态,举一个猜字游戏的例子:①Pending(等待中):你心里已经想好了一个数字,等待(pending)朋友猜测;②Fulfilled(已成功):朋友猜对了,游戏成功(fulfilled)
2024-06-11 09:43:23 1041
原创 Tailwind CSS从零开始
Tailwind CSS 是一个高度可定制的实用程序优先的 CSS 框架,它的设计目标是帮助开发者快速构建自定义的用户界面。不同于传统的 CSS 框架,如 Bootstrap 和 Bulma,这些通常提供预定义的组件和样式,Tailwind 提供了一套基础的 CSS 类,允许开发者通过组合这些类来创建所需的样式,而不是依赖预定义的 UI 元素。总体而言,如果你的项目强调快速迭代、简洁的代码和高度可定制性,Tailwind CSS 可能是一个好选择。
2024-05-27 16:54:27 1169
原创 vue3之列表无限循环滚动效果
Vue3.0 无缝滚动组件,支持Vite2.0,支持服务端打包、支持上下左右无缝滚动,单步滚动,并且支持复杂图标的无缝滚动,目前组件支持平台与。🌍 由于博主还属于前期的前端开发小白,欢迎大家留言提出更好的意见,大家共同进步!🔮 本文由 【第四人称Alice】 原创,首发于 CSDN ✨✨✨。声明:博主的项目是vue3+ts,node版本18.18.2。注意:需要滚动的列表所在容器必须设置样式。贝塞尔曲线待补充...
2024-05-24 17:09:11 2183 1
原创 vue.js之自定义指令
自定义指令 | Vue.js// 在绑定元素的 attribute 前,或事件监听器应用前调用},// 在元素被插入到 DOM 前调用// 在绑定元素的父组件,以及他自己的所有子节点都挂载完成后调用// 绑定元素的父组件更新前调用// 在绑定元素的父组件,以及他自己的所有子节点都更新后调用// 绑定元素的父组件卸载前调用// 绑定元素的父组件卸载后调用el:表示被绑定的当前实例元素binding:表示绑定时传入的参数或者函数/*** 注册单个指令*/
2024-05-17 17:35:22 645 1
原创 element-plus的Table 表格之树形数据与懒加载
总结一下最近写的基础版树形表格的懒加载,本次实例的应用中,和后端同事沟通返回指定字段isChildren,让子节点表格绑定字段和父节点表格绑定字段能够灵活处理,同时还修改了表格的样式。🌍 由于博主还属于前期的前端开发小白,欢迎大家留言提出更好的意见,大家共同进步!🔮 本文由 【第四人称Alice】 原创,首发于 CSDN ✨✨✨。声明:博主的项目是vue3+ts,node版本18.18.2。
2024-05-11 11:49:12 1686 1
原创 vue项目搭建基础内容router\pinia\element-plus\mock
💕🔮 本文由 【第四人称Alice】 原创,首发于 CSDN ✨✨✨🌍 由于博主还属于前期的前端开发小白,欢迎大家留言提出更好的意见,大家共同进步!💭声明:博主的项目是vue3+ts,node版本18.18.2最近在学习项目配置和优化,所以干脆把项目重头捋一遍,这里就做个前情搭建赘述,不然全写在一篇文中感觉内容过多,不利于阅读使用。
2024-04-22 17:35:12 331
原创 小数相加丢失精度的问题解决
💕🔮 本文由 【第四人称Alice】 原创,首发于 CSDN ✨✨✨🌍 由于博主还属于前期的前端开发小白,欢迎大家留言提出更好的意见,大家共同进步!💭声明:博主的项目是vue3+ts今天项目中遇到整数与小数相加,结果被丢失精度的问题,看了很多,本来想手写一个,最终为了方便还是向库妥协。
2024-04-18 15:17:54 699
原创 mockjs+vite-plugin-mock在V3+ts项目中的使用
💕🔮 本文由 【第四人称Alice】 原创,首发于 CSDN ✨✨✨🌍 由于博主还属于前期的前端开发小白,欢迎大家留言提出更好的意见,大家共同进步!💭。
2024-02-22 17:40:38 1244 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 4334 3
原创 pinia数据持久化插件pinia-plugin-persistedstate的基础使用+vue3组合式,有手就会系列。
💕🔮 本文由 【第四人称Alice】 原创,首发于 CSDN ✨✨✨🌍 由于博主还属于前期的前端开发小白,欢迎大家留言提出更好的意见,大家共同进步!💭,有疑惑的宝子可以去看官网哦~说明一下,博主使用的是v3.2.0版本,技术栈为vue3+ts,看了很多博主的持久化用法都不是自己想要的,最后自己扒官网写了最新的用法,废话不多说,马上开始。
2024-01-19 17:41:39 1973 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 477
原创 element plus的Popover组件和Scrollbar 组件嵌套使用时无法调用scrollbar组件方法的问题,附上父子组件生命周期执行顺序。
问题描述Popover组件内使用自定义选项卡嵌套Scrollbar组件,在调用scrollbar组件的方法时报错 scrollbarRef.value?功能描述:使用了popover(弹窗)组件的虚拟触发模式,嵌套自定义的选项卡组件,并在选项卡的内容区嵌套Scrollbar(滚动条)组件,想要实现每次弹出窗出现或者选项卡出现,滚动条都在顶部位置。
2023-12-05 16:29:14 1206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人