<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Cy01234的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Cy01234</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Cy01234]]></copyright><item><title><![CDATA[vant UI之van-tab如何实现标题两行显示]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/141885407</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/141885407</guid><author>Cy01234</author><pubDate>Wed, 04 Sep 2024 10:35:16 +0800</pubDate><description><![CDATA[完美解决tab标题两行显示问题。]]></description><category></category></item><item><title><![CDATA[上传图片之限制图片尺寸和大小]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/141568394</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/141568394</guid><author>Cy01234</author><pubDate>Mon, 26 Aug 2024 17:09:23 +0800</pubDate><description><![CDATA[在前段时间开发的上传图片功能后，突然有天客户反馈无法上传图片，经过一系列的排查发现上传到后端的图片大小不能太大，需要前端在上传图片时加以限制。]]></description><category></category></item><item><title><![CDATA[记录微信小程序点击打开相机或者相册的功能]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/141565721</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/141565721</guid><author>Cy01234</author><pubDate>Mon, 26 Aug 2024 15:54:54 +0800</pubDate><description><![CDATA[前段时间领导要求在小程序中开发一个识别照片的功能，这就需要使用到微信小程序的一个api：wx.chooseMedia(Object object)。下面简单介绍一下如何使用。]]></description><category></category></item><item><title><![CDATA[记录vue3中h函数的各种使用方式]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/140457222</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/140457222</guid><author>Cy01234</author><pubDate>Tue, 16 Jul 2024 10:33:19 +0800</pubDate><description><![CDATA[摘录h函数的各种使用方式]]></description><category></category></item><item><title><![CDATA[使用Naive UI的级联选择器 Cascader进行省市区选择]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139864144</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139864144</guid><author>Cy01234</author><pubDate>Fri, 21 Jun 2024 16:56:23 +0800</pubDate><description><![CDATA[在进行PC版的功能开发时，进行客户管理时老板要让客户便捷的选择自己的省市区等信息，而不是让他们一个个去填写，这时就需要使用级联选择器来进行省市区的选择。]]></description><category></category></item><item><title><![CDATA[使用input框实现音频文件的上传与播放]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139773279</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139773279</guid><author>Cy01234</author><pubDate>Tue, 18 Jun 2024 15:43:36 +0800</pubDate><description><![CDATA[最近的系统加的功能是越来越多了，前两天老板又让实现一个录音上传的功能，可以点击播放按钮打开音频播放器，点击暂停按钮暂定播放。想了想决定使用input框的file类型加上接收的参数为audio来实现此功能。]]></description><category></category></item><item><title><![CDATA[谈一谈Android系统和iOS系统的点击实现复制功能]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139698527</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139698527</guid><author>Cy01234</author><pubDate>Sat, 15 Jun 2024 11:09:37 +0800</pubDate><description><![CDATA[谈到复制功能，想必大多数人都使用的navigator.clipboard.writeText（）来实现对文本的复制。但是这个方法却只能在Android系统中成功复制到剪切板，在iOS系统中却不行，下面就谈谈iOS系统中的问题和实现方法。]]></description><category></category></item><item><title><![CDATA[每日小技巧：使用的flex布局时文字换行情况]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139625110</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139625110</guid><author>Cy01234</author><pubDate>Wed, 12 Jun 2024 14:19:48 +0800</pubDate><description><![CDATA[很多小伙伴在写代码时可能都会有这样的一个烦恼，在屏幕尺寸进行缩放时或者在不同的手机屏幕尺寸不同时，使用的flex布局时文字有可能会掉下来。这时就有了这样的一个方法，flex-shrink。]]></description><category></category></item><item><title><![CDATA[每日小技巧：解决在微信小程序中使用image时底部留白问题。]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139600147</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139600147</guid><author>Cy01234</author><pubDate>Tue, 11 Jun 2024 15:30:52 +0800</pubDate><description><![CDATA[前段时间公司领导安排开发一款微信小程序，正当自以为大功告成时，测试反应了一个问题：在小程序中每个图片下方都有白色空白。这让我开心的心急剧下跌，立马检查代码处理问题。在检查完代码后发现代码本身并无问题，这时就开始纳闷是什么原因了。在查阅资料后发现原来是微信小程序开发文档image自身的原因，其实我也想不通为什么他们要设置每个图片下方都有白色空白。]]></description><category></category></item><item><title><![CDATA[Sass详解]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139515413</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139515413</guid><author>Cy01234</author><pubDate>Fri, 07 Jun 2024 09:41:48 +0800</pubDate><description><![CDATA[Sass（Syntactically Awesome Stylesheets）是一种CSS预处理器，它扩展了CSS语言，引入了变量、嵌套规则、混合（mixins）、继承、函数、运算符等特性，使得编写CSS更加高效、模块化、易于维护。]]></description><category></category></item><item><title><![CDATA[记录使用fastclick插件在ios系统中产生的bug]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139492871</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139492871</guid><author>Cy01234</author><pubDate>Thu, 06 Jun 2024 10:54:35 +0800</pubDate><description><![CDATA[前段时间为了提高iOS端的性能和使用体验，安装了fastclick插件。fastclick插件确实在iOS端让点击事件和交互变的流畅，让用户体验感比较好。不过正当我感觉一切都大功告成的时候，用户反馈某个部分点击之后页面就卡着不动了，这让我安下的心又悬了起来，立马打开代码排查问题，果然bug存在而且是成对存在。]]></description><category></category></item><item><title><![CDATA[带你玩转路由跳转并传值]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139352187</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139352187</guid><author>Cy01234</author><pubDate>Fri, 31 May 2024 15:01:21 +0800</pubDate><description><![CDATA[在负责客户管理系统时，由客户列表页跳转入客户详情页时，需要传不同客户的id来渲染不同信息的客户详情信息，这时就需要 vue-router 的 route 进行传值。]]></description><category></category></item><item><title><![CDATA[每日一个小技巧：解决使用vue3在苹果系统上滑动卡顿和缓慢问题]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139328127</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139328127</guid><author>Cy01234</author><pubDate>Thu, 30 May 2024 16:44:19 +0800</pubDate><description><![CDATA[聊一聊最近使用vue3开发的新系统吧，在安卓系统上测试一切正常，但是上线之后苹果系统的一系列问题就出来了，用户首先就是反馈苹果系统页面滑动卡顿。]]></description><category></category></item><item><title><![CDATA[每日一个小技巧：解决移动端使用vue3在iOS系统上点击事件卡顿和延迟情况]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139270996</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139270996</guid><author>Cy01234</author><pubDate>Tue, 28 May 2024 16:41:03 +0800</pubDate><description><![CDATA[在最近开发的一款移动端客户管理系统时，使用组件naive UI开发和 vue的点击事件click时在iOS系统上点击非常卡顿和缓慢，用户体验感非常差。在查阅多个资料加上测试之后，寻到了一个方法使操作流程起来。]]></description><category></category></item><item><title><![CDATA[《探索Web前端三大主流框架：React、Angular和Vue.js》]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139253257</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139253257</guid><author>Cy01234</author><pubDate>Tue, 28 May 2024 09:04:48 +0800</pubDate><description><![CDATA[在当前的Web前端开发领域，React、Angular和Vue.js是三大主流框架，它们分别由领先的科技巨头Facebook、Google和著名工程师尤雨溪开发，为开发者们提供了强大的工具和技术支持。本文将深入探讨这三大主流框架的特点、优势以及适用场景，帮助读者更好地了解每种框架的特性和适用情况。]]></description><category></category></item><item><title><![CDATA[干货分享：Vue 3和TypeScript结合进行API封装]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139241933</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139241933</guid><author>Cy01234</author><pubDate>Mon, 27 May 2024 17:27:15 +0800</pubDate><description><![CDATA[在现代的前端开发中，使用Vue 3和TypeScript结合进行API封装已经成为一种流行的实践。通过将Vue 3的响应式性与TypeScript的静态类型检查相结合，我们可以更加安全和高效地管理和使用接口请求。本文将介绍如何在Vue 3项目中使用TypeScript进行API封装，以提高代码质量、可维护性和可读性。从创建API Service到定义接口类型，从封装请求方法到统一处理错误，本文将逐步引导您实现一个高度可扩展和可维护的API封装方案。]]></description><category></category></item><item><title><![CDATA[vue3之使用naive ui 书写日期选择器]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139177899</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139177899</guid><author>Cy01234</author><pubDate>Fri, 24 May 2024 16:34:17 +0800</pubDate><description><![CDATA[前言：有些系统是需要筛选时间等插件，阅读文档却又一知半解，这里详解一下naive ui 的日期选择器n-date-picker。]]></description><category></category></item><item><title><![CDATA[Vue3使用Naive UI组件时如何使用n-select]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139176911</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139176911</guid><author>Cy01234</author><pubDate>Fri, 24 May 2024 16:05:04 +0800</pubDate><description><![CDATA[在利用vue3框架进行开发时尤大大推荐使用naive ui组件进行开发。这里来详解n-select的具体使用方法和功能。]]></description><category></category></item><item><title><![CDATA[Vue3之使用echarts放置中国地图]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139136731</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139136731</guid><author>Cy01234</author><pubDate>Thu, 23 May 2024 10:10:00 +0800</pubDate><description><![CDATA[3. 创建一个map.vue  引入  china.json 和 echarts 和 prop.ts。china.json文件包数据量过大，这里暂不展示，如有需要可搜索下载或私信博主分享给大家。前言：很多小伙伴在前端开发中有时需要中国地图来点击查看每个省的数据这样的需求，博主也是调式了几天完成了这样的效果。4.注册中国地图,这里展示完整了map.vue代码，props为父组件传来的数据。2.为地图设定一个自适应的宽度和可自行改变的高度。这里创建引用prop.ts。5.父组件使用map.vue。]]></description><category></category></item><item><title><![CDATA[vue3移动端滑动翻页效果]]></title><link>https://blog.youkuaiyun.com/Cy01234/article/details/139120251</link><guid>https://blog.youkuaiyun.com/Cy01234/article/details/139120251</guid><author>Cy01234</author><pubDate>Wed, 22 May 2024 15:17:27 +0800</pubDate><description><![CDATA[在对接接口时后端返回的参数内有 page(页数)pagesize(一页的数据条数),想要接口的数据不直接全部展示在页面上，实现分页展示效果减少服务器响应时间。下面使用vue3setup来进行演示。]]></description><category></category></item></channel></rss>