自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 * 判断今天是否在某一段时间内并且大于今天的时间都要显示

该代码实现了一个判断套餐是否应显示的逻辑:1)空或无效日期不显示;2)未来日期显示;3)与当前日期同年月时,仅当套餐日≤当前日显示;4)其他过去日期不显示。核心逻辑通过Moment.js处理日期比较,考虑了多种输入格式(Moment/string/Date)的兼容性。

2025-10-25 11:11:43 86

原创 vue2+ts导出表格

本文介绍了如何使用ExcelJS和file-saver库实现前端Excel导出功能。通过创建formatJson方法格式化数据,并封装exportWithExcelJS方法处理工作簿创建、表头设置、数据填充和文件下载等操作。使用时只需传入表头数组、数据数组和文件名,即可自动生成格式化的Excel文件。该方法支持表头样式自定义、数据格式化处理和自动列宽调整,并提供了错误处理机制。示例展示了如何从表格数据中提取指定字段进行导出。

2025-10-14 15:30:45 308

原创 vue五角星

本文介绍了一个使用Vue和TypeScript实现的五维菱形图表组件。该组件通过Canvas绘制5个不同方向的菱形,每个菱形代表一个数据维度(学业水平、思想品德等),并根据数值(0-10)显示不同大小的渐变填充效果。组件支持响应式数据更新,提供标签位置调整功能,使用橙色渐变配色方案,并确保数据有效性验证。核心功能包括:动态计算渐变颜色、精确控制菱形绘制角度和尺寸、灵活调整标签位置以避免重叠,最终生成美观的五维评估图表。

2025-09-22 09:15:28 112

原创 微信小程序选择图片、视频、音频

该代码实现了一个多媒体上传组件,包含图片、视频和音频处理功能。主要特点包括:1)支持本地选择图片/视频、微信选择文件、录音三种上传方式;2)采用网格布局展示已上传的多媒体文件(最多9个),支持预览和删除;3)内置录音功能,包含开始/停止录音、播放/暂停和删除操作,并显示录音时长;4)通过模态框分层管理不同操作界面,使用图标增强可视化效果。组件针对不同媒体类型(图片、视频、音频)提供了差异化的展示方式和交互控制。

2025-09-15 17:03:41 324

原创 vue+微信小程序 五角星

说明:这个是先画出一个72度菱形,长中长线和短中长线按照一定比例,然后把菱形分层十份,最后再把菱形进行旋转形成五角星,最后显示标签,因为一直对不上所以对标签做了点操作。

2025-08-15 11:42:25 310

原创 vue+微信小程序 算是个花,五角星吧

【代码】vue+微信小程序 算是个花,五角星吧。

2025-08-14 16:18:57 246

原创 vue+微信小程序五角星

五角星分析图

2025-08-14 16:13:50 274

原创 微信小程序进度条cavans

成绩进度条

2025-07-15 17:20:45 244

原创 自定义下拉选择单选/多选

【代码】自定义下拉选择单选/多选。

2025-03-26 17:27:27 212

原创 uniapp使用pinia存储(vue3+ts)

安装pinia和持久化插件。

2024-12-04 16:46:12 876

原创 uniapp+vue3+ts请求接口封装

1.安装luch-request。

2024-12-04 10:18:51 1028

原创 vue3+ts+uniapp微信小程序顶部导航栏

colorui改的导航栏

2024-11-28 10:55:33 563

原创 vue3+uniapp+ts+uni-ui微信小程序新建项目

vue-property-decorator+colorui

2024-11-07 09:45:07 554

原创 element鼠标经过单元格的时候显示按钮并可点击

2.当鼠标指针进入时触发方法拿到参数,其中可以拿到顶部行列的数据,这样可以定位到触发的是哪一个单元格,在数据上用isShow来显示是否显示按钮。1.使用el-table 的@cell-mouse-enter和@cell-mouse-leave方法。

2024-08-23 16:28:47 489

原创 微信小程序 使用canva签字并生成图片底色为黑色的解决方法

2.多个的时候,打开弹窗的时候再重新定义底色。1.初始化的时候加底色。

2024-08-23 16:09:12 846 1

原创 获取两个之间年月和前三月

获取两个年月之间的所有年月和前三个月日期。

2024-04-09 10:01:48 241

原创 登录token没有过期但继续请求问题

原因:在时间对比时,获取的手机时间(手机所显示或设置的时间)不对。

