自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 字符串加密解密

本文介绍了一个用于密码加密解密的JavaScript实现方案。加密函数stringToBase64通过生成随机字符前后缀,结合Base64编码和URI编码对原始字符串进行多层加密处理,并添加固定盐值后缀增强安全性。解密函数base64ToString2则逆向执行该过程,包括移除随机前缀、补齐Base64长度、解码以及验证盐值等步骤。该方案采用异常处理机制,在解密失败时返回原值,确保程序健壮性。整个流程实现了对敏感数据的可靠保护,同时具备错误容错能力。

2026-04-16 13:35:08 2

原创 密码强度检测组件

本文实现了一个密码强度检测组件,包含以下功能: 实时检测密码强度并显示4级强度条 支持8-20位密码长度检测 检查密码字符类型(数字、大小写字母、特殊字符) 提供强度等级(弱/中/强/极强)和对应提示语 支持紧凑模式和自定义空状态提示 通过颜色变化直观展示密码强度 包含非法字符检测功能 组件采用响应式设计,根据密码长度和字符类型组合自动计算强度等级,并通过视觉反馈帮助用户创建更安全的密码。

2026-04-16 13:35:00 5

原创 App图片压缩并上传OSS

该代码提供了两个主要功能:1) 将文件转换为Base64格式并自动压缩超过5MB的图片;2) 使用阿里云OSS V4签名上传文件,支持H5和APP平台。代码实现了文件大小检测(5MB/10MB阈值)、图片压缩(H5使用Canvas,APP使用plus.zip)、多平台适配等功能。上传流程包括获取OSS签名、文件压缩处理和分平台上传实现,支持图片/视频等多种文件类型,并提供错误处理和失败重试机制。

2026-04-15 13:59:05 30

原创 唤起本地APP调度策略

这篇文章介绍了一个通用的APP唤起调度策略实现方案。核心逻辑包含两个主要功能:appWakeUp用于尝试唤起本地APP,若失败则降级到备用下载页面;marketWakeUp则直接跳转应用市场作为备用方案。方案采用了多维度探针检测:通过visibilitychange和pagehide事件监听页面状态变化,配合超时机制确保流程可控。针对不同平台(iOS/Android)和浏览器(如Safari)的特性差异,实现了兼容性处理,包括使用A标签模拟点击规避浏览器拦截、区分处理Scheme协议跳转等。代码还包含完善的

2026-04-15 13:45:54 6

原创 校验密码强度

【代码】校验密码强度。

2026-03-03 19:56:59 15

原创 自动化部署脚本将 /dist/xxx 文件夹推送至指定的 Git 分支

【代码】自动化部署脚本将 unpackage/dist/xxx 文件夹推送至指定的 Git 分支。

2026-01-09 17:04:33 212

原创 Fetch API 用法详解

Fetch API 是现代浏览器提供的用于网络请求的原生 API,它提供了一个更强大和灵活的接口来获取网络资源。

2025-08-07 16:13:51 318

原创 Vuex 状态管理使用详解

Vuex 是 Vue.js 应用程序开发的状态管理模式和库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

2025-08-07 16:00:38 269

原创 Vue 3 Pinia 状态管理

/ context 包含 store, options, pinia 等return {// 添加到 store 实例的属性// 可以添加方法// main.js。

2025-08-07 15:36:07 338

原创 Vue 3 中常用的修饰符

Vue事件修饰符使用指南:介绍了.prevent、.stop、.once等事件修饰符的用法,以及按键修饰符(如.enter、.tab)、系统修饰键(.ctrl、.shift)、鼠标按键修饰符(.left、.right)的应用场景。同时讲解了v-model修饰符(.trim、.number)和自定义修饰符的实现方式,并强调了修饰符顺序的重要性。这些修饰符能更精确地控制事件行为,提高开发效率。

2025-08-07 15:23:45 334

原创 前端静态资源打包上传至阿里云OSS

阿里云——阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司之一。提供免费试用、云服务器、云数据库、云安全、云企业应用等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。免费备案,7x24小时售后支持,助企业无忧上云。:读写权限选择私有就无法公共访问,访问时需要加上身份后缀,可能导致身份信息泄露。其次,配置OSS秘钥key(登录阿里云账户,右上角头像AccessKey管理):首次使用会有3个月的免费试用,内存20g。阿里云-计算,为了无法计算的价值。这里默认就是空文件夹。

2024-10-29 17:37:27 1340

原创 使用Node.js分片上传大文件到OSS

前端直接上传文件到OSS,使用STS 临时访问凭证方式,先获取临时的AccessKeyId,AccessKeySecret,SecurityToken,再调用API访问;

2024-10-17 10:35:07 588

原创 js实用方法

刚刚、5分钟前、10分钟前、半小时前、n小时前、月日、年月日。

2024-08-31 15:48:40 683

原创 常用的路由URL处理方法

【代码】常用的路由URL处理方法。

2024-08-31 15:18:07 375

原创 讯飞文字转语音示例react

使用讯飞在线语音合成插件,实现多个音频合并输出URL;

2024-03-28 11:29:12 1075 1

使用Node.js分片上传大文件到OSS

使用Node.js分片上传大文件到OSS

2024-10-24

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除