<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_49931650的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_49931650</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_49931650]]></copyright><item><title><![CDATA[偶遇GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因...]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/136593394</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/136593394</guid><author>weixin_49931650</author><pubDate>Sat, 12 Jul 2025 13:51:12 +0800</pubDate><description><![CDATA[关于vuecli代理服务，明明给服务器发请求，却报错说，GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed，说给本地发请求了]]></description><category></category></item><item><title><![CDATA[[特殊字符] Vue3+NaiveUI实现会跳舞的滚动到中心的Tab栏]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/149153784</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/149153784</guid><author>weixin_49931650</author><pubDate>Sun, 06 Jul 2025 15:40:01 +0800</pubDate><description><![CDATA[Vue3技术栈实现Tab居中切换效果，采用组合式API+TypeScript+NaiveUI+Unocss组合。核心通过ref获取DOM元素和滚动条实例，在点击事件中计算目标Tab居中位置并平滑滚动。亮点包括：精准定位Tab居中、平滑滚动动画、选中态视觉反馈以及响应式布局设计。关键技术点：使用scrollTo方法的smooth行为参数实现流畅滚动，通过offsetLeft和clientWidth计算精确滚动位置，配合Unocss原子化样式实现高效样式管理。]]></description><category></category></item><item><title><![CDATA[uniapp的光标跟随和打字机效果]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/149153468</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/149153468</guid><author>weixin_49931650</author><pubDate>Sun, 06 Jul 2025 15:25:33 +0800</pubDate><description><![CDATA[本文介绍了实现文本输入光标动画效果的完整方案。通过模板定义文本容器和光标元素，使用transform定位光标位置。样式部分包含光标闪烁动画。逻辑实现包括：1) mockResponse方法模拟文本逐字显示；2) updateCursor方法动态计算并更新光标位置，通过创建临时文本节点和Range对象获取坐标；3) getLastTextNode方法查找最后一个文本节点。该方案核心是通过DOM操作和CSS动画实现自然的文本输入效果，适用于需要模拟打字效果的场景。]]></description><category></category></item><item><title><![CDATA[1、uniapp开发微信小程序遭遇的那些事（持续收集中）]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/149153121</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/149153121</guid><author>weixin_49931650</author><pubDate>Sun, 06 Jul 2025 14:59:07 +0800</pubDate><description><![CDATA[小程序开发与H5的插槽使用差异：1.插槽必须直接作为组件子节点，不能被template/v-if包裹，否则微信小程序端会失效；2.混入(mixin)中引入组件无效，小程序不支持该方式。正确做法：1.将v-if移至插槽元素本身；2.组件需在页面直接引入而非通过mixin。这些差异导致从H5转向小程序开发时需特别注意框架限制。（149字）]]></description><category></category></item><item><title><![CDATA[仿制网易云app的微信小程序【已开源，界面高仿】]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/136299802</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/136299802</guid><author>weixin_49931650</author><pubDate>Mon, 26 Feb 2024 15:09:02 +0800</pubDate><description><![CDATA[仿制网易云app大改版之前的大部分ui界面，自设了部分界面做的微信小程序，请求网易云app真实接口【接口是开源的NeteaseCloudMusicApi】，获取每日推荐，推荐歌单，排行榜，视频，用户歌单等等接口，实现音乐播放、切歌、播放顺序【随机、顺序、单曲】，拖动或者点击进度条控制播放进度等等，视频区可以观看视频，并记录视频播放进度注意：登录页面，有账号密码登录，但是被风控了，登录不了，提供了网易云二维码扫码登录，两个页面都有，用swiper包裹，可以滑动查看。]]></description><category></category></item><item><title><![CDATA[微信小程序项目上码云gitee传到 git 仓库]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/136297863</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/136297863</guid><author>weixin_49931650</author><pubDate>Mon, 26 Feb 2024 14:33:04 +0800</pubDate><description><![CDATA[微信小程序项目上码云gitee传到 git 仓库
建立仓库码云-初始化本地git仓库-本地添加远程仓库-上传]]></description><category></category></item><item><title><![CDATA[微信小程序创建BackgroundAudioManager实例，播放背景音频]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/136205088</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/136205088</guid><author>weixin_49931650</author><pubDate>Wed, 21 Feb 2024 16:07:53 +0800</pubDate><description><![CDATA[我们页面加载生命周期中时，创建背景音频的实例对象，并挂在this上，这个时候再去创建这个实例上的【监视音乐播放/暂停/停止】方法，通过这个区修改【isPlay】值，控制播放暂停，无论是页面我们自己设置的按钮，或者是通知栏上的按钮都可以。]]></description><category></category></item><item><title><![CDATA[使用radial-gradient完成弧形凹陷的绘制]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/136124687</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/136124687</guid><author>weixin_49931650</author><pubDate>Fri, 16 Feb 2024 00:44:16 +0800</pubDate><description><![CDATA[注意：radial-gradient里面三个数值  渐变颜色范围值
    3.1 radial-gradient里面三个数值 < 盒子高度，正常显示
    3.2radial-gradient里面三个数值>盒子高度，真正的渐变半径还是盒子的高度【你盒子高度还是这么高，渐变半径再大，就切不到底边了】
    3.3渐变半径要 ]]></description><category></category></item><item><title><![CDATA[微信小程序 video 组件[播新视频旧视频暂停，再次播放延续上次播放时长]]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/136103667</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/136103667</guid><author>weixin_49931650</author><pubDate>Tue, 13 Feb 2024 23:17:32 +0800</pubDate><description><![CDATA[播放新视频，旧视频暂停
  ## 1、点击播放时，获取当前 video 组件中的 视频id
  ## 2、2.1 点击第一个视频，没有视频实例、vid，先在this上创建一个 vid 和创建 视频实例对象
        2.2 点击另一个视频，新的视频开始播放，这时的 vid 和 视频实例 还是之前第一个视频的
        2.3 判断 this 上的 vid 是否改变，改变了，去判断是否有视频实例
        3.4 有视频实例，不管是否播放，去停止它播放，再去记录新的视频实例和vid]]></description><category></category></item><item><title><![CDATA[微信小程序scroll-view组件[使用竖向横向滚动，flex布局不起效问题，滚动到下个元素及其滚动动画]]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/136108040</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/136108040</guid><author>weixin_49931650</author><pubDate>Tue, 13 Feb 2024 18:07:31 +0800</pubDate><description><![CDATA[scroll-y属性：使用竖向滚动，必须给scroll-view一个固定高度
scroll-x属性：使用横向滚动，必须加以下样式
enable-flex 启用 flexbox 布局。
scroll-into-view滚动到该元素、scroll-with-animation滚动时的动画]]></description><category></category></item><item><title><![CDATA[移动端设置position: fixed；固定定位，底部出现一条缝隙，不知原因，欢迎探讨！！！]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/136078078</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/136078078</guid><author>weixin_49931650</author><pubDate>Thu, 08 Feb 2024 13:00:32 +0800</pubDate><description><![CDATA[在父盒子中有一个子盒子，父盒子加了固定定位，需要子盒子上下都有要边距，用margin或者padding挤开时，会出现缝隙是子盒子背景颜色的。
解决方案：
1、父盒子不设置颜色，让其为默认的白色
2、设置父盒子高度不超过子盒子的【底部】（不包括子盒子的边距）
3、子盒子加上transform:translateZ(0);之后，缝隙消失]]></description><category></category></item><item><title><![CDATA[微信小程序的图片色彩分析，解决画布网络图片报错问题，窃取网络图片的主色调]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/136048690</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/136048690</guid><author>weixin_49931650</author><pubDate>Mon, 05 Feb 2024 22:25:46 +0800</pubDate><description><![CDATA[问题：由于我们的窃取图片的是需要画布的，我需要使用网络图片去用画布时，微信小程序会报错，最后发现，需要本地图片才行，用网络图片会出问题
解决方案：我们使用wx.downloadFile去下载该图片，然后获取临时路径去使用画布和Mini App Color Thief 包 窃取图片颜色，防止图片重复下载的话，我们去用微信小程序中的另一个api，FileSystemManager.access(Object object)去判断临时文件是否存在]]></description><category></category></item><item><title><![CDATA[微信小程序的图片色彩分析，窃取主色调，调色板]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/136006138</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/136006138</guid><author>weixin_49931650</author><pubDate>Sat, 03 Feb 2024 12:45:25 +0800</pubDate><description><![CDATA[微信小程序的图片色彩分析，窃取主色调，调色板。]]></description><category></category></item><item><title><![CDATA[解决硅谷仿制网易云小程序登录问题，并获取cookie]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/135978137</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/135978137</guid><author>weixin_49931650</author><pubDate>Thu, 01 Feb 2024 17:19:47 +0800</pubDate><description><![CDATA[我试过手机号密码登录，手机号验证码登录，都没有用，邮箱我账号没有绑定就不用了，最后发现只有二维码登录才行，可能你会觉得二维码登录在小程序奇奇怪怪的，但是没有办法，现在只能这样了。]]></description><category></category></item><item><title><![CDATA[npm i 遇到了 npm ERR! code CERT_HAS_EXPIRED]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/135950251</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/135950251</guid><author>weixin_49931650</author><pubDate>Wed, 31 Jan 2024 12:05:37 +0800</pubDate><description><![CDATA[npm ERR! code CERT_HAS_EXPIRED
npm ERR! errno CERT_HAS_EXPIRED
发现 SSL 证书已经过期所致。]]></description><category></category></item><item><title><![CDATA[回顾基础--HTML篇]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/135166078</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/135166078</guid><author>weixin_49931650</author><pubDate>Sat, 06 Jan 2024 16:49:38 +0800</pubDate><description><![CDATA[常见标签：h1、div、span、dl、dt、ol、ul、li、img、table、select等等，包括特性和常用属性]]></description><category></category></item><item><title><![CDATA[基于 vite 创建 Vue3 项目，新增的目录文件分析，启动项目]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/135326331</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/135326331</guid><author>weixin_49931650</author><pubDate>Tue, 02 Jan 2024 14:59:43 +0800</pubDate><description><![CDATA[基于 vite 创建 Vue3 项目，新增的目录文件分析，最后npm run dev启动项目]]></description><category></category></item><item><title><![CDATA[vue没有使用fetch报错 Uncaught (in promise) TypeError: Failed to fetch]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/135128107</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/135128107</guid><author>weixin_49931650</author><pubDate>Thu, 21 Dec 2023 12:57:55 +0800</pubDate><description><![CDATA[出现下面的错误，主要也没有用谷歌浏览器什么和发起fetch请求，找了很久没有什么发现。在控制台打开网络发现，有一个错误的fetch请求。最后发现是浏览器开启了严格模式的问题。]]></description><category></category></item><item><title><![CDATA[vue使用elementui的el-menu的折叠菜单collapse]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/134745781</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/134745781</guid><author>weixin_49931650</author><pubDate>Sat, 02 Dec 2023 12:07:07 +0800</pubDate><description><![CDATA[由于我的是在el-menu所在组件外面的兄弟组件设置是否折叠的控制，我用事件总线bus进行是否折叠传递。就是如此，有疑问评论区见。]]></description><category></category></item><item><title><![CDATA[vue2使用ElementUI]]></title><link>https://blog.youkuaiyun.com/weixin_49931650/article/details/134740307</link><guid>https://blog.youkuaiyun.com/weixin_49931650/article/details/134740307</guid><author>weixin_49931650</author><pubDate>Fri, 01 Dec 2023 17:48:21 +0800</pubDate><description><![CDATA[我们可以只引入需要的组件，以达到减小项目体积的目的。然后直接在官网选取合适控件引入使用即可。下载：npm i element-ui。]]></description><category></category></item></channel></rss>