- 博客(70)
- 收藏
- 关注
RSS订阅
原创 vue对接腾讯云IM即时通讯（一文搞定超级详细）
首页先去腾讯云官网注册账号，找到IM创建一个应用，这里只搞注册登录完之后的效果。使用之前建议先看文档在动手 腾讯云。
2025-03-10 15:04:36
2280
4
原创 element el-table实现表格动态增加/删除/编辑表格行，带校验规则
element el-table实现表格动态增加/删除/编辑表格行，对每一行数据增加校验规则
2024-07-10 16:18:57
6297
原创 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
7956
11
原创 微信小程序-预览pdf，修改pdf文件名安卓和苹果都可用。后端直接返回文件流也可直接进行预览。
本文介绍了微信小程序中实现PDF文件预览与下载的完整解决方案。主要内容包括： 使用wx.downloadFile和wx.openDocument API实现文件下载和预览功能，支持安卓和iOS平台 提供核心代码示例，展示如何自定义PDF文件名并实现带下载进度的预览功能 针对后端返回文件流的情况，封装了FileDownloader工具类，支持文件下载、保存和预览功能 注意事项提醒：需在微信公众平台配置合法域名，建议使用真机调试而非开发工具模拟器 该方案覆盖了常见PDF文件处理场景，包括普通URL下载和文件流下
2023-12-23 13:32:18
3260
7
原创 【Uniapp】小程序开发纯前端选取文件，前端直传阿里云。
本文分享了uniapp开发app时文件上传的两个关键问题解决方案：1) 使用plus.io.chooseFile选取文件；2) 通过前端生成Policy和Signature实现阿里云直传，包括临时token管理、文件大小计算和时间格式化等工具函数。提供了完整的代码实现，特别针对临时路径上传问题给出了有效的解决方式，并强调了crypto-js库的必要性。
2025-09-01 15:59:01
122
原创 【UniApp 实战】封装通用字典 Mixin，高效管理全局数据字典。附真实案例若依管理后台字典通用！!
本文介绍了如何利用Vue Mixin实现企业级项目中的全局字典数据管理方案。针对字典数据共享、缓存和实时性等需求，设计了一个包含全局缓存、请求防抖、按需加载和多数据访问方式的Mixin。核心特性包括：通过globalDictStore实现全局缓存共享；使用组件级状态管理加载和错误；提供智能按需加载机制；支持dictText()、dictOptions()等多种便捷访问方法。该方案可全局注入或单独混入组件，有效解决了传统方式导致的代码重复和请求冗余问题，提升了字典数据管理效率。
2025-09-01 14:54:15
522
原创 uniapp开发App如何使用正确高德地图。uni.chooseLocation数据不展示问题，uni.getLocation不生效问题。
本文介绍了在UniApp开发中使用高德地图的关键步骤：1) 在高德开放平台注册账号并创建应用，获取API Key；2) 在DCloud开发者平台获取应用的安全码SHA1；3) 特别强调PackageName的正确获取方式（需使用打包时的appid），避免后续地图和位置选择功能出现问题。文中配有详细操作截图，记录了开发过程中容易出错的注意事项，为UniApp集成高德地图提供了实用指南。
2025-07-31 15:51:02
503
原创 uniapp小程序对接腾讯IM即时通讯无ui集成（3）
本文介绍了基于腾讯云IM SDK的即时通讯功能开发过程，已完成文本、语音、图片、视频、表情、消息撤回等基础功能。核心实现包括：1）会话列表展示，通过监听登录状态获取会话数据并显示未读消息；2）聊天页面开发，解决小程序上拉加载历史消息的卡顿问题，采用CSS翻转优化体验。文中提供了关键代码片段，展示如何获取会话列表、跳转聊天页及消息类型判断。目前暂未实现音视频通话功能，后续将进一步完善。开发过程中需注意IM SDK必须在登录成功后调用API。
2025-03-07 10:15:06
1555
13
原创 uniapp小程序对接腾讯IM即时通讯无ui集成（2）
正常项目开发这个字段可以在登陆后让后端返回，现在是测试我们直接去控制台生成一个。有了账号之后开始去小程序进行登陆操作。这里都拿到之后开始去小程序进行登录。这里除了帐号还需要一个校验值。
2025-03-04 16:30:54
858
原创 uniapp小程序对接腾讯IM即时通讯无ui集成（1）
按照文档步骤下载完这两个包后打开项目。有下图这两个包就算完成了开始工作。注册账号后搜索im即时通讯，新创建一个应用。
2025-03-04 16:16:26
1041
2
原创 vue 纯前端对接阿里云oss文件上传封装，支持批量多文件上传，粘贴上传和拖拽上传，大文件上传时拿到上传进度。
vue 纯前端对接阿里云oss文件上传封装，支持批量多文件上传，大文件上传时拿到上传进度。
2024-12-09 23:42:41
2050
5
原创 vue 下载压缩包，自定义文件名下载为zip压缩包文件，全局封装公共方法使用，可以把自定定义的文件夹和文件下载成压缩包。jszip，file-saver。
本文介绍了如何在后台管理系统中全局封装一个自定义压缩包下载方法。首先，通过安装jszip和file-saver库来实现文件压缩和下载功能。接着，定义了一个公共方法jszipDown，该方法支持自定义压缩包名称、文件夹和文件路径，并能够将指定的文件和文件夹打包成压缩包进行下载。
2024-09-11 11:39:45
930
原创 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
625
原创 wx.updateAppMessageShareData 自定义分享内容安卓无效
情况微信公众号使用wxjsdk后分享api全都注入成功，自定义分享内容时ios正常安卓分享出去的是当前页面的url。记录wx.updateAppMessageShareData 自定义分享内容安卓无效 bug，
2024-08-29 09:43:13
2356
原创 vue 列表无限滚动列表，循环完自动切换tab
记录一下大屏常用的滚动组件vue-seamless-scroll 以及滚动完自动切换tab效果。官网没有介绍，这个方法是列表滚动完毕一次就会执行。需要用到插件的一个方法。
2024-08-19 10:36:42
1143
原创 微信小程序骨架屏
骨架屏是常用的一种优化方案，针对于页面还未加载完时给用户的一种反馈方式。如果自己要写骨架屏有点复杂因为页面的元素过多且不稳定，这边直接使用微信开发工具生成骨架屏。也不只有微信开发工具有像常用的抖音开发工具，字节开发工具都有对应的功能。看效果。
2024-08-16 23:35:42
899
原创 el-upload 粘贴上传
通过ref来调用自身的方法比如 handlerStart，handlerSuccess这些都是el-upload身上的方法，这里的ref为。也可以在其他控件中添加事件监听，这里在当前form-item 这个块使用了，只有当你点击目标区域时才有效。对form中的某一个el-form-item添加。事件，事件绑定方法名。
2024-07-10 14:38:38
514
原创 Echarts 社区分享
首页先确定你要使用的Echarts版本，因为现在Echarts5以上版本引入地图与之前版本有所不同。但是大多数地图不太容易搞分享一些比较好用的ECharts社区网站。
2024-06-18 00:09:43
5735
原创 Element el-upload上传图片,视频二次封装。
对element-ui组件的upload组件再一次封装，简单记录。注意点：该组件现在仅支持单图和单个视频上传。
2024-05-16 23:36:54
660
原创 echarts中给图表X轴和Y轴加单位以及给tooltip(提示框)增加单位
我们console.log(params)查看返回值发现我们需要的数据都有，如此就可以for循环加拼接完成效果。都可以设置name字段，设置完name后效果是。支持字符串模板和回调函数两种形式。tooltip(提示框)增加单位和。
2023-12-28 19:42:15
12710
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人