2024-03-29 17:02:34 232

原创 在vscode中创建vue +uniapp+ts+colorui+部分uni-ui项目

5.按需引入uni-ui(官网:https://uniapp.dcloud.net.cn/component/uniui/quickstart.html)(1)直接下载colorui文件下载放入src目录下面(https://www.color-ui.com)4.引入color ui (因为习惯用了所以colorui全局配置,uni-ui按需引入)(4)使用(具体可以直接打开colorui项目按照示例,按需复制粘贴)(3)如果需要全局安装(没全局安装过官网有写)(2)main.ts 引入。

2023-11-10 16:23:42 451

原创 前段开发的一点小总结

小总结

2023-11-10 10:26:44 193

原创 微信小程序实现轮播图可点击切换与滑动切换

这里主要用到了swiper的 current属性,写个点击按钮改变current的值就好了。

2023-10-13 15:37:20 868

原创 wangeditor上传图片视频

wangeditor上传图片视频。

2023-08-04 10:22:22 277

原创 wx小程序的一些事件

微信小程序的一些事件

2023-06-16 10:55:04 174

原创 微信小程序调用百度云的拍照识文

【代码】微信小程序调用百度云的拍照识文。

2023-06-14 09:28:12 354

原创 微信小程序分享图片给微信好友

1.服务器地址:先用wx.downloadFile转为本地地址,再用 wx.showShareImageMenu进行分享。3.需要在微信公众平台对服务器地址进行配置(downloadFile合法域名)2.本地地址直接用wx.showShareImageMenu进行分享。

2023-06-14 09:20:17 3404

原创 无法加载文件 C:\Users\Miss.zhou\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。

以管理员权限打开windows powershell,输入set-ExecutionPolicy RemoteSigned,选择y或者a即可。

2023-04-14 10:15:06 131

原创 修改数组对象的键名键值

修改数组对象的键名键值。

2023-04-07 09:47:16 170

原创 学习抖音小程序第一步

官方文档地址:https://microapp.bytedance.com/docs/intro/create.html。开发平台地址:https://microapp.bytedance.com/单看开发工具和微信开发者工具差不多。

2023-03-29 14:21:26 211

原创 父组件拿到子组件的值

【代码】父组件拿到子组件的值。

2023-03-15 13:49:34 382

原创 小程序开发工具有场景可以模拟消息推送等

小程序开发工具有场景可以模拟消息推送等

2023-03-14 16:55:07 129

原创 token失效不请求接口,所以进不去小程序

token失效不请求接口

2023-03-14 16:51:24 489

原创 onload和cteated执行顺序

onload和created执行顺序,两边打印:created先执行

2023-03-14 16:46:33 936

原创 记录一下客服收不到消息问题

微信小程序客服问题

2023-02-13 14:08:16 1207

原创 wx.previewMedia使用。预览图片和视频

uniapp没有预览图片和视频就用了wx的

2022-10-31 15:07:03 3697

原创 小程序自定义拖动排序(uniapp)

点击拖动:设置可移动区域,循环数组,movable-view写要移动的盒子(用点击事件点击要移动的数据进行克隆,把数据从当前数组中摘取出来放入movable-view进行移动),再利用onChange事件捕捉x,y轴,利用设置的盒子高度和当前获取的y轴数据判断当前数组的下标。2) @touchend(拖动离开事件),movable-view的onChange事件,自定义克隆事件dragChange,自定义顶置事件overheadChange。3.onChange事件捕捉x,y轴,获取移动的下标。

2022-10-18 10:02:45 7388 1

原创 自定义拍照和录视频

第一次写,感觉也还好。有兴趣可以试试

2022-10-14 15:02:39 1830

原创 uniapp学习,多张图片两个数组一个回显数组,一个本地图片数组,如何删除两个数组的某一个。

回显数组和本地数组区分,删除某一张图片

2022-08-10 10:19:46 473

原创 uniapp民族下拉选择

picker

2022-07-28 11:12:49 1114

原创 uniapp遇到的一个苹果拍照线条被挡,安卓不会的情况

小问题大烦恼

2022-07-27 14:54:02 166

原创 拿到[{}]里面的东西

拿到【{}】

2022-07-25 09:47:29 192

原创 uniapp图片选择和上传

图片操作

2022-07-24 13:46:38 1828

空空如也

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

TA关注的人

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