- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue路由跳转打开新窗口并携带参数(vue2/vue3)
摘要 本文介绍了三种实现页面跳转并打开新窗口的方法：1）Vue2写法使用this.$router.resolve获取路由URL后配合window.open；2）Vue3通过useRouter获取路由实例，同样使用resolve方法生成URL；3）使用<router-link>标签直接设置target="_blank"实现新窗口打开。三种方式都支持传递查询参数，适用于需要页面对比的场景。
2025-10-31 09:51:56
262
1
原创 vue3+three.js创建可交互的360度全景视图
本文介绍了如何使用Three.js在Vue.js项目中创建可交互的360度全景视图。主要内容包括：通过npm安装three.js库；准备全景图片资源；编写Vue组件实现全景图查看器，包含场景、相机、渲染器的初始化；使用球体几何体映射全景图；处理用户交互（拖拽查看、滚轮缩放）和窗口大小调整；最后通过动画循环持续更新渲染画面。关键代码展示了如何加载纹理、控制视角和实现交互功能。
2025-10-29 10:21:02
169
原创 Vue3 + Qiankun 构建微前端架构
本文详细介绍了基于Vue3和Qiankun搭建微前端架构的完整方案。主要内容包括：主应用配置（安装Qiankun、注册子应用）、子应用改造（导出生命周期钩子、配置UMD打包）、路由适配（主/子应用路由配置）、样式隔离方案（CSS命名空间和PostCSS前缀）、通信机制（props数据传递）、部署优化（资源预加载、公共依赖共享）以及常见问题解决方案。该方案实现了主应用与子应用的解耦，支持独立开发和部署，为构建复杂前端系统提供了可扩展的技术架构。
2025-10-22 17:38:34
318
原创 通用工具类 Java 实现
本文展示了一个Java实现的通用验证工具类，包含手机号、身份证、邮箱等常用格式校验功能。工具类采用正则表达式实现基础校验逻辑，其中身份证验证还包含校验码计算验证。主要功能包括：手机号验证（1开头11位数字）、身份证格式及校验码验证（18位）、邮箱格式验证、银行卡号验证（16-19位数字）等。该工具类可直接集成到项目中，提供常见的格式校验支持，代码简洁高效。
2025-10-22 17:30:51
192
原创 uni-app 对接电子秤蓝牙16进制协议
本文介绍了在uni-app中对接蓝牙电子秤的实现方法，主要包括三个核心步骤：1. 初始化蓝牙模块并连接设备；2. 发送16进制指令控制电子秤；3. 监听特征值变化接收返回数据。文章提供了详细的代码示例，包括蓝牙初始化、16进制数据转换、断连重试机制等关键实现。同时强调了不同厂家协议差异、iOS权限等注意事项，为开发者提供了完整的蓝牙电子秤对接解决方案。实现时需根据具体协议调整数据解析逻辑，并建议增加错误处理和用户引导。
2025-10-22 17:20:56
250
原创 前端性能优化的九种方式
本文总结了9种优化网页性能的方法：1)减少HTTP请求；2)使用CDN加速；3)启用压缩；4)优化图片资源；5)减少重绘和回流；6)使用浏览器缓存；7)代码拆分与异步加载；8)优化CSS和JavaScript；9)监控与分析性能。这些方法从资源加载、渲染优化、代码组织等方面入手，可有效提升网页加载速度和运行效率。
2025-10-22 15:53:40
415
原创 AES加密在vue3中的优雅使用
本文介绍了在Vue3项目中优雅使用AES加密的方法。首先通过npm安装CryptoJS库，然后创建aes.js文件封装加密/解密函数，支持ECB模式。文章提供了完整的代码示例，包括密钥配置、加密解密实现及组件调用方式。同时给出了注意事项：密钥长度要求(128/192/256位)、推荐使用更安全的CBC模式配合IV向量，以及建议添加错误处理机制。该方法简单易用，能有效保障前端数据安全。
2025-10-22 15:41:43
525
原创 【typescript】详解ts操作符中的?、?:、?.、??、||、|、!、!.、!!
下面是TS种?.、?:、??、||、!.、!!的基本介绍:?表示该属性或参数为可选项?. 是指对象属性，可以理解为对象自动加上undefined?: 是指可选参数或者属性??表示只有当左侧为null和undefined时, 才会返回右侧的数|| 表示只有当左侧为0、null和undefined时, 才会返回右侧的数!是指非空断言操作符!. 是指断言，告诉 ts 该对象里一定有某个值!!是指把表达式强行转换为boolean类型，常用于类型判断。
2024-11-04 16:09:44
3299
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人