- 博客(87)
- 收藏
- 关注
RSS订阅原创 JS 编码 解码（URL 编码和解码 、 Base64 编码和解码 、 JSON 编码和解码） - 附示例
在JavaScript中，转码和解码通常涉及到将字符串转换为某种格式（如URL编码、Base64编码等），以便在网络传输时保持数据的完整性。下面是一些常见的转码和解码方法：
2024-11-11 08:00:00
842
原创 CSS 箭头图片的动态样式突出数据对比是上升还是下降 - 附完整示例
用箭头图片的动态样式突出数据对比是上升还是下降在日常开发中还是比较常见的，特别是可视化大屏，因此在此记录一下效果。
2024-11-04 08:00:00
113
原创 Vue3 ECharts 使用数据集dataset - 附完整示例
Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2024-10-28 08:00:00
354
原创 Vue3 Element-Plus el-table 表格 自定义列 - 附完整示例
Vue3 Element-Plus el-table 表格 自定义列 - 附完整示例
2024-10-21 08:00:00
1622
原创 原生JS table超过高度可滚动（表头固定，只滚动表格的内容）- 附完整示例
在前端的学习中，使用原生JS的table是很常见的，当内容过多且高度不够时滚动样式是很常见的，故在此记录。效果。
2024-09-30 08:00:00
334
原创 Luckysheet 设置滚动条颜色
Vue3 + element-plus + pinia，默认深色主题，在引用了Luckysheet之后发现滚动条的默认样式不太友好，因此做了一些调整
2024-09-23 08:00:00
244
原创 Vue3 Element-Plus el-table嵌套el-image查看大图导致CSS样式错乱的问题（如表格的内容显示在了图片上层）的解决办法 - 附代码
Vue3 Element-Plus el-table嵌套el-image查看大图导致CSS样式错乱的问题（如表格的内容显示在了图片上层）的解决办法
2024-09-09 08:00:00
239
原创 Vue3 动态修改CSS样式（包含style + class）- 附示例
在日常的开发过程中，CSS样式根据某个变量的状态或者是变量值的改变而展示不同的属性值是很常见的，故在此记录一些常用的使用场景。
2024-08-19 08:00:00
5572
原创 js 数值千位符
支持 IE11、Edge、最新的 Safari、Chrome、Firefox、Opera、iOS 上的 Safari 和 Android 上的 Chrome。JavaScript 1.5（于 1999 年推出）中实现的，基本上所有主要浏览器都支持。可以把普通的数字，转换成不同的货币和格式样式字符串。
2024-08-12 08:00:00
434
原创 Vue3 列表自动滚动播放（表头固定、列表内容自动滚动播放）+ vue3-seamless-scroll - 附完整示例
vue3-seamless-scroll：Vue3.0 无缝滚动组件，支持Vite2.0，支持服务端打包目前组件支持上下左右无缝滚动，单步滚动，并且支持复杂图标的无缝滚动，目前组件支持平台与Vue3.0支持平台一致。
2024-08-05 08:00:00
3575
1
原创 ECharts 解决tooltip自动播放遮住popover气泡卡片的问题 - extraCssText调整tooltip的层级
在项目使用了tooltip自动播放，造成遮住popver气泡卡片的问题。
2024-07-29 08:00:00
385
原创 解决dataV不适配Vue3 + Vite - npm install @jiaminghi/data-view之后启动项目报错的问题 - @kjgl77/datav-vue3 - 附完整示例
npm install @jiaminghi/data-view之后启动项目有报错，发布到线上的生产环境是自动化构建的，为了避免npm install也会有开发环境的报错问题，故因此记录
2024-07-22 08:00:00
1733
原创 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
869
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
1066
原创 Vue3 Vite 生产环境如何移除项目中的console + 其他生产日志 + sourcemap
Vue3 Vite 生产环境如何移除项目中的console + 其他生产日志 + sourcemap
2024-07-01 08:00:00
1088
原创 Vue3 ECharts tooltips动态循环依次展示数据
Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2024-06-24 08:00:00
801
原创 局域网 他人根据ip访问不了你的本地网页 即使是在ip能够ping通的情况下的解决办法
局域网 他人根据ip访问不了你的本地网页 即使是在ip能够ping通的情况下的解决办法
2024-06-12 15:15:17
471
原创 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
935
原创 原生微信小程序事件传参 - bindtap + data-*（包含多参数传参）- 附完整示例
原生微信小程序事件传参 - bindtap + data-*（包含多参数传参）
2024-05-26 08:00:00
1943
1
原创 原生JS 实现验证码倒计时 - 附带CSS的相关配置 + 完整示例
在我们的日常生活中，互联网已经深入到方方面面，无论是与银行卡相关的验证，还是日常聊天软件的登录，都需要验证码，因此，验证码获取的倒计时按钮应运而生。
2024-05-13 08:00:00
418
原创 原生微信小程序 使用默认导航栏 特定页面隐藏导航栏左侧的返回/home按钮 - wx.reLaunch + wx.hideHomeButton
使用微信小程序的默认导航栏，在特定页面隐藏导航栏左侧的返回/home按钮效果。
2024-04-29 08:00:00
900
原创 Vue3 Element Plus - el-table table组件修改表格背景色等样式之后导致右侧出现白色竖线的处理
Element Plus - el-table table组件修改表格背景色等样式之后导致右侧出现白色竖线的处理效果。
2024-04-24 08:00:00
347
原创 git 新建仓库并将本地项目上传到代码管理平台 - 以码云为例（图文版）
双击新建的文件夹 ，点击鼠标右键，选择git bash here。注：看不到.git文件夹的，可以点击查看勾选隐藏的项目即可看到。后续本地文件有变动需要提交至远程仓库按照以下四步执行即可。在码云刷新网页，即可看到刚刚提交的文件信息。刚刚新建的文件夹会有一个.git文件夹。注：在码云复制仓库地址。
2024-04-22 08:00:00
4258
原创 ECharts 仪表盘 label和刻度线根据值数据内容动态颜色变化 - 以空气质量指数为例 - 附完整示例
Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2024-04-15 08:00:00
1380
原创 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
1345
原创 Vue3 ECharts Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘) + (reading ‘0‘
使用ResizeObserver监听ECharts宽高变化，出现了以下两种报错，外加图表与数据错位的问题。
2024-04-01 08:00:00
556
3
原创 Vue3 封装ECharts 组件 抽离复用 包含图表随着窗口宽高变化而变化 - 附完整示例
避免重复的代码造成冗余，抽离封装提高复用性代码逻辑更加清晰，方便后期维护Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2024-03-25 08:00:00
1352
原创 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
1807
原创 Vue ECharts line3D点击空白处重置图表视角- 附完整示例
Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2024-03-11 08:00:00
1781
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人