<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[junhian的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/junhian</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; junhian]]></copyright><item><title><![CDATA[针对微信公众号使用快钱支付]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/150953596</link><guid>https://blog.youkuaiyun.com/junhian/article/details/150953596</guid><author>junhian</author><pubDate>Thu, 28 Aug 2025 15:54:30 +0800</pubDate><description><![CDATA[微信h5，微信小程序对接快钱支付]]></description><category></category></item><item><title><![CDATA[uniapp各大平台导航组件]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/149527272</link><guid>https://blog.youkuaiyun.com/junhian/article/details/149527272</guid><author>junhian</author><pubDate>Tue, 22 Jul 2025 09:44:52 +0800</pubDate><description><![CDATA[uniapp各大平台导航组件]]></description><category></category></item><item><title><![CDATA[uniapp类似抖音视频滑动]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/149268113</link><guid>https://blog.youkuaiyun.com/junhian/article/details/149268113</guid><author>junhian</author><pubDate>Fri, 11 Jul 2025 10:22:35 +0800</pubDate><description><![CDATA[基于uniapp+vue3的抖音视频]]></description><category></category></item><item><title><![CDATA[uni.chooseVideo 后h5端获取图片第一帧图片]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/148846627</link><guid>https://blog.youkuaiyun.com/junhian/article/details/148846627</guid><author>junhian</author><pubDate>Mon, 23 Jun 2025 14:50:37 +0800</pubDate><description><![CDATA[摘要：针对uni.chooseVideo在H5端无法获取视频封面图片的问题，本文提供了一种使用canvas绘制视频帧的解决方案。关键步骤包括：1)创建隐藏的canvas元素；2)通过按钮触发视频选择；3)使用独立video元素加载视频并跳转到指定时间点；4)用canvas绘制视频帧并转换为图片。方案特别注意canvas宽高需与绘制尺寸一致，并通过延迟处理确保组件渲染完成。该方法实现了H5端视频封面截取功能，兼容性较好。]]></description><category></category></item><item><title><![CDATA[使用腾讯地图检索地点]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/147588197</link><guid>https://blog.youkuaiyun.com/junhian/article/details/147588197</guid><author>junhian</author><pubDate>Mon, 28 Apr 2025 15:21:58 +0800</pubDate><description><![CDATA[腾讯地图检索功能，需要经纬度返给商户后端。]]></description><category></category></item><item><title><![CDATA[前端代理工具]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/147273522</link><guid>https://blog.youkuaiyun.com/junhian/article/details/147273522</guid><author>junhian</author><pubDate>Wed, 16 Apr 2025 11:54:01 +0800</pubDate><description><![CDATA[前端最普遍的就是遇到跨域，这个问题一般都会用node框架例如egg，express工具编写。最主要的文件是proxy.js。下面就开始看看项目架构。这样你前端项目就可以用。]]></description><category></category></item><item><title><![CDATA[用css绘制收银键盘]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/146365006</link><guid>https://blog.youkuaiyun.com/junhian/article/details/146365006</guid><author>junhian</author><pubDate>Wed, 19 Mar 2025 11:41:27 +0800</pubDate><description><![CDATA[最近需求说需要自己弄个收银键盘，于是乎直接上手搓。主要基于Vue3写的，主要是CSS。]]></description><category></category></item><item><title><![CDATA[魔改switch样式]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/145950050</link><guid>https://blog.youkuaiyun.com/junhian/article/details/145950050</guid><author>junhian</author><pubDate>Sat, 01 Mar 2025 16:52:57 +0800</pubDate><description><![CDATA[魔改switch组件]]></description><category></category></item><item><title><![CDATA[radio魔改checkbox样式]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/145949927</link><guid>https://blog.youkuaiyun.com/junhian/article/details/145949927</guid><author>junhian</author><pubDate>Sat, 01 Mar 2025 16:43:45 +0800</pubDate><description><![CDATA[radio变成checkbox样式]]></description><category></category></item><item><title><![CDATA[当路由模式为hash怎么对接京东物流回调链接]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/137818056</link><guid>https://blog.youkuaiyun.com/junhian/article/details/137818056</guid><author>junhian</author><pubDate>Tue, 16 Apr 2024 13:09:51 +0800</pubDate><description><![CDATA[当路由模式为hash怎么对接京东物流回调链接]]></description><category></category></item><item><title><![CDATA[自定义树形筛选选择组件]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/137350198</link><guid>https://blog.youkuaiyun.com/junhian/article/details/137350198</guid><author>junhian</author><pubDate>Wed, 03 Apr 2024 16:43:36 +0800</pubDate><description><![CDATA[树形筛选选择组件]]></description><category></category></item><item><title><![CDATA[el-input 限制输入]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/137146987</link><guid>https://blog.youkuaiyun.com/junhian/article/details/137146987</guid><author>junhian</author><pubDate>Fri, 29 Mar 2024 15:28:33 +0800</pubDate><description><![CDATA[限制最大只能10位且小数点后两位。]]></description><category></category></item><item><title><![CDATA[el-tree 勾选父级自动勾选子集，勾选子集不关联父级]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/136934030</link><guid>https://blog.youkuaiyun.com/junhian/article/details/136934030</guid><author>junhian</author><pubDate>Fri, 22 Mar 2024 11:34:22 +0800</pubDate><description><![CDATA[我的第一反应就是check-strictly设为true不关联，用父级唯一标识去判断是不是父级，然后利用check方法把下面所有符合父级要求的值丢到setCheckedKeys中，但这个有两个问题如果有两个数据，只能勾选一个，点击子集也无法勾选，可能需要自己去适配吧。想到另外一种思路利用check-change方法判断是不是勾选状态，是的话就遍历子集。前提：最近有个树形需求，勾选父级自动勾选子集，勾选子集不关联父级。]]></description><category></category></item><item><title><![CDATA[vxe-table 尾部合计使用]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/136844219</link><guid>https://blog.youkuaiyun.com/junhian/article/details/136844219</guid><author>junhian</author><pubDate>Tue, 19 Mar 2024 15:33:50 +0800</pubDate><description><![CDATA[vxe-table 尾部合计使用]]></description><category></category></item><item><title><![CDATA[数组对比后不同标记颜色]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/136658103</link><guid>https://blog.youkuaiyun.com/junhian/article/details/136658103</guid><author>junhian</author><pubDate>Tue, 12 Mar 2024 17:38:14 +0800</pubDate><description><![CDATA[思路：数组遍历后使用js方法去处理后给数据设置颜色值。数据是样的：后端返回数据是这样的。]]></description><category></category></item><item><title><![CDATA[Cascader 级联选择器可以选择任意一级]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/136298887</link><guid>https://blog.youkuaiyun.com/junhian/article/details/136298887</guid><author>junhian</author><pubDate>Mon, 26 Feb 2024 14:47:24 +0800</pubDate><description><![CDATA[Cascader 级联选择器可以选择任意一级]]></description><category></category></item><item><title><![CDATA[nuxt微信分享实战]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/135496313</link><guid>https://blog.youkuaiyun.com/junhian/article/details/135496313</guid><author>junhian</author><pubDate>Wed, 10 Jan 2024 10:17:10 +0800</pubDate><description><![CDATA[前提工作：公众号账号需要认证并且配置域名,例如域名为http://www.baidu.com,配置应该为baidu.com。1.在plugins目录下新建一个wxShare.js文件。2.在nuxt.config.js plugins里面配置。]]></description><category></category></item><item><title><![CDATA[步骤条组件]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/135057007</link><guid>https://blog.youkuaiyun.com/junhian/article/details/135057007</guid><author>junhian</author><pubDate>Mon, 18 Dec 2023 10:40:42 +0800</pubDate><description><![CDATA[最近做了一个步骤条组件，使用的是vue3语法，vue2请自己做兼容。]]></description><category></category></item><item><title><![CDATA[数组相同属性名累加]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/134702167</link><guid>https://blog.youkuaiyun.com/junhian/article/details/134702167</guid><author>junhian</author><pubDate>Thu, 30 Nov 2023 00:21:24 +0800</pubDate><description><![CDATA[常见的方法大多都是利用JS forEach方法后findIndex，另外一种是reduce方法。最近公司有一个业务就是表格返回一个数组里面有属性名是相同的，如果直接渲染会占大量不必要空间。所以产品提出了相同属性名只显示一个，值是所有想同属相名累加。]]></description><category></category></item><item><title><![CDATA[uniapp步骤条使用]]></title><link>https://blog.youkuaiyun.com/junhian/article/details/134367799</link><guid>https://blog.youkuaiyun.com/junhian/article/details/134367799</guid><author>junhian</author><pubDate>Sun, 12 Nov 2023 23:18:46 +0800</pubDate><description><![CDATA[最近公司有一个这种需求，就是需要画一个简单步骤条，然后能显示进度。]]></description><category></category></item></channel></rss>