随笔分类 -  前端

uni-app 页面通信实践：使用全局事件总线同步页面状态
摘要：在 uni-app 中，不同页面之间是相互独立的实例，当某个页面发生状态变化时（例如连接状态变化），如果希望其他页面能够及时响应，就需要一种跨页面通信机制。 这里介绍一种常见且简单的方式：使用 uni 提供的全局事件总线 $emit / $on / $off 实现页面通信。 一、为什么需要页面通信 阅读全文
posted @ 2026-01-23 11:46 启航黑珍珠号 阅读(19) 评论(0) 推荐(0)
uni-app uni.navigateto 传参
摘要：在 uni-app 中，uni.navigateTo 方法可以用于页面跳转，同时支持传递多个参数。以下是实现方法及示例。 通过 URL 拼接传递多个参数 // 源页面 uni.navigateTo({ url: `/pages/detail/detail?id=123&name=${encodeUR 阅读全文
posted @ 2026-01-23 10:56 启航黑珍珠号 阅读(37) 评论(0) 推荐(0)
Vue 的 :class 动态写法
摘要：Vue 的 :class 支持三种写法： 对象语法 <span :class="{ value: true, [item.status]: true }"> {{ getScheduleStatus(item.status) }} </span> 这样会同时包含 value 和 item.statu 阅读全文
posted @ 2025-08-29 16:38 启航黑珍珠号 阅读(31) 评论(0) 推荐(0)
Vue实现生成二维码功能和下载
摘要：参考了其他人的博客，自己改造了下 vue生成二维码图片并且下载图片到本地 // 我这里用的是element ui 对话框组件，触发可以写一个按钮设置showQrCode=true即可打开对话框。你们根据自己场景去处理 // template <template> <el-dialog title=" 阅读全文
posted @ 2025-07-31 09:42 启航黑珍珠号 阅读(130) 评论(0) 推荐(0)
Vue 中的对象赋值方法
摘要：Object.assign、this.$set、this.form.id 这三种赋值方式在JavaScript/Vue.js中有不同的用途和特点： Object.assign 作用： 将一个或多个源对象的可枚举属性复制到目标对象中 特点： 是JavaScript原生方法，不特定于Vue 执行的是浅拷 阅读全文
posted @ 2025-07-08 11:33 启航黑珍珠号 阅读(187) 评论(0) 推荐(0)
CSS 文字渐变
摘要：/实现文字颜色从红到黄的线性渐变效果/ .text { background: linear-gradient(to right, #ff0000, #ffff00); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/ -webkit-background-clip: text;/* 阅读全文
posted @ 2023-12-19 14:12 启航黑珍珠号 阅读(70) 评论(0) 推荐(0)
Vue 过渡 & 动画
摘要：在 Vue 的过渡效果中，.enter-active、.leave-active、.enter 和 .leave-to 是一些预定义的 CSS 类名，用于控制过渡的不同阶段。 .enter-active：表示进入过渡的活动状态。在元素插入到 DOM 中时添加，然后在过渡结束时移除。通过设置此类的样式 阅读全文
posted @ 2023-12-18 15:44 启航黑珍珠号 阅读(58) 评论(0) 推荐(0)
CSS transition属性
摘要：在给定的transition属性中，有三个参数：过渡属性、过渡时间和过渡速度曲线。 过渡属性：all 表示对元素的所有属性进行过渡动画，包括宽度、高度、颜色、位置等。你也可以指定单个属性进行过渡，例如 opacity，表示只对透明度进行过渡动画。 过渡时间：0.3s 表示过渡的持续时间，单位为秒。这 阅读全文
posted @ 2023-12-18 15:30 启航黑珍珠号 阅读(103) 评论(0) 推荐(0)
JS中两个数组取最大值
摘要：如果你有两个数组，并且想要找到它们中的最大值，你可以使用 Math.max() 方法结合展开运算符 ... 来实现。以下是示例代码： const array1 = [5, 8, 2, 10]; const array2 = [3, 6, 4, 9]; // 使用展开运算符将两个数组合并为一个新数组 阅读全文
posted @ 2023-12-15 15:20 启航黑珍珠号 阅读(208) 评论(0) 推荐(0)
uniapp base64 转 png
摘要：主要用到了这个API， uni.base64ToArrayBuffer(base64) // 将Base64编码的字符串转换为ArrayBuffer对象 const base64 = res.data.img; // Base64编码的图片数据 const arrayBuffer = uni.bas 阅读全文
posted @ 2023-12-14 11:40 启航黑珍珠号 阅读(671) 评论(0) 推荐(0)
position 定位常用属性
摘要：CSS的position属性用于指定元素的定位方式。以下是常见的position属性取值： position: static; 默认值，元素按照正常的文档流布局显示，不进行特殊定位。 position: relative; 相对定位，元素相对于其正常位置进行定位。 可以使用top、right、bot 阅读全文
posted @ 2023-12-12 11:53 启航黑珍珠号 阅读(111) 评论(0) 推荐(0)
Flex 布局常用属性
摘要：Flex布局（弹性布局）是CSS3中引入的一种布局模式，它通过display: flex;设置在容器上，然后利用一系列的属性来控制子元素的排列和对齐方式。以下是常用的Flex布局属性： display display: flex;：将容器指定为弹性容器。 flex-direction flex-di 阅读全文
posted @ 2023-12-12 11:51 启航黑珍珠号 阅读(234) 评论(0) 推荐(0)
SpringBoot + Vue + Element 前后端分离的管理后台项目简单入门
摘要：这篇文章讲讲如何写一个简单的前后端分离的项目。技术栈用到了 Springboot 、 Vue 、element-UI 整合了 Mybatis 做一个管理后台数据的增删改查。 一.准备工作 ① 环境搭建 安装 node.js，可以默认安装以及自定义安装(自行选择)，配置系统环境变量。由于新版的 nod 阅读全文
posted @ 2022-01-18 11:49 启航黑珍珠号 阅读(14164) 评论(14) 推荐(6)