自定义博客皮肤VIP专享

*博客头图：

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

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

博客底图：

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

栏目图：

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

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览 取消 提交

自定义博客皮肤

-+
上一步保存

m0_48968874的博客

  • 博客(58)
  • 收藏
  • 关注
排序：
按最后发布时间
按访问量
RSS订阅

原创 原生微信小程序 使用默认导航栏 特定页面隐藏导航栏左侧的返回/home按钮 - wx.reLaunch + wx.hideHomeButton

使用微信小程序的默认导航栏，在特定页面隐藏导航栏左侧的返回/home按钮效果。

2024-04-29 08:00:00 199

原创 Element Plus - el-table table组件修改表格背景色等样式之后导致右侧出现白色竖线的处理

Element Plus - el-table table组件修改表格背景色等样式之后导致右侧出现白色竖线的处理效果。

2024-04-24 08:00:00 209

原创 git 新建仓库并将本地项目上传到代码管理平台 - 以码云为例（图文版）

双击新建的文件夹 ，点击鼠标右键，选择git bash here。注：看不到.git文件夹的，可以点击查看勾选隐藏的项目即可看到。后续本地文件有变动需要提交至远程仓库按照以下四步执行即可。在码云刷新网页，即可看到刚刚提交的文件信息。刚刚新建的文件夹会有一个.git文件夹。注：在码云复制仓库地址。

2024-04-22 08:00:00 724

原创 CSS 设置背景图片

背景图可能没有完全显示。背景图可能没有完全显示。

2024-04-18 10:46:11 164

原创 ECharts 仪表盘 label和刻度线根据值数据内容动态颜色变化 - 以空气质量指数为例

Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

2024-04-15 08:00:00 359

原创 Vue3 ECharts Uncaught(in promise)Error: Initialize failed: invalid dom.at Module.init2(echarts.js:22

一开始使用的根据ID获取节点，无论是使用onMouted，还是nextTick，甚至是onMouted + nextTick，都获取不到dom节点，使用ref即可。

2024-04-08 08:00:00 374

原创 Vue3 ECharts Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘) + (reading ‘0‘

使用ResizeObserver监听ECharts宽高变化，出现了以下两种报错，外加图表与数据错位的问题。

2024-04-01 08:00:00 322

原创 Vue3 封装ECharts 组件 抽离复用 包含图表随着窗口宽高变化而变化

避免重复的代码造成冗余，抽离封装提高复用性代码逻辑更加清晰，方便后期维护Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

2024-03-25 08:00:00 855

原创 Vue mqtt 附在线mqtt客户端地址 + 完整示例

目录一、介绍 1、官方文档 1）npm网 2) 中文网MQTT中文网_MQTT 物联网接入平台-MQTT.CN2、官方示例二、准备工作1、安装依赖包 2、示例版本 三、使用步骤1、在单页面引入 ' mqtt'四、完整示例tipsmqtt - npmmqtt - npmA library for the MQTT protocol. Latest version: 5.3.4, last published: a month ago. Start using mqtt in you

2024-03-18 08:00:00 724

原创 Vue ECharts line3D点击空白处重置图表视角- 附完整示例

Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

2024-03-11 08:00:00 1592

原创 CSS 鼠标移入放大的效果

【代码】css 鼠标移入放大的效果。

2024-03-04 08:00:00 369

原创 Vue3 路由配置 + 路由跳转 + 路由传参（动态路由传参 + 普通路由传参）

介绍 | Vue RouterVue.js 的官方路由。

2024-02-26 08:00:00 1554

原创 Vue3 provide + inject

Vue.js - 渐进式的 JavaScript 框架。应用实例 API | Vue.js。

2024-02-19 08:00:00 270

原创 ES6 数组双重遍历，将条件相等的元素重新赋值

【代码】ES6 数组双重遍历，将条件相等的元素重新赋值。

2024-02-12 08:00:00 504

原创 Vue ECharts 散点图上画一个圆形 - 附完整示例

Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

2024-02-05 08:00:00 788

原创 Vue ECharts X轴 type为value的数据格式 + X轴固定间隔并向上取整十位数 - 附完整示例

Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

2024-01-29 08:00:00 1030

原创 JS 用 setInterval 解决 setTimeout 导致浏览器崩溃的问题

在项目中的某个页面用到了定时器，并在页面销毁前清除定时器，但是失效了，在切换页面后定时器仍然在执行，导致浏览器内存消耗过大而崩溃。替换 setTimeout。

2024-01-24 17:16:46 478

原创 Vue Ant Design Vue table customRow + rowClassName 设置行属性 + 表格行的类名（带斑马纹和默认选中第一条数据） - 附完整示例

Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.jsAnt Design Vue — An enterprise-class UI components based on Ant Design and Vue.jsAn enterprise-class UI components based on Ant Design and Vuehttps://3x.antdv.com/components/t

2024-01-22 08:00:00 635

原创 Math.ceil + Math.max 找出数组最大值并向上取整十位数或者整百位数

根据需求选择向上取多少位数，如图所示。

2024-01-17 10:50:02 357

原创 CSS 一行三列布局，可换行（含grid网格布局、flex弹性布局/inline-block布局 + 伪类选择器）

注：inline-block 可替换成 inline-grid / inline-table / inline-flex(inline-flex额外加上justify-content: space-around / space-evenly)

2024-01-15 08:00:00 958

原创 Vue3 watch 监听基本数据类型、数组、对象（属性）、Props、多个数据的写法

【代码】Vue3 watch 监听基本数据类型、数组、对象（属性）、Props、多个数据的写法。

