<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sunshine的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/sunshine_qjf</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sunshine_qjf]]></copyright><item><title><![CDATA[前端视频分片上传加断点续传]]></title><link>https://blog.youkuaiyun.com/sunshine_qjf/article/details/149351290</link><guid>https://blog.youkuaiyun.com/sunshine_qjf/article/details/149351290</guid><author>sunshine_qjf</author><pubDate>Tue, 15 Jul 2025 12:37:41 +0800</pubDate><description><![CDATA[本文介绍了大文件分片上传的实现方案，通过前端将文件分割为5M大小的分片，依次上传至后端。关键功能包括：1)支持MP4/MOV/M4V格式，限制1G大小；2)上传过程显示进度条；3)失败时显示红色进度条和续传按钮；4)支持断点续传。前端使用Vue组件实现，包含文件校验、分片处理、进度展示和错误处理逻辑，通过FormData传输分片数据，后端返回上传ID用于断点续传。代码展示了完整的文件选择、上传状态显示和错误处理流程，实现了稳定可靠的大文件上传功能。]]></description><category></category></item><item><title><![CDATA[uniapp微信小程序如何实现分享到朋友圈跟转发功能]]></title><link>https://blog.youkuaiyun.com/sunshine_qjf/article/details/149245053</link><guid>https://blog.youkuaiyun.com/sunshine_qjf/article/details/149245053</guid><author>sunshine_qjf</author><pubDate>Thu, 10 Jul 2025 10:58:02 +0800</pubDate><description><![CDATA[本文介绍了如何在微信小程序中实现分享到朋友圈和转发功能。通过微信原生API wx.showShareMenu()开启分享选项，配置&quot;shareAppMessage&quot;和&quot;shareTimeline&quot;按钮。同时使用uniapp的生命周期函数onShareAppMessage和onShareTimeline处理分享逻辑，包括设置分享标题、路径参数和图标。代码展示了如何获取页面参数并动态生成分享内容，完整实现了小程序分享功能。]]></description><category></category></item><item><title><![CDATA[uniapp微信小程序如何获取场景值跟url上的参数]]></title><link>https://blog.youkuaiyun.com/sunshine_qjf/article/details/149216307</link><guid>https://blog.youkuaiyun.com/sunshine_qjf/article/details/149216307</guid><author>sunshine_qjf</author><pubDate>Wed, 09 Jul 2025 09:31:24 +0800</pubDate><description><![CDATA[本文介绍了在uniapp+vite+uview-plus项目中获取、存储和使用小程序场景值及URL参数的方法。1.获取：在app.vue的onLaunch生命周期中使用uni.getLaunchOptionsSync()获取启动参数并存入Pinia store；2.存储：使用Pinia定义store管理状态，保存启动参数；3.使用：在页面onLoad生命周期中从store获取场景值和URL参数进行业务处理。整个流程实现了启动参数的统一管理和跨页面共享。]]></description><category></category></item><item><title><![CDATA[前端规范之vue脚手架优化———高内聚低耦合的模块化代码管理方案]]></title><link>https://blog.youkuaiyun.com/sunshine_qjf/article/details/146980604</link><guid>https://blog.youkuaiyun.com/sunshine_qjf/article/details/146980604</guid><author>sunshine_qjf</author><pubDate>Tue, 08 Apr 2025 11:01:57 +0800</pubDate><description><![CDATA[高内聚业务模块目录结构，node.js动态读取vuex,router，lang.js注册使用]]></description><category></category></item><item><title><![CDATA[前端规范之-postcss-px-to-viewport插件进行 pc端自适应适配]]></title><link>https://blog.youkuaiyun.com/sunshine_qjf/article/details/145284239</link><guid>https://blog.youkuaiyun.com/sunshine_qjf/article/details/145284239</guid><author>sunshine_qjf</author><pubDate>Fri, 14 Feb 2025 15:22:19 +0800</pubDate><description><![CDATA[要使用。]]></description><category></category></item><item><title><![CDATA[el-table跨页勾选记忆，超过勾选范围提示并删除数据]]></title><link>https://blog.youkuaiyun.com/sunshine_qjf/article/details/145316496</link><guid>https://blog.youkuaiyun.com/sunshine_qjf/article/details/145316496</guid><author>sunshine_qjf</author><pubDate>Thu, 23 Jan 2025 09:51:46 +0800</pubDate><description><![CDATA[步骤二：给el-table增加一个属性row-key，值是表格数据中每一条json数据中唯一值的键名，如id等，同时增加@selection-change="handleSelectionChange"事件监听，用于获取到所有的选中行数据数组。在 type="selection"有复选框的列增加 :reserve-selection="true"遇到需要批量勾选的动作，需要考虑跨页勾选回显数据，方便用户查看勾选情况。增加后就可以实现跨页勾选记忆功能了。]]></description><category></category></item><item><title><![CDATA[前端规范之配置系列-配置Commitlint步骤]]></title><link>https://blog.youkuaiyun.com/sunshine_qjf/article/details/145282108</link><guid>https://blog.youkuaiyun.com/sunshine_qjf/article/details/145282108</guid><author>sunshine_qjf</author><pubDate>Tue, 21 Jan 2025 14:31:04 +0800</pubDate><description><![CDATA[想回忆下当时代码做过什么改动？想迁移一个小功能实现到另外一个分支？代码规范就派上用场了，确保 Husky 和 Commitlint 在项目安装时自动生效，这样其他人就可以很方便的使用规范]]></description><category></category></item><item><title><![CDATA[windows环境前端首次安装运行环境完整步骤（NVM方式）]]></title><link>https://blog.youkuaiyun.com/sunshine_qjf/article/details/145023045</link><guid>https://blog.youkuaiyun.com/sunshine_qjf/article/details/145023045</guid><author>sunshine_qjf</author><pubDate>Thu, 09 Jan 2025 10:53:13 +0800</pubDate><description><![CDATA[前端运行环境安装]]></description><category></category></item></channel></rss>