- 博客(20)
- 收藏
- 关注
RSS订阅原创 利用echarts图表实现区间预测效果
本文介绍了使用ECharts堆叠面积折线图实现预测区间功能的方法。通过隐藏底部折线图面积，与顶部折线共同构成区间效果。主要解决了两个问题：1）y轴数据显示问题，采用数据预处理方法调整最大值；2）空值图形展示问题，开发了fillNullsWithPrevValue函数用前值填补空值。同时提供了tooltip展示的处理建议和完整代码示例，为类似预测区间可视化需求提供了可行方案。
2025-12-12 11:32:09
607
原创 vue2实现pdf预览兼容低版本浏览器
摘要：在Vue2项目中实现PDF预览时，vue-pdf在高版本浏览器正常但在低版本出现样式错乱。改用TouchPDF解决方案，这是一个基于pdf.js的jQuery插件，支持滑动、缩放、书签等功能，兼容多种浏览器。使用步骤包括引入相关JS/CSS文件、创建容器div，并通过配置选项加载PDF文件，支持自定义标签页、禁用缩放等功能。注意事项包括正确设置loaded回调方法、处理全局样式冲突，以及通过配置项或CSS隐藏不需要的控件。该方案有效解决了低版本浏览器的兼容性问题。
2025-10-21 20:08:17
1066
原创 websocket基本使用
h5提供了websocket的API，可以直接使用。3.socket.send：主动给服务器发送消息时。4.message:接收到服务器消息时触发。2.open：建立连接时触发。1.参数：服务器地址。创建app.js文件。
2024-09-13 20:27:59
267
原创 mixin使用（css）
mixin是一种简化代码的方法，能够提高代码的重复使用率， Less 和 SCSS（Sass）中都可以使用此功能。虽然这两者在语法和实现细节上有所不同，但它们都提供了类似的功能，使得代码可以重用样式块。
2024-09-03 20:18:13
503
原创 git工具fork场景下的使用
这里先介绍一下fork、clone和pr这三个在使用git中会遇到的词的区别，fork意思是将这个仓库复制一份到自己的仓库变为私仓，而clone是直接将仓库代码下载到本地，pr即pull-request，当我们在fork的仓库中修改代码时，想要把自己的代码合到对应仓库里的请求。
2024-06-03 09:30:00
1051
原创 Unocss（原子化css）使用
原子化 CSS（Unocss）是一种编写 CSS 的方法，它强调使用小巧且用途单一的 CSS 类来构建页面，并且会以视觉效果进行命名。每个类都只包含一个属性，以便在需要应用多个样式时可以组合这些类。这种方法可以使代码更具可复用性、易于维护，并且体积较小。高度灵活：可以轻松定制和组合各种原子样式，满足不同项目的独特需求。高效简洁：通过简洁的类名来快速应用样式，减少了 CSS 文件的体积和复杂性。快速响应：能够快速适应设计变更，只需要添加或修改相应的类即可。例如，你可以通过添加诸如m-4。
2024-06-03 09:30:00
1831
原创 csdn不登录实现全览、可复制
进入网址，搜索csdn，安装脚本即可实现，安装后可退出csdn验证是否成功。第二张图片为实现效果，看文档页面全屏，且不用登录就可以复制啦，一个字爽！这里以idge浏览器为例，下载篡改猴（脚本管理工具）
2024-05-11 22:42:17
6349
1
原创 解决首屏渲染白屏时间过长
定义defer函数，与组件绑定，组件v-if绑定函数返回值true或false决定组件渲染时机。考虑到用户体验，先加载用户第一眼主要看到的页面，其余的一些放在之后加载，即延迟渲染。例如当代码中重组件过多等，造成首屏加载时间过长导致的白屏。
2024-04-17 23:29:27
549
2
原创 el-upload组件上传文件时，修改文件名
实现在el-upload组件上传文件时，修改文件名再上传到服务器，刚开始是想直接用file.raw.name = 新名称，但是结果报错说file的name是只读属性，不能修改，所以这里使用new File创建新文件，然后整个替换掉raw文件对象。// 修改时自定义上传方法newfile =new File([params.file], `合作协议${suffix}`)
2024-01-25 14:50:30
3877
原创 vue多文件上传
2.上传文件的请求体添加其他参数时必须要添加到FormData。（必选参数，上传的地址） 上传多文件时文件只是暂存本地，并不需要调上传接口，而是最后和数据一起提交到服务器，这里可以不给action的值，但是组件里必须要写action属性，否下会报错。（文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用），函数参数为file、fileList，可以获取当前改变的文件和文件列表。（上传的文件字段名） 组件中默认上传时文件的属性名为file，根据后端要求的字段名进行传值，可以通过name属性更改。
2024-01-19 15:19:16
1072
1
原创 vue3中使用echarts地图
左侧是地图，右侧是JSON数据路径，点击可以获取对应省市数据，这里我获取的是整个中国地图数据，点击右侧链接地址复制到浏览器打开，浏览器打开后全选复制放入自己项目的json文件中，并在地图文件中引用。首先需要创建好项目结构，这里map文件夹下新建一个vue和json文件（后面会用到，用来存放地图JSON数据）红色框中均是地图的配置项，可根据项目需求使用，通过查阅配置项手册完善地图信息，在setOption中配置即可。pnpm install echarts --save //安装。
2023-12-26 15:38:26
6393
3
原创 vue3 devtools配置
vue3项目中不免要使用调试工具vue3 devtools，试了网上的几种方法，使用下面这种成功安装vue3 devtools，在这里记录和分享。
2023-12-21 08:51:41
1756
原创 vue3+ts项目中eslint校验配置
ESLint - Pluggable JavaScript linter - ESLint中文ESLint 是一个根据方案识别并报告 ECMAScript/JavaScript 代码问题的工具，其目的是使代码风格更加一致并避免错误，合理利用可以提高代码质量。
2023-12-13 14:32:55
2531
2
原创 node版本切换问题
由于项目需要使用高版本的node，之前用的14版本较低，所以下载了16版本，使用nvm use命令成功，但是版本并未切换，在网上搜索了很多，发现是node安装路径的问题，nvm安装默认路径是C:\Program Files下，所以需要将安装路径更换，选择卸载node和nvm重新安装。
2023-12-11 15:53:30
1311
1
原创 vue2使用wangEditorV5富文本编辑器
开源 Web 富文本编辑器，开箱即用，配置简单。2022.04.11 正式发布v5 版本。wangEditor。
2023-11-07 10:52:05
2796
原创 前端文件上传、预览与下载
一.文件上传文件上传是在前端开发过程中很常见的功能，这里介绍的是vue2中常使用的文件上传方式，适用于引入element-ui组件的情况下，使用的是element中的el-upload组件。1.文件上传组件把文件上传的方法封装成组件，这样后面使用的时候仅需要两三行代码即可，这里文件类型、大小、图片数量等的参数后续可以自己定义，这些参数放入props中。可以在main.js中全局引入，直接在页面中使用即可，或使用时单独引入。// 全局引入图片上传组件// 全局组件挂载页面中使用。
2023-10-19 16:56:56
1570
原创 vue中循环多组checkbox-group
1.因为官网给出的checkbox group绑定的数据格式是数组，而在项目中接收的数据通常是对象数组，我这里label绑定的是数组中对象的id属性，点击获取的是id的数组，在最后提交数据时需要做处理。2.一开始也尝试了label绑定整个对象，这样获取到的直接便是最终需要的对象数组，展示和添加是可以实现的，但是回显遇到了问题，在网上看是回显的数据格式要与选中的数组中对象的格式一致，尝试了没有效果，后面再研究一下。
2023-10-12 19:25:13
9002
1
原创 js保留数组对象某些属性
如果对于后端返回的数据，只想保留数组中对象的某些属性，或者想利用这个对象另外添加属性构造自己所需要的结构，可以使用map循环再结合assign方法。
2023-10-12 12:52:36
690
原创 uniapp开发的App中使用高德地图
map地图在不同的开发场景使用不同，这里主要是uniapp开发的Android软件中关于高德地图使用的一些项目记录。
2023-09-28 17:13:35
20328
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人