- 博客(228)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 uni-app引用echarts
1.首先在uni-app中不支持包下载所以得自己先新建一个项目，然后进入到这个目录下，执行npm init，接下来一路回车即可。2.下载所需要的库npm install echarts mpvue-echarts --save3.引用（5是页面代码）import echarts from '@/components/echarts/echarts.vue';下面的是echarts.vue的代码 、代码里script.src = './static/echarts.min...
2020-05-14 17:16:44
57778
92
原创 Table 点击单元格编辑并获取对应的行列
如何进行编辑单元格数据：在table中的td中加入contentEditable='true' 就可以进行编辑单元格了如何点击时获取单元格对应的行列：在table中加入onclick事件 列入：<table onclick="TabClick()" class="hovertable" style="margin:0px auto;" id="lousj">...
2019-10-31 14:12:28
2492
原创 微信小程序获取用户的头像和昵称
JS // 获取小程序实例var app = getApp()var sourceType = [['camera'], ['album'], ['camera', 'album']]var sizeType = [['compressed'], ['original'], ['compressed', 'original']] Page({// 数据da...
2018-08-23 11:19:46
8687
原创 小程序 获取当前位置和天气
bmap-wx.min.js //直接复制就好"use strict";function _classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function t(t,a){for(var e=...
2018-07-03 14:03:14
6659
原创 vue3中 function getText(){} 、 const getText=()=＞{} ；区别在哪里，优缺点
Vue3中函数声明与箭头函数的区别：在OptionsAPI的methods中必须使用函数声明以保持组件this绑定，而CompositionAPI中两者功能等价。箭头函数语法简洁适合单行表达式和回调，但无法作为构造函数；函数声明支持递归和arguments对象。实践建议：methods用函数声明，setup中的工具函数和计算属性推荐箭头函数，事件处理两者皆可。选择主要取决于代码场景和团队规范。
2026-05-09 16:15:58
226
原创 a-table 冻结列导致边框
这段CSS代码定义了一个任务管理表格的样式，主要包括以下内容：1. 设置表格边框颜色为#b6c3cf；2. 表头样式包括背景色、字体大小和高度；3. 表体行高、内边距和悬停效果；4. 分页器样式调整；5. 自定义滚动条样式，包括轨道、滑块和交叉角；6. 冻结列的特殊样式处理，如阴影效果；7. 表头滚动条隐藏处理。整体采用蓝灰色调，注重表格的可读性和交互体验。
2026-04-26 18:18:42
52
原创 a-table 滚动条占位
摘要：修复表格滚动条区域显示问题。移除scroll属性中的动态高度计算{y:'calc(100vh-310px)'}，避免数据量少时出现空白区域。同时设置.ant-table-body{overflow-y:auto!important}强制启用垂直滚动条。该修改优化了表格在不同数据量情况下的显示效果，确保滚动区域与实际内容高度匹配。（99字）
2026-04-25 11:05:33
27
原创 在 Vue 项目中配置 postcss-preset-env
Vue项目中配置postcss-preset-env的两种方案：对于VueCLI(Webpack)项目，需安装依赖并配置postcss.config.js，支持CSS变量、嵌套规则等特性，特别注意外部CSS变量文件需配置importFrom；对于Vite项目，可直接在vite.config.js中配置或使用独立的postcss.config.js。两种方案都需指定浏览器版本和特性阶段，Vite已内置PostCSS支持。配置生效后，CSS会自动添加兼容性处理，如为CSS变量生成兜底值。关键配置选项包括stag
2026-04-15 17:40:32
262
原创 jeecgboot 接口方法的一些属性
JEECGBoot的defHttp请求配置详解：joinParamsToUrl属性控制POST请求参数是否拼接到URL（默认false）；isTransformResponse决定是否转换响应数据（默认true）；isReturnNativeResponse设置是否返回完整响应对象（默认false）。其他配置包括自动添加接口前缀、日期格式化、GET请求时间戳等。配置支持全局默认和单个请求覆盖，优先级为单次配置>全局配置。这些属性可灵活适应不同接口需求，如特殊参数传递方式或自定义响应处理。
2026-04-14 10:36:46
30
原创 flex布局和grid布局区别
CSS布局系统Flexbox和Grid各有特点：Flexbox适合一维布局（单行/列），主要用于组件内部对齐（导航栏、卡片列表），采用内容驱动方式；Grid则擅长二维布局（行列同时控制），适合整体页面架构和复杂网格系统，采用布局驱动方式。Flexbox通过主轴/交叉轴对齐项目，Grid则通过网格轨道分配空间。实际开发中常结合使用：Grid搭建页面骨架，Flexbox处理组件细节。两者互补而非竞争，根据布局维度（一维用Flexbox/二维用Grid）和需求选择即可。
2026-03-31 16:13:22
240
原创 JavaScript 数组与对象过滤方法完全指南
本文系统介绍了JavaScript中的数组和对象过滤方法。数组过滤包括filter()、find()、findIndex()等常用方法，以及every()和some()等条件检测方法；对象过滤涵盖键值过滤、深度过滤等技巧。文章还提供了高级过滤技巧（如多条件组合、模糊搜索、去重和分页）和性能优化建议，并封装了常用工具函数。最后通过对比表总结了各方法的特点，为开发者提供了全面的数据过滤解决方案。
2026-02-28 14:51:53
143
原创 Vue Router 的导航守卫
这段代码用于在VueRouter导航守卫中重定向到当前路径但更新查询参数。它保持原路径和hash不变，用新的restQuery替换原查询参数，并通过replace:true避免产生历史记录。例如将/dashboard?token=abc123重定向为/dashboard?token=newToken456且不保留原URL记录。核心功能是"刷新当前页面只更新查询参数，不留历史记录"。
2026-01-28 18:01:09
184
原创 echarts 柱状图曲线图
"7月", "8月", "9月", "10月", "11月", "12月"],data: ["1月", "2月", "3月", "4月", "5月", "6月",/* ===== 月度计划 bar + 上下菱形 ===== *//* ===== 月度完成 bar + 上下菱形 ===== *//* ===== 年累计划 / 年累完成 折线 ===== */name: "月度计划",name: "月度计划",name: "月度完成",name: "月度完成",name: "月度完成",
2026-01-09 17:42:02
836
原创 echarts 柱状图包含右侧进度
该代码实现了一个深蓝色背景的柱状图，展示四个标段(ZSZQ-1至4标)在"选"(右轴)、"培"、"考"三个维度的数据对比。图表采用双Y轴设计，左侧显示"培"和"考"的绝对数值，右侧显示"选"的百分比数据。三个数据系列分别用不同颜色区分："培"为绿色、"考"为橙色、"选"为蓝色带半透明背景。图表包含图例、坐标轴标签和提示框，整体采用
2026-01-08 16:51:15
645
原创 Promise 包含的属性
摘要：Promise对象提供了处理异步操作的属性和方法，包括实例属性（constructor、toStringTag）和方法（then、catch、finally），以及静态方法（all、race等）。其中Promise.all能并发执行多个异步操作，保持结果顺序，任一失败即整体失败。静态方法如allSettled、any等提供不同处理策略，resolve/reject可创建已解决/拒绝的Promise。示例展示了Promise.all处理多个异步请求的典型用法和错误处理方式。
2025-12-30 19:50:19
311
原创 cesium 根据经纬度高度进行额度补偿
该代码实现了一个相机位置设置功能，基于给定经纬度(lat,lon)和角度(du)计算新的观察点位置。主要步骤包括：使用turf.js计算距原点6001.732米、角度补偿后的目标点坐标，然后将Cesium相机定位到该点上方1000米处，设置相机方向(含90度补偿值)、-45度俯仰角。关键参数包括：90度的offsetvalue补偿值、6001.732米的观察距离，这些参数可根据实际需求调整。最终实现从计算点以指定角度和高度观察目标位置的3D场景效果。
2025-12-25 11:18:56
396
原创 echarts的legend记录selected
本文介绍了一个基于Vue 3和TypeScript的ECharts折线图组件实现。该组件具有以下核心功能：1) 响应式数据更新，通过watch监听数据变化自动更新图表；2) 自适应容器大小，添加了窗口resize事件处理；3) 支持多系列数据显示，内置颜色方案；4) 实现图例状态持久化，使用sessionStorage保存用户选择；5) 包含完善的错误处理和日志输出。组件采用Composition API编写，通过props接收数据配置，并在销毁时自动清理图表实例和事件监听器。
2025-12-14 13:42:42
123
原创 sessionStorage
摘要：sessionStorage是浏览器提供的临时客户端存储，特点包括：1）数据仅保存在当前标签页，关闭即清除；2）存储容量约5MB；3）仅支持字符串，需JSON转换处理对象；4）提供setItem/getItem等基础API。与localStorage相比，sessionStorage具有会话级的生命周期和标签页隔离性，适合存储临时表单数据、SPA应用状态等短期信息。使用时需注意：不可靠存储敏感数据，隐私模式可能受限，且存在XSS攻击风险。
2025-12-12 13:08:25
326
原创 jeecgboot 模糊查询
在JeecgBoot框架中进行模糊查询时，可以通过在字段值前后添加**来实现模糊匹配。例如对于RiskSourceName字段，可使用模板字符串*${RiskSourceName.value??''}*，其中??''处理空值情况，确保查询语句的健壮性。这种方式能有效扩展查询范围，匹配包含特定字符序列的所有记录。注意在实际SQL中可能需要转换为%通配符，具体取决于底层数据库实现。
2025-12-01 11:50:32
162
原创 【Vue3】 中的 【unref】：详解与使用
Vue3的unref函数是一个实用工具，用于简化响应式数据的处理。它能够自动判断传入值是否为ref对象，若是则返回其.value值，否则直接返回原值。unref在函数参数处理、computed属性和watch监听等场景中特别有用，能避免手动.value操作，使代码更简洁。此外，它还能正确处理嵌套在reactive对象中的ref，并保持类型推断的准确性。通过使用unref，开发者可以更高效地处理Vue3中的响应式数据，提升代码的可读性和一致性。
2025-11-14 16:01:44
805
原创 vue甘特图
本文介绍了一个基于Element UI的工序写实图例详情弹窗组件。该组件采用甘特图形式可视化展示隧道施工中的各工序时间分布，包括钻孔、装药、出渣等7个主要工序节点。组件主要功能特点： 可视化展示：通过彩色进度条展示各工序时间段，支持状态颜色区分（未开始、进行中、已完成、已跳过） 交互功能： 支持工序段悬浮提示，显示详细信息 响应式设计适配不同屏幕 滚动加载更多数据 技术实现： 使用Vue3+TypeScript开发 动态计算时间轴刻度 支持工序状态颜色映射 实现工序段位置自动计算 该组件适用于隧道施工进度可
2025-11-10 11:30:17
212
原创 echarts类型的甘特图
本文展示了一个基于Vue 3和ECharts的甘特图组件实现。该组件通过el-dialog弹窗展示工序进度，主要功能包括： 组件核心是一个可定制的弹窗，包含关闭按钮和ECharts图表区域 使用ECharts绘制甘特图，支持四种状态显示（已完成、进行中、未开始、已跳过），每种状态有对应颜色 数据适配器将原始数据转换为图表需要的格式，并处理时间计算 提供详细的Tooltip显示工序名称、状态、起止时间、用时等信息 响应式设计可随窗口大小调整 通过props接收processId和initialData参数，通
2025-11-07 14:23:31
353
原创 【Vue3】Ref 和 ShallowRef 的区别
Vue3中ref和shallowRef的区别： ref创建深层响应式对象，会递归监听所有属性变化。shallowRef只监听顶层.value引用变化，内部属性不变为响应式。ref适合需要深度响应场景，shallowRef适合性能敏感或只需整体替换的情况。注意避免混用，保持响应式层次一致性。
2025-11-03 16:15:32
395
原创 甘特图示例
本文推荐了Vue3生态中三款优质的甘特图组件：1）企业级功能完备的dhtmlxGantt，支持完整项目管理功能；2）轻量级frappe-gantt（仅20kB），适合基础需求；3）国产中文友好的jordium-gantt-vue3，提供中文文档和开箱即用体验。文章按照功能丰富度、轻量级和中文友好三个维度排序，并给出安装命令和文档链接，帮助开发者根据项目需求快速选择合适的方案。结论中针对不同场景给出具体推荐，实现10分钟内快速集成甘特图功能。
2025-10-30 17:06:58
1090
原创 自定义echarts曲线组件
本文介绍了一个基于Vue 3和TypeScript的ECharts折线图组件实现。该组件通过props接收图表配置参数（id、宽高、X轴数据dataX和Y轴数据dataValue），采用Composition API进行开发。主要特点包括：1) 自动响应数据变化更新图表；2) 完善的错误处理和数据验证；3) 添加了窗口resize事件监听实现自适应；4) 通过nextTick确保DOM更新后初始化图表；5) 优化了tooltip显示格式和图表样式。组件还演示了如何处理passive事件监听器警告，并在销毁时
2025-10-28 16:05:42
300
原创 lodash-es
这段代码展示了使用Lodash库中的三个数组操作方法： chunk - 将数组按指定大小分割成多个子数组 compact - 过滤掉数组中的假值(false, null, 0, "", undefined, NaN) concat - 合并多个数组或值 通过Vue 3的Composition API实现，每个方法都有对应的按钮触发操作并显示结果。输入框设置了自动聚焦和样式修改的自定义指令v-focus。
2025-10-22 13:54:08
964
原创 cesium 根据两个经纬度计算区域
摘要：该代码实现了一个地理边界计算功能，通过输入两个GPS坐标点(point1和point2)，计算最小外接矩形边界。主要包括：1）计算西、东、南、北边界（分别乘以0.001或0.0015系数调整范围）；2）使用Cesium库创建矩形对象；3）将相机定位到该矩形区域。其中，边界值通过比较两个点的经纬度加减调整量得出，最终转换为弧度表示。函数可接收字符串格式的坐标数据，自动转换为数值类型处理。该功能适用于地图可视化中的区域定位需求。
2025-09-23 20:01:08
207
原创 合并相同的行
摘要：这段代码实现了基于Element UI的表格单元格合并功能，通过constructionSiteProcessSpanMethod方法根据bzmc字段值进行行合并。该方法会向下查找相同值的连续行数，若当前行是相同值组的第一行，则返回合并的行数，否则返回不显示。这种实现方式适用于需要按字段值分组显示数据的场景，能有效优化表格的可读性。主要逻辑包括：值比较、合并行数计算和首行判断。
2025-09-15 18:01:52
138
原创 转为百分比
这段代码实现了百分比计算功能，通过先乘以1000再除以10的方式，在保留1位小数时避免精度丢失问题。主要逻辑是：当tyMoney存在且大于0时，计算allMoney占tyMoney的百分比，结果四舍五入保留1位小数；否则返回0。这种计算方式有效解决了浮点数运算可能导致的精度问题。
2025-09-14 16:43:52
142
原创 el-tabel表格自动滚动
摘要：本文介绍了一个基于Vue.js和Element UI的表格组件实现自动滚动功能的代码。通过ref获取表格DOM元素，使用定时器控制scrollTop属性实现平滑滚动，当鼠标移入时暂停滚动，移出时恢复滚动。代码包含表格数据绑定、滚动逻辑、定时器清理以及鼠标事件处理，确保滚动动画在组件卸载时正确清理资源。主要技术点包括Vue3 setup语法、DOM查询和定时器管理。
2025-06-03 11:55:52
530
原创 大屏放大缩小自适应
responsive.ts 是一个用于实现大屏响应式布局的组件和工具集。该组件通过监听窗口尺寸变化，自动调整内容容器的缩放比例，以适应不同屏幕尺寸。组件使用 Vue 3 的 Composition API，结合 vueuse 库的 useWindowSize 方法，实时获取窗口宽高，并通过 getScale 和 setScale 工具函数计算并应用缩放比例。组件支持自定义设计稿尺寸、背景色和背景图片，并提供了多种缩放策略（如 FIT、FILL、WIDTH、HEIGHT）来适应不同的布局需求。工具集还包括初始
2025-05-20 13:26:59
392
1、创建DrawRectangle.js【存放绘制标绘代码】 2、创建EntityEdit.js用来存放编辑类需加载tur
2024-08-12
easyPlayer视频流https://blog.csdn.net/weixin-42120669/article/deta
2024-08-01
uni-app引用echarts-Demo.rar
2020-05-14
echarts.min.js
2020-05-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人