qq_58454442的博客

原创 vue2实现键盘方向键控制光标在表格内跳转

Vue.js键盘导航功能实现方案 摘要：本文介绍了一个基于Vue.js mixin的键盘导航功能实现方案，允许用户使用方向键在表格单元格间快速导航。通过封装为可复用的KeyboardNavigation.js文件，包含初始化方法、键盘事件处理以及单元格查找/聚焦等功能。使用时只需在组件中混入该mixin并在mounted钩子中调用初始化方法即可。该方案支持上下左右方向键导航，自动查找可聚焦的输入元素，并处理边界情况，有效提升表格数据录入效率。

原创 详解CompletableFuture

本文介绍了Java8引入的CompletableFuture异步编程工具类，它实现了Future和CompletionStage接口，支持非阻塞异步操作和回调处理。主要内容包括：1)创建CompletableFuture实例的多种方法；2)结果转换和消费方法如thenApply、thenAccept；3)组合多个CompletableFuture的操作；4)异常处理机制；5)异步变体方法。文章还提供了电商比价、用户信息聚合和文件处理管道三个实际应用示例，展示了CompletableFuture在复杂异步场景

原创 vue-office文件预览使用总结

vue-office 是一个支持多种文件(docx、.xlsx、pdf)预览的 vue 组件库，支持 vue2 和 vue3。根据上传的文件类型自动选择对应的组件预览，使用方法同组件引用，传入url以及type即可。console.log("渲染完成")console.log("渲染失败")//引入VueOfficeDocx组件。

原创 vue3图片上传模板

{{ fileType.join('/') }}

原创 vue3文件上传模板

{{ fileType.join('/') }}

原创 虚拟机部署总结

原创 frp反向代理总结

安装frp(或直接命令行下载frpc)到客户端服务器，同样的方法进行操作frpc.toml。通过tcp方式对端口进行暴露。telnet 127.0.0.1(IP地址) port ping 指定端口号。sudo systemctl restart frpc 重启frpc。以上完成后在公网nginx进行配置进行域名绑定配置，实现反向代理。完成后通过公网ip+暴露端口测试能否进入项目界面。首先下载frp安装包，上传到公网服务器并解压。进入frps.toml修改frp配置。运行命令：（安装目录加启动命令组成）

原创 vue2文件上传模板，拿去直接用

【代码】vue2文件上传模板，拿去直接用。

原创 vue2图片上传模板

{{ fileType.join("/") }}</b></template><template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB

原创 电科金仓使用总结

原创 删除指定后缀文件（clean_js_files.bat --文件名格式）

原创 vue项目构建流程

npm create vite@latest（保证npm命令可使用）