- 博客(8)
- 收藏
- 关注
RSS订阅原创 前端视频分片上传加断点续传
本文介绍了大文件分片上传的实现方案，通过前端将文件分割为5M大小的分片，依次上传至后端。关键功能包括：1)支持MP4/MOV/M4V格式，限制1G大小；2)上传过程显示进度条；3)失败时显示红色进度条和续传按钮；4)支持断点续传。前端使用Vue组件实现，包含文件校验、分片处理、进度展示和错误处理逻辑，通过FormData传输分片数据，后端返回上传ID用于断点续传。代码展示了完整的文件选择、上传状态显示和错误处理流程，实现了稳定可靠的大文件上传功能。
2025-07-15 12:37:41
238
原创 uniapp微信小程序如何实现分享到朋友圈跟转发功能
本文介绍了如何在微信小程序中实现分享到朋友圈和转发功能。通过微信原生API wx.showShareMenu()开启分享选项，配置"shareAppMessage"和"shareTimeline"按钮。同时使用uniapp的生命周期函数onShareAppMessage和onShareTimeline处理分享逻辑，包括设置分享标题、路径参数和图标。代码展示了如何获取页面参数并动态生成分享内容，完整实现了小程序分享功能。
2025-07-10 10:58:02
473
原创 uniapp微信小程序如何获取场景值跟url上的参数
本文介绍了在uniapp+vite+uview-plus项目中获取、存储和使用小程序场景值及URL参数的方法。1.获取：在app.vue的onLaunch生命周期中使用uni.getLaunchOptionsSync()获取启动参数并存入Pinia store；2.存储：使用Pinia定义store管理状态，保存启动参数；3.使用：在页面onLoad生命周期中从store获取场景值和URL参数进行业务处理。整个流程实现了启动参数的统一管理和跨页面共享。
2025-07-09 09:31:24
431
原创 前端规范之vue脚手架优化———高内聚低耦合的模块化代码管理方案
高内聚业务模块目录结构，node.js动态读取vuex,router，lang.js注册使用
2025-04-08 11:01:57
797
原创 el-table跨页勾选记忆，超过勾选范围提示并删除数据
步骤二：给el-table增加一个属性row-key，值是表格数据中每一条json数据中唯一值的键名，如id等，同时增加@selection-change="handleSelectionChange"事件监听，用于获取到所有的选中行数据数组。在 type="selection"有复选框的列增加 :reserve-selection="true"遇到需要批量勾选的动作，需要考虑跨页勾选回显数据，方便用户查看勾选情况。增加后就可以实现跨页勾选记忆功能了。
2025-01-23 09:51:46
467
原创 前端规范之配置系列-配置Commitlint步骤
想回忆下当时代码做过什么改动？想迁移一个小功能实现到另外一个分支？代码规范就派上用场了，确保 Husky 和 Commitlint 在项目安装时自动生效，这样其他人就可以很方便的使用规范
2025-01-21 14:31:04
1787
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人