自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【以横向条形图的形式展示不同停机坪(Y轴)在一天24小时(X轴,0-24点)内的状态变化】

要实现效果以横向条形图的形式展示不同停机坪(Y轴)在一天24小时(X轴,0-24点)内的状态变化。能够清晰看到每个停机坪在哪些时间段是被占用的,哪些是空闲的。支持多任务段与空隙处理:通过 convertData函数动态生成系列数据,支持一个停机坪在同一天内有多个不连续的任务段(例如:上午作业,中午空闲,下午维护)。利用“透明占位系列”(gap-i)和任务系列task−{i})堆叠的方式,正确渲染任务之间的时间间隔(空隙),确保时间轴的准确性。

2026-04-13 17:54:44 231

原创 天气预报-echarts-vue

【代码】天气预报-echarts-vue。

2026-03-02 14:35:36 89

原创 git临时保存工作区和暂存区的修改,以便在需要时恢复。它常用于切换分支、紧急修复或尝试不同方案时保留当前进度

git stash 命令用于临时保存工作区和暂存区的修改,以便在需要时恢复。它常用于切换分支、紧急修复或尝试不同方案时保留当前进度。‌git stash如果需要包含未跟踪的文件(如新创建的文件),可使用 -u 参数;包含所有文件(包括被忽略的)则使用 -a(-a 或 --all:除了未跟踪的文件外,还会将忽略文件(.gitignore 文件中列出的文件)保存到 stash 中。

2025-12-19 14:47:48 388

原创 vue2将png格式图片转为bmp格式并导入喷码枪中使用

2.二进制处理: 使用DataView和ArrayBuffer直接操作二进制数据构建BMP文件。这样的实现能够生成标准的BMP格式文件,解决了喷码枪无法识别文件的问题。1.格式转换: 将PNG格式转换为BMP格式,提高与喷码枪的兼容性。3.内存管理: 正确释放创建的对象URL避免内存泄漏。4.错误处理: 包含完整的错误处理机制。

2025-12-17 15:14:16 271

原创 在 Vue 2 中实现 “点击下载条码 → 打开新窗口预览 → 自动唤起浏览器打印” 的功能

【代码】在 Vue 2 中实现 “点击下载条码 → 打开新窗口预览 → 自动唤起浏览器打印” 的功能。

2025-11-24 16:11:02 274

原创 vue2不同用户在一个浏览器登录互不影响

实现方式:核心原理 Session Storage 隔离:使用 sessionStorage 存储当前会话用户标识和 token,每个标签页独立 Cookie 前缀隔离:使用 user_{username}_ 前缀为每个用户单独存储记住密码信息 Token隔离存储:将每个用户的 token 以 token_{username} 为键存储在 sessionStorage 中工作流程1.用户在标签页A登录用户A,在标签页B登录用户B。

2025-11-18 11:28:40 264

原创 rem 适配方案

rem 是相对于根元素 HTML 的 font-size 计算的单位,我们可以根据屏幕宽度动态调整根字体大小。

2025-08-15 15:47:29 278

原创 vue3中el-table表头筛选

vue3中el-table表头筛选

2025-07-23 13:50:10 1036

原创 环形饼状图

环形饼状图

2025-07-15 16:39:57 228

原创 echats实现天气预报+折线

echats实现天气预报+折线

2025-07-08 11:38:16 338

原创 vue3单独封装表单校验函数

useValidator().customByteLengthRange ({ min: 4, max: 20 }) // 汉字按 2 字节计算,英文字符按 1 字节计算。vue组件内使用方法,useValidator()上面封装的.ts函数。1.在页面中建一个.ts文件。

2025-06-07 11:54:12 347

原创 Node.js版本升级/降级

输入命令行 nvm ls 查看你安装的所有node.js版本号,以及你当前所选择的node.js运行版本安装成功后,输入命令行nvm use node版本号,即可选择你本地所使用的Node.js版本,使用此命行可以根据你自己的需要随意切换node.js版本运行。3.如果想删除某node.js版本的话,输入命令行nvm uninstall node版本号,即可删除对应版本。

2024-10-25 14:56:30 1951

原创 使用elementplus中的分页器,后端一次性返100条数据,前端自己做分页处理,vue3写法

【代码】使用elementplus中的分页器,后端一次性返100条数据,前端自己做分页处理,vue3写法。

2024-09-23 10:34:21 687 1

原创 vue3中elementplus的table表格高度自适应

本文介绍了一种在Vue.js中实现表格高度动态调整的方法,通过监听窗口大小变化,根据表格元素的位置和浏览器窗口高度实时计算表格的高度,确保表格始终充满屏幕空间。

2024-09-20 15:56:59 768

原创 vue3ElementPlus使两个日期联动控制(开始日期不能晚于结束日期一个月外,结束日期的可选范围在开始日期的一个月之内)

vue3ElementPlus两个日期联动控制(限制结束时间为开始时间的一个月),以使日期选择器正常工作。

2024-09-18 14:59:12 896

原创 element-plus 自动搜索 el-autocomplete,异步请求不显示结果

element-plus 自动搜索 el-autocomplete,异步请求不显示结果

2024-09-10 10:39:58 768

原创 HubliderX将Vue3离线包打包生成App,以及解决打包后的APP出现白屏的问题(简单示例)

将vue3离线包打包生成app

2024-09-04 15:41:59 1909

原创 echarts折线图背景颜色渐变

echarts折线图背景色渐变

2024-08-05 11:28:39 1846

原创 echarts横向柱状图

echarts横向柱状图

2024-08-05 11:22:23 423

原创 echarts图例旁边加百分比及百分比对齐

echarts图例旁边加百分比及百分比对齐

2024-08-05 11:16:51 1605

原创 【Visual Studio Code】源代码管理 传入/传出 更改配置开关

vscode关闭传入传出

2024-08-05 10:44:01 652

原创 vue文字走马灯

走马灯

2024-06-27 10:08:14 520

原创 element-plus el-table树形 懒加载 删除子节点刷新

el-table懒加载更新子集数据

2024-06-24 14:45:43 1046

原创 vscode开发uni-app时,pages.json和manifest.json飘红

千万不要把所有 json 文件都关联到 jsonc 中,你感觉在 json 中都能写注释了,比以前更好用了,其实不然,json 就是 json,jsonc 就是 jsonc,严格 json 文件写了注释就会报错。我们把 pages.json 和 manifest.json 这两个文件指定使用 jsonc 的语法即可,然后就以写注释了。例如,package.json 写了注释在编译的时候,是会报错的,因为 package.json 就是严格 json 文件,不能写注释。

2024-05-14 17:28:10 664 1

原创 json-server的安装和使用

json-server安装及使用

2024-05-08 00:36:59 698 1

原创 前端文件上传

在实际工作中前端相互传输文件时,前端会采用二进制,文本格式或者base64传输,要了解前端文件格式有哪些和这些格式之间怎么转换,先熟悉以下概念:files:文件对象的API,有很多对文件的操作方法,可在w3c官方文档查看Blob:不可变的二进制对象API,包含很多操作方法,和file基本有一样的操作方法FormData:用于和后端传输文件的对象,是一种采用键值对传递数据的APIFileReader:多用于把文件读取为某种形式的API,如base64,txt文本。

2024-03-28 15:16:19 534

原创 Zustand极简的状态管理工具

Zustand极简的状态管理工具

2024-03-19 17:48:51 1099

原创 vue菜单权限

菜单权限

2024-03-04 19:06:11 433 2

原创 按钮权限实现-自定义指令

按钮权限实现-自定义指令

2024-03-04 18:51:25 561

原创 vue3通过ref调用子组件方法,第一次点击报找不到该方法,ref和v-if冲突

vue3通过ref调用子组件方法,第一次点击报找不到该方法,ref和v-if冲突

2024-01-19 18:58:15 2509

原创 uni-app订单详情页导航栏交互

uni-app订单详情页导航栏交互

2024-01-19 18:37:24 1042

原创 uni-app购物车页面详细代码

这里的购物车加减用的是uni-app中的sku插件。

2024-01-15 19:33:05 1611

原创 在uni-app中使用sku插件,实现商品详情页规格展示和交互。

在uni-app中使用sku插件,实现商品详情页规格展示和交互。

2024-01-15 16:18:47 2786

原创 uni-app修改头像和个人信息

uni-app修改头像及个人信息

2024-01-12 18:03:18 1399

原创 uni-app分包预下载

uni-app分包下载

2024-01-10 18:44:24 743

原创 uni-app实现一键登录(企业版:因为获取手机号功能**目前针对非个人开发者**,所以个人开发者无法唤起获取手机号界面)

uni-app实现一键登录

2024-01-10 17:43:09 746 1

原创 uni-app中轮播图实现大图预览

uni-app实现大图预览

2024-01-09 22:37:22 1201

原创 uni-app中tab触底更新交互

uni-app中tab触底更新交互

2024-01-09 17:17:22 441

原创 tab分页高亮切换及tab交互

tab分页高亮切换及tab交互

2024-01-09 16:06:07 857

原创 uni-app如何生成骨架屏

uni-app如何生成骨架屏

2024-01-08 23:02:33 1201

空空如也

空空如也

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

TA关注的人

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