- 博客(6)
- 收藏
- 关注
原创 uniapp实现拖动滑块旋转图片验证方式
摘要:本文分析了移动端验证码的技术需求,重点探讨了Uniapp实现滑块旋转图片验证方案的开发要点。通过拆解滑块拖动、图片旋转和验证判定三大核心功能,提出基于movable-view组件的实现方案,包含轨道限制、动态旋转计算等关键逻辑。文中给出核心代码示例,展示如何通过滑块位移百分比计算旋转角度,并建议采用CSS硬件加速和防抖处理优化性能。该方案兼顾安全性与用户体验,适用于跨平台应用场景。
2025-12-22 16:10:07
165
原创 关于uniapp项目打包h5,对js进行加密混淆
本文介绍了两种加密HBuilder打包H5项目的方法:1)通过配置vue.config.js文件,使用webpack-obfuscator插件在构建时自动混淆代码;2)全局安装javascript-obfuscator工具,在项目打包后手动执行混淆命令。两种方法都能有效保护代码安全,防止敏感信息泄露。文中详细说明了配置参数和可能遇到的问题解决方案,适用于需要保护前端代码隐私的开发场景。
2025-12-18 10:55:55
673
原创 uniapp 上传图片前压缩
摘要:本文介绍了在uniapp中实现图片压缩上传的方法,通过H5端使用canvas转换图片为webp格式,非H5端调用uni.compressImage接口。核心思路是获取原始图片信息后,用canvas重新绘制并调整尺寸,最终输出压缩后的base64数据。该方法有效减小图片体积,降低服务器压力。代码兼容多平台,H5端采用canvas处理,其他平台使用原生压缩接口。
2025-08-22 15:07:54
338
原创 uniapp 开发H5、安卓复制图片和文字到剪贴板
本文介绍了使用uniapp开发H5和安卓应用时实现复制图片与文字至剪贴板的解决方案。对于H5端,直接使用navigator.clipboard API即可方便地实现图片和文字复制;安卓端则通过worry-clipboard插件实现。针对安卓无法同时复制文字图片的问题,作者创新性地采用canvas将文字与原图片合成新图片再复制的思路。文章详细说明了实现步骤,包括canvas绘制、文本处理、图片转换等技术细节,并提供了完整的代码示例。该方法效果良好,作者也欢迎读者分享更好的实现方案。
2025-06-25 10:54:20
1982
原创 Android实现简单的点赞与取消的功能
做个笔记在drawable中定义一个select.xml文件:<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_selected="true" android:drawable="@drawable/selected-picture" />//被选中时展示的图片// <item ...
2021-07-07 22:25:27
1803
3
前端开发基于Vue框架的面试题
2025-10-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