2024-01-08 08:00:00 1001

原创 qs.stringify 使用arrayFormat属性 + allowDots的数据处理 - 附示例

二、准备工作。

2024-01-01 08:00:00 621 2

原创 Vue ECharts 多折线图只有一条X轴（合并X轴数据并去重排序） - 附完整示例

Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

2023-12-25 08:00:00 596

原创 css 超过一行/多行显示省略号... - 附示例

效果。

2023-12-22 11:36:26 679

原创 JS new Date() 年月日时分秒的日期时间格式排序

new Date()获取带有格式的时间。

2023-12-18 08:00:00 547

原创 Vue Ant Design Vue table customCell 设置单元格属性（带斑马纹） - 附完整示例

Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.jsAnt Design Vue — An enterprise-class UI components based on Ant Design and Vue.jsAn enterprise-class UI components based on Ant Design and Vuehttps://3x.antdv.com/components/t

2023-12-11 08:00:00 1319

原创 Vue+Ant Design of Vue+ECharts 图表跟随父元素的宽高变化重新渲染-resize()/element-resize-detector/ResizeObserver-附完整示例

目录效果一、介绍 1、官方文档（1）Ant Design Vue（2）echarts（3）element-resize-detector（4）Resize Observer 二、准备工作1、安装依赖包 2、示例版本 三、使用步骤1、ant-design-vue 1.1、在main.ts引入2、ecahrts 2.1、在单页面引入 ' echarts ' 2.2、指定容器并设置容器宽高3、resize 3.1、window的resize事件注：有局限性，

2023-12-04 08:00:00 1764

原创 JS Vue input type=“color“ change事件 改为 input事件 更改颜色立即生效 - 附示例

input：type="color" input事件效果。

2023-11-27 08:00:00 553

原创 Vue ECharts bar柱状图 动态生成渐变色 - echarts.graphic.LinearGradient + 圆角半径 - barBorderRadius - 附完整示例

Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

2023-11-20 08:00:00 506

原创 Vue Ant Design of Vue tree 已选中的节点再次点击保持高亮

效果注：也可以在浏览器中使用 和 标签直接引入文件，并使用全局变量 。Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.js2、具体使用 - 准备数据2、example.vue

2023-11-13 08:00:00 300

原创 Vue Ant Design Vue table pagination - 表格分页

Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.jsAn enterprise-class UI components based on Ant Design and Vuehttps://3x.antdv.com/components/pagination-cn/注：也可以在浏览器中使用 和 标签直接引入文件，并使用全局变量 。Ant Design Vue — An enterprise

2023-11-06 08:00:00 297

原创 Vue ECharts 预设颜色数组，循环显示，强制设置坐标轴分割间隔，坐标轴的每一项都显示- 附完整示例

Apache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

2023-10-30 08:00:00 312

原创 JS parseFloat() + Number() + toFixed()，支持字符串类型的数据最多保留两位小数，并取整或保留一位小数

【代码】Js parseFloat() + Number() + toFixed()，支持字符串最多保留两位小数，并取整或保留一位小数。

2023-10-24 16:33:33 171

原创 Vue Ant Design Vue table customRender()函数 + h()函数

生成复杂数据的渲染函数，参数分别为当前行的值，当前行数据，行索引。

2023-10-23 08:00:00 5038

原创 Vue VueUse-基于Vue组合式API的实用工具集

2、示例版本三、使用步骤1、在单页面引入 '@vueuse/core'2、具体使用（1）useDebounceFn（2）useClipboard注：复制还可以用插件 - clipboard.js，具体使用可参照这篇博客Js Vue 一键复制文本内容 - clipboard.js（兼容谷歌等主流浏览器）- 附完整示例_clipboard.js vue_Web - Nancy的博客-CSDN博客

2023-10-16 08:00:00 2452

原创 Vue Day.js - 处理日期和时间的格式化插件 - 附完整示例

Day.js中文网Day.js中文网Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。

2023-10-09 08:00:00 725

原创 Vue ECharts 动态设置多y轴相同的最大值（包含是否连接空数据，统一的最大值向上取整，强制设置坐标轴分割间隔，设置每条y轴的index）- 附完整示例

Apache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

2023-09-28 08:00:00 880

原创 JS Vue 排序，包含汉字，日期，英文/英文混合数字（localeCompare，new Date / Date.parse、sort）

效果1、table（1）排序前（2）排序后（以年龄排序为示例）（1）排序前（2）排序后。

2023-09-25 08:00:00 296

原创 Node.js 下载安装环境配置 - 图文版

1、官方文档Node.js 中文网Node.js注：1、“-g”等同于“–global”，“-g” 是全局安装，不加“-g”就是默认下载到当前目录。“-g” 表示安装到之前设置的目录下，同时nodejs会自动地在node_global文件夹下创建子文件夹， 即自动载到“D:\devTool\nodejs\node_global\node_modules” 路径下2、以管理员身份运行项目中有有node_modules，直接用管理员身份运行vscode，或者重启一下电脑就可以了；项目中没有。

2023-09-18 08:00:00 346 1

原创 JS Vue 汉字转拼音 —— pinyin-pro （包含提取拼音首字母，多音字，自定义拼音等）- 附完整示例 + 附源码

介绍 | pinyin-pro介绍 | pinyin-projs汉字转拼音库。获取中文拼音、韵母、声母、声调、首字母，支持拼音匹配。

2023-09-11 08:00:00 2251

空空如也

空空如也

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

TA关注的人

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