- 博客(71)
- 收藏
- 关注
RSS订阅原创 解决dataV不适配Vue3 + Vite - npm install @jiaminghi/data-view之后启动项目报错的问题 - @kjgl77/datav-vue3 - 附完整示例
npm install @jiaminghi/data-view之后启动项目有报错，发布到线上的生产环境是自动化构建的，为了避免npm install也会有开发环境的报错问题，故因此记录
2024-07-22 08:00:00
338
原创 Vue3 + Vite 引入dataV - Internalserver error:＜template v-for＞ key should be placed on the ＜template＞
大屏需要使用dataV的边框及装饰，因此在Vue3 + Vite的项目中引入dataV具体的安装请看这里。
2024-07-15 08:00:00
369
1
原创 ES6 字符串常用方法 includes、startsWith、endsWith、repeat、padStart、padEnd、trimStart、trimEnd、replaceAlll、at...
ES6：全称为ECMAScript 6，是ECMAScript的第6版本，是 JavaScript 语言的下一代标准，2015 年 6 月正式发布。ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）在标准ECMA-262中定义的脚本语言规范。
2024-07-08 08:00:00
910
原创 Vue3 Vite 生产环境如何移除项目中的console + 其他生产日志 + sourcemap
Vue3 Vite 生产环境如何移除项目中的console + 其他生产日志 + sourcemap
2024-07-01 08:00:00
449
原创 Vue3 ECharts tooltips动态循环依次展示数据
Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2024-06-24 08:00:00
521
原创 局域网 他人根据ip访问不了你的本地网页 即使是在ip能够ping通的情况下的解决办法
局域网 他人根据ip访问不了你的本地网页 即使是在ip能够ping通的情况下的解决办法
2024-06-12 15:15:17
196
原创 git add . warning: in the working copy of ‘yarn.lock‘, LF will be replaced by CRLF the next time Git
文件中，行尾的LF（Line Feed，换行符）将被替换为CRLF（Carriage Return + Line Feed，回车换行）。这是因为Git的自动转换配置默认情况下会根据你的操作系统将LF和CRLF之间进行转换。注：选择哪种解决方案取决于你的开发环境和团队规范。通常，保持一致性是最重要的，但你也需要考虑是否有特定的需求或环境限制。这个警告信息通常出现在使用。4、如果你不想看到这个警告，也可以通过设置。命令时，提示在工作副本中的。
2024-06-03 08:00:00
705
原创 原生微信小程序事件传参 - bindtap + data-*（包含多参数传参）- 附完整示例
原生微信小程序事件传参 - bindtap + data-*（包含多参数传参）
2024-05-26 08:00:00
1013
1
原创 原生JS 实现验证码倒计时 - 附带CSS的相关配置 + 完整示例
在我们的日常生活中，互联网已经深入到方方面面，无论是与银行卡相关的验证，还是日常聊天软件的登录，都需要验证码，因此，验证码获取的倒计时按钮应运而生。
2024-05-13 08:00:00
240
原创 原生微信小程序 使用默认导航栏 特定页面隐藏导航栏左侧的返回/home按钮 - wx.reLaunch + wx.hideHomeButton
使用微信小程序的默认导航栏，在特定页面隐藏导航栏左侧的返回/home按钮效果。
2024-04-29 08:00:00
458
原创 Element Plus - el-table table组件修改表格背景色等样式之后导致右侧出现白色竖线的处理
Element Plus - el-table table组件修改表格背景色等样式之后导致右侧出现白色竖线的处理效果。
2024-04-24 08:00:00
271
原创 git 新建仓库并将本地项目上传到代码管理平台 - 以码云为例（图文版）
双击新建的文件夹 ，点击鼠标右键，选择git bash here。注：看不到.git文件夹的，可以点击查看勾选隐藏的项目即可看到。后续本地文件有变动需要提交至远程仓库按照以下四步执行即可。在码云刷新网页，即可看到刚刚提交的文件信息。刚刚新建的文件夹会有一个.git文件夹。注：在码云复制仓库地址。
2024-04-22 08:00:00
2004
原创 ECharts 仪表盘 label和刻度线根据值数据内容动态颜色变化 - 以空气质量指数为例 - 附完整示例
Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2024-04-15 08:00:00
868
原创 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
772
原创 Vue3 ECharts Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘) + (reading ‘0‘
使用ResizeObserver监听ECharts宽高变化，出现了以下两种报错，外加图表与数据错位的问题。
2024-04-01 08:00:00
417
1
原创 Vue3 封装ECharts 组件 抽离复用 包含图表随着窗口宽高变化而变化 - 附完整示例
避免重复的代码造成冗余，抽离封装提高复用性代码逻辑更加清晰，方便后期维护Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2024-03-25 08:00:00
1077
原创 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
1320
原创 Vue ECharts line3D点击空白处重置图表视角- 附完整示例
Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2024-03-11 08:00:00
1685
原创 Vue ECharts 散点图上画一个圆形 - 附完整示例
Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2024-02-05 08:00:00
1053
原创 Vue ECharts X轴 type为value的数据格式 + X轴固定间隔并向上取整十位数 - 附完整示例
Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2024-01-29 08:00:00
1338
原创 JS 用 setInterval 解决 setTimeout 导致浏览器崩溃的问题
在项目中的某个页面用到了定时器，并在页面销毁前清除定时器，但是失效了，在切换页面后定时器仍然在执行，导致浏览器内存消耗过大而崩溃。替换 setTimeout。
2024-01-24 17:16:46
613
原创 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
1038
原创 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
2029
原创 Vue3 watch 监听基本数据类型、数组、对象（属性）、Props、多个数据的写法
【代码】Vue3 watch 监听基本数据类型、数组、对象（属性）、Props、多个数据的写法。
2024-01-08 08:00:00
2301
原创 Vue ECharts 多折线图只有一条X轴（合并X轴数据并去重排序） - 附完整示例
Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2023-12-25 08:00:00
780
原创 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
2210
原创 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
2350
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人