- 博客(76)
- 收藏
- 关注
RSS订阅
原创 vue对接腾讯云IM即时通讯（一文搞定超级详细）
首页先去腾讯云官网注册账号，找到IM创建一个应用，这里只搞注册登录完之后的效果。使用之前建议先看文档在动手 腾讯云。
2025-03-10 15:04:36
2767
6
原创 element el-table实现表格动态增加/删除/编辑表格行，带校验规则
element el-table实现表格动态增加/删除/编辑表格行，对每一行数据增加校验规则
2024-07-10 16:18:57
6605
原创 uni-app使用canvas制作海报并保存到本地相册（超级详细）
分析案例图都有哪些元素 1.渐变背景 2.圆形头像 3.文字 4.文字超出换行 5.图片居中 6.文字居中 7.单位适配 8.弹窗保存图片。因为一个个绘制图形太麻烦所以这里都采用了方法封装。canvas api介绍 最后有全部代码，复制即用。data数据1.单位适配拿到当前设备宽度用来做整个canvas的单位适配。这里根据要求高度是不变的，因为高度适配的话不同设备下最后生成的canvas 图片会被压缩。3.圆形头像增加了阴影的效果5.文字超出换行6.图片居中这里是中间的背景图比较简单
2023-12-26 01:00:13
8267
11
原创 微信小程序-预览pdf，修改pdf文件名安卓和苹果都可用。后端直接返回文件流也可直接进行预览。
本文介绍了微信小程序中实现PDF文件预览与下载的完整解决方案。主要内容包括： 使用wx.downloadFile和wx.openDocument API实现文件下载和预览功能，支持安卓和iOS平台 提供核心代码示例，展示如何自定义PDF文件名并实现带下载进度的预览功能 针对后端返回文件流的情况，封装了FileDownloader工具类，支持文件下载、保存和预览功能 注意事项提醒：需在微信公众平台配置合法域名，建议使用真机调试而非开发工具模拟器 该方案覆盖了常见PDF文件处理场景，包括普通URL下载和文件流下
2023-12-23 13:32:18
3550
7
原创 支付宝小程序的头像和昵称获取：button 获取头像上传，input 获取昵称
文章摘要：本文介绍了支付宝小程序中获取用户头像和昵称的两个常见需求及解决方案。对于头像获取，需注意支付宝可能返回远程地址tfs.alipayobjects.com，需先下载为本地文件再上传。昵称获取推荐使用input type="nickname"，并通过@blur事件获取最终值。文章提供了完整的代码示例，包括头像选择按钮样式、头像上传逻辑和昵称保存处理，帮助开发者避免常见问题。
2026-08-06 16:03:18
281
原创 TypeScript 类的基本使用小结
本文总结了TypeScript中类的基本使用方法。主要内容包括：1）类的基本写法，包含属性和方法；2）构造函数constructor的用法；3）readonly只读属性的特点；4）static静态属性和方法；5）public、private、protected三种访问修饰符的作用；6）通过extends实现继承；7）完整示例展示。文章以简明的方式介绍了类的核心概念，包括实例成员与静态成员的区别、访问控制、继承机制等，帮助读者快速掌握TypeScript类的基础知识。
2026-07-03 16:55:01
246
原创 TypeScript 基础入门：对象、函数、数组、元组、枚举和类型别名
本文记录了 TypeScript 中的常用类型写法，包括对象类型、可选属性、任意属性、函数类型、数组类型、元组类型、枚举类型和类型别名。通过 Vue 3 项目中的实际代码示例，详细介绍了每种类型的语法规则和使用场景。文章特别强调了对象类型优于原始 object 类型的原因，以及如何利用可选属性和任意属性来灵活定义对象结构。此外，还展示了枚举类型和类型别名在业务开发中的实际应用，帮助开发者更好地组织和管理复杂类型。这些类型技巧能够显著提升代码的类型安全性和可维护性。
2026-06-18 10:21:01
350
原创 TypeScript 基础入门：在 Vue/uni-app 项目中理解常见类型
TypeScript 基础类型在 Vue/uni-app 中的应用 本文介绍了 TypeScript 在 Vue/uni-app 项目中的基础类型用法，包括： 类型推断：自动推断变量类型 函数类型：参数和返回值类型约束 字面量类型：限制变量为固定值 联合类型：变量可为多种类型之一 any与unknown：处理不确定类型，unknown更安全 类型断言：强制指定类型 void与never：函数返回值类型 Vue中ref的泛型写法：明确响应式数据类型 文章通过实际代码示例，对比了不同类型的特点和使用场景，特别强
2026-06-17 16:39:54
359
原创 uniapp 拍照相册选取后超级好用的裁剪组件，增加水印完全自定义
本文介绍了一个图片处理组件的核心功能，主要包括：1）提供多种预设裁剪模式（身份证、银行卡、A4纸、证件照等），支持固定比例或自由裁剪；2）灵活自定义水印功能，可通过数组配置水印内容，支持文本、时间、位置等动态信息；3）组件采用Vue 3实现，包含完整的交互界面（旋转、还原、确认/取消操作）和触摸事件处理逻辑，适用于移动端图片编辑场景。该组件通过Canvas实现最终输出，满足证件照处理、文档扫描等场景的需求。
2026-05-29 10:49:46
187
原创 uni-app使用canvas制作海报并保存到本地相册vue3版本（超级详细）
本文介绍了基于Vue3的海报生成功能实现方案，主要包含以下核心要素： 水印生成 - 通过Canvas绘制可旋转、透明度的重复文本水印 背景图处理 - 支持本地资源和网络图片，视频可提取首帧作为封面 文字布局 - 提供居中文本绘制方法，支持自动省略过长文本 标签组件 - 实现带边框圆角的文字标签组，支持水平排列 图片处理 - 圆角图片绘制方法，支持阴影等特效 资源预加载 - 统一处理网络图片下载和路径转换 关键点包括使用Canvas API进行图形绘制、适配不同来源的媒体资源、以及提供灵活的样式配置选项。该方
2026-04-21 11:08:22
569
原创 uniapp开发选取文件，前端直传阿里云。
本文分享了uniapp开发app时文件上传的两个关键问题解决方案：1) 使用plus.io.chooseFile选取文件；2) 通过前端生成Policy和Signature实现阿里云直传，包括临时token管理、文件大小计算和时间格式化等工具函数。提供了完整的代码实现，特别针对临时路径上传问题给出了有效的解决方式，并强调了crypto-js库的必要性。
2025-09-01 15:59:01
223
原创 【UniApp 实战】封装通用字典 Mixin，高效管理全局数据字典。附真实案例若依管理后台字典通用！!
本文介绍了如何利用Vue Mixin实现企业级项目中的全局字典数据管理方案。针对字典数据共享、缓存和实时性等需求，设计了一个包含全局缓存、请求防抖、按需加载和多数据访问方式的Mixin。核心特性包括：通过globalDictStore实现全局缓存共享；使用组件级状态管理加载和错误；提供智能按需加载机制；支持dictText()、dictOptions()等多种便捷访问方法。该方案可全局注入或单独混入组件，有效解决了传统方式导致的代码重复和请求冗余问题，提升了字典数据管理效率。
2025-09-01 14:54:15
657
原创 uniapp开发App如何使用正确高德地图。uni.chooseLocation数据不展示问题，uni.getLocation不生效问题。
本文介绍了在UniApp开发中使用高德地图的关键步骤：1) 在高德开放平台注册账号并创建应用，获取API Key；2) 在DCloud开发者平台获取应用的安全码SHA1；3) 特别强调PackageName的正确获取方式（需使用打包时的appid），避免后续地图和位置选择功能出现问题。文中配有详细操作截图，记录了开发过程中容易出错的注意事项，为UniApp集成高德地图提供了实用指南。
2025-07-31 15:51:02
600
原创 uniapp小程序对接腾讯IM即时通讯无ui集成（3）
本文介绍了基于腾讯云IM SDK的即时通讯功能开发过程，已完成文本、语音、图片、视频、表情、消息撤回等基础功能。核心实现包括：1）会话列表展示，通过监听登录状态获取会话数据并显示未读消息；2）聊天页面开发，解决小程序上拉加载历史消息的卡顿问题，采用CSS翻转优化体验。文中提供了关键代码片段，展示如何获取会话列表、跳转聊天页及消息类型判断。目前暂未实现音视频通话功能，后续将进一步完善。开发过程中需注意IM SDK必须在登录成功后调用API。
2025-03-07 10:15:06
1806
13
原创 uniapp小程序对接腾讯IM即时通讯无ui集成（2）
正常项目开发这个字段可以在登陆后让后端返回，现在是测试我们直接去控制台生成一个。有了账号之后开始去小程序进行登陆操作。这里都拿到之后开始去小程序进行登录。这里除了帐号还需要一个校验值。
2025-03-04 16:30:54
952
原创 uniapp小程序对接腾讯IM即时通讯无ui集成（1）
按照文档步骤下载完这两个包后打开项目。有下图这两个包就算完成了开始工作。注册账号后搜索im即时通讯，新创建一个应用。
2025-03-04 16:16:26
1176
2
原创 vue 纯前端对接阿里云oss文件上传封装，支持批量多文件上传，粘贴上传和拖拽上传，大文件上传时拿到上传进度。
vue 纯前端对接阿里云oss文件上传封装，支持批量多文件上传，大文件上传时拿到上传进度。
2024-12-09 23:42:41
2181
5
原创 vue 下载压缩包，自定义文件名下载为zip压缩包文件，全局封装公共方法使用，可以把自定定义的文件夹和文件下载成压缩包。jszip，file-saver。
本文介绍了如何在后台管理系统中全局封装一个自定义压缩包下载方法。首先，通过安装jszip和file-saver库来实现文件压缩和下载功能。接着，定义了一个公共方法jszipDown，该方法支持自定义压缩包名称、文件夹和文件路径，并能够将指定的文件和文件夹打包成压缩包进行下载。
2024-09-11 11:39:45
994
原创 yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go
更改 PowerShell 执行策略，过程中提示询问是否要更改执行策略?，选择 A 或 Y。问题描述：下载完yarn之后无法在vsCode使用命令。window + r 打开 输入PowerShell。
2024-09-02 11:14:56
673
原创 wx.updateAppMessageShareData 自定义分享内容安卓无效
情况微信公众号使用wxjsdk后分享api全都注入成功，自定义分享内容时ios正常安卓分享出去的是当前页面的url。记录wx.updateAppMessageShareData 自定义分享内容安卓无效 bug，
2024-08-29 09:43:13
2620
原创 vue 列表无限滚动列表，循环完自动切换tab
记录一下大屏常用的滚动组件vue-seamless-scroll 以及滚动完自动切换tab效果。官网没有介绍，这个方法是列表滚动完毕一次就会执行。需要用到插件的一个方法。
2024-08-19 10:36:42
1234
原创 微信小程序骨架屏
骨架屏是常用的一种优化方案，针对于页面还未加载完时给用户的一种反馈方式。如果自己要写骨架屏有点复杂因为页面的元素过多且不稳定，这边直接使用微信开发工具生成骨架屏。也不只有微信开发工具有像常用的抖音开发工具，字节开发工具都有对应的功能。看效果。
2024-08-16 23:35:42
960
原创 el-upload 粘贴上传
通过ref来调用自身的方法比如 handlerStart，handlerSuccess这些都是el-upload身上的方法，这里的ref为。也可以在其他控件中添加事件监听，这里在当前form-item 这个块使用了，只有当你点击目标区域时才有效。对form中的某一个el-form-item添加。事件，事件绑定方法名。
2024-07-10 14:38:38
584
原创 Echarts 社区分享
首页先确定你要使用的Echarts版本，因为现在Echarts5以上版本引入地图与之前版本有所不同。但是大多数地图不太容易搞分享一些比较好用的ECharts社区网站。
2024-06-18 00:09:43
7788
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人