- 博客(42)
- 收藏
- 关注
RSS订阅原创 【vue3+ts】Echarts起手式
本文总结了在Vue3+TS项目中使用Echarts的标准化流程。主要分为三个步骤：1)组件挂载时初始化Echarts实例并配置自动resize观察器；2)数据获取与图表渲染分离处理；3)组件卸载时销毁实例和观察器。提供了核心代码模板，包含图表初始化、ResizeObserver监听、事件处理以及清理逻辑。此外还附带了一个可拖拽、可调整大小的对话框案例，展示了如何将Echarts集成到交互式组件中。这种模式化的使用方法可以快速复用，只需根据具体需求修改配置即可。
2025-12-26 15:51:15
50
原创 【Nuxtjs踩坑】nuxtjs项目踩坑- 样式失效
摘要：Nuxt.js项目中/pages和/layout目录下组件样式失效问题排查。发现components目录样式正常，最终定位到nuxt.config.ts配置问题。原因是vite配置中开启了customElement选项导致样式失效，注释掉该选项后清空.nuxt缓存目录并重启项目即可解决。
2025-12-22 11:32:43
119
原创 断电重启后自动重连WiFi并分配固定IP的Armbian脚本
本文提供了三种在Armbian系统上实现断电重启后自动连接WiFi并分配固定IP的解决方案：1) 使用NetworkManager配置脚本；2) 传统network/interfaces配置；3) 最稳定的systemd服务方案。每种方案均包含详细配置步骤，需替换WiFi名称、密码和IP参数为实际值。重点推荐方案三的systemd服务方式，通过创建systemd服务单元和配套脚本实现稳定可靠的自动连接功能。所有方案均要求确认无线网卡接口名称，并可根据实际网络环境调整网关和DNS设置。
2025-10-16 09:39:56
455
原创 vue3+ts实现拖拽缩放，全屏
这篇文章介绍了一个名为DragResizeZoom的Vue组件，主要用于实现元素的拖拽、缩放和全屏功能。该组件具有以下核心功能： 支持拖拽移动元素位置 可通过边缘手柄调整大小 对角线拉伸可保持比例缩放 双击实现全屏/退出全屏 提供位置和尺寸重置方法 组件通过props接收初始位置和尺寸参数，支持从左侧或右侧定位。使用案例展示了如何引用该组件，并通过ref调用resetPosition()方法重置元素位置。组件内部实现通过鼠标事件处理拖拽和缩放逻辑，计算元素样式实现定位和变换效果。
2025-09-26 18:45:14
288
原创 vue组件转html
本文介绍了一个将Vue组件转换为HTML字符串的工具函数useVue2html。该函数通过创建Vue应用实例并将其挂载到临时DOM元素上，实现了Vue组件到HTML的转换。主要功能包括：接收Vue组件和props参数，返回HTML字符串和卸载方法，适用于WebGIS等需要动态生成HTML的场景。使用案例展示了如何在Cesium地图中添加Vue组件生成的HTML元素，并可通过返回的unmount方法在适当时候卸载组件。该方法简化了直接编写HTML的流程，提高了开发效率。
2025-06-23 12:01:50
414
原创 git常用操作
要从远程仓库拉取特定分支到本地，可以按照以下步骤操作：首先确保你在项目的根目录下，打开终端或命令行工具。切换到你想要拉取的远程分支，假设远程分支名为这条命令会创建一个与远程分支同名的新本地分支，并切换到该分支。git status这样就可以将远程分支的内容拉取到本地并开始工作了。记得在进行任何修改前先拉取最新的代码以避免冲突。
2025-03-10 10:00:51
199
原创 前端下载文件
通常情况下，获取文件信息和获取这个文件本身是分开的。也就是说，你在页面上看到的文件名是一个接口拿到的，而这个接口中并不包含这个文件的内容，但会包含这个文件的id。之后在根据文件id再用另一个接口拿到这个文件的本体，这个过程没有什么不对，但会存在的问题就是，文件的本体可能并没有这个文件的文件名信息，所以你下载时需要给一个逻辑文件名（自己随便起），或者最简单的保证文件名不变的方法（我能想到的）就是直接传对象，用一个map关联。
2025-03-07 15:14:59
286
原创 nestjs 第一章 1.1.1 后端项目搭建
最近想学一下后端，感觉需要考虑的东西一下子就堆起来了，c#, java, go 什么的从下编译器到选ide, 跑一个hello world 都会经历千辛万苦，回想起大三那会搞个springboot ,maven 依赖配不清楚,各种包不生效，注解满天飞奇奇怪怪的问题就烦，最后还是选择node 作为学后端的入口吧，也不用下别的ide, 不用花时间了解一大堆配置细节， npm 就完事了，顶多打包部署看看文档。。。不说了，直接开始吧，从nestjs开始。
2025-03-06 17:27:26
370
原创 nestjs 读取不同环境配置文件
最近抽空学nestjs，区分生产和开发环境的配置，采用动态读取配置文件（也可以简单粗暴直接用.env然后script env=dev/prod）改了一下大佬写的读取配置文件的方法，大佬的注释就不删了。
2025-03-06 15:03:45
313
原创 ts通用全屏函数
给一个元素HTMLELEMENT全屏，全屏时加fullscreen，取消全屏时去除，开关都用这个函数即可。缺点比较明显，元素增删类时引起的浏览器局部重绘有性能损耗，另外需要在外部维护判断是否全屏状态。
2025-03-06 14:57:19
242
原创 vue3抠图组件-支持自定义颜色过滤
不喜欢说废话，直接上代码优点： 无需依赖任何组件库，插件（除了项目整个less 如果你项目没有请先 npm i -D less）缺点：无法精确降噪（肯定a逻辑是全局过滤像素）
2025-02-21 11:05:45
477
原创 图片转png格式
项目背景：公司内的项目中有许多业务场景需要用户上传 png 图（主要是透明的事），但是用户上传很多的图片都是 jpg 格式，所以需要将 jpg 格式的图片转换为 png 格式。这个项目是一个简单，而且公司的需求比较简单，并且是在 web 端上传图片后实现的转换，因此这个项目就当练手 electron 了，最后打包下来的文件也挺大的百兆左右，可优化的地方太多了，先占一个坑在这里。。。
2025-02-11 11:07:34
231
原创 CSS 选择器匹配固定前缀的id
最新写一个下载pdf小需求时用到的，原本的逻辑是，拿到数据后遍历渲染报表div，然后一大张下载，这样的问题就是因为每张的内容导致的宽高不同，多个div连在一起宽高很难控制在一张a4纸的大小中，（当然也有控制方法，就是根据内容计算行距，然后动态设置上下边距。）总之最后还是没用这种比较复杂的方法，改为一个一个下载，给每个报告单出一个下载按钮。到这里没啥问题，主要就是逻辑改后，我这边的一个样式需求就是当点击下载时给每个div加样式，下载完再恢复，比如原来我只用。就变成了report1, report2,…
2024-12-10 10:55:28
284
原创 nodejs 发送邮件
在一些场景下可能会用到邮件抄送的场景，比如，后台管理系统用户有个分发bug的功能，需要在给开发人员分配任务后再发一个邮件抄送提醒他；或者是你有幸和一位想象力丰富却常常时候忘记某些功能做不做，发不发的产品经理合作时，不妨在每次发版时，把他的话和发版的内容抄送给他，别让他在周会时把锅甩给你…(我没有这样的经历)总而言之，不废话了，直接进入正题吧！
2024-12-02 15:06:34
1050
原创 vue3水印组件
准备用el-plus的watermark，但是缺依赖文件啥的没用上，而且自己只用实现一个简单的就行，于是这个组件就诞生了；最近自己做项目时想到了，有些内容如人像，指纹，签名，或其他有版权的场景下需要做水印;技术：Vue3 + Typescript。
2024-11-19 18:31:57
1253
原创 【PS】写给女朋友的ps导入字体并使用的教程
目前是，只要系统有你要的字体，那么ps就支持这个字体。所以，你只需要把字体在系统中安装，然后重启ps，理论上就可以在ps软件里用了。
2024-09-17 23:29:17
719
原创 两个数组合并为对象（1对1）
最近工作上有对table数据操作的一些需求，有时候需要分离对象的键值对分别进行数据操作，然后再合并成键值对进行渲染。
2024-09-05 15:30:10
243
原创 vite.d.ts是干嘛的
不论是否安装插件，最好都在vite-env.d.ts中声明。vscode安装了vueoffical插件则默认不报错。在vite-env.d.ts中声明后被识别。叫env.d.ts也可。
2024-07-23 11:24:44
726
原创 Error: error:0308010C:digital envelope routines::unsupported
项目依赖的是node16，周末换了高版本忘记切换了。
2024-04-28 09:41:36
176
原创 pnpm安装依赖问题
切换shame模式时，依赖就放在node_modules里，这里我的项目是shame模式所以报这个警告。pnpm安装依赖默认不在node_modules里，而是项目目录上级。
2024-04-15 13:37:02
982
1
原创 搞一个chrome插件
（这里牵扯一些npm构建项目相关的内容，简单理解就是，你的dist目录是最终成品，src是开发时的目录，public存放的一般是项目模板（模块都载入进去），如果发布过npm包的话就会发现你的src是不会被打包到发布内容的（没有src目录））每次打开浏览器，总是觉得有些杂乱(虽然chrome已经很整洁了)，所以自己搞一个chrome插件重写一下浏览器的开始页(方法不唯一)这里我选择了Override page就是重写了默认打开的chrome page。搜索完了点进来就可以愉快编辑了。
2023-09-18 23:15:32
857
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人