<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Yan9_9的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Yan9_9</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Yan9_9]]></copyright><item><title><![CDATA[探索 Vue 3 中 vue-router 的 router.resolve () API]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/147150525</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/147150525</guid><author>Yan9_9</author><pubDate>Fri, 11 Apr 2025 17:47:28 +0800</pubDate><description><![CDATA[当我们在 Vue 3 应用里需要明确某个路由地址对应的详细信息时，它就能派上用场。我们给它传入路由信息，像路径、参数等，它会解析出对应的路由对象，这个对象包含了最终的 URL、要渲染的组件等关键信息。有时候，我们可能需要提前知晓某个路由对应的组件是什么，或者它是否有嵌套路由等信息。参数，它能为我们生成准确无误的 URL，避免手动拼接路径可能产生的错误。想象一下，我们的应用有一个商品详情页面，路由路径是。假设我们的路由表是这样的。]]></description><category></category></item><item><title><![CDATA[【常用功能】下载文件和复制到剪切板]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/147149728</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/147149728</guid><author>Yan9_9</author><pubDate>Fri, 11 Apr 2025 17:15:09 +0800</pubDate><description><![CDATA[前端人员在开发时经常会遇到：后端给一个地址，需要去下载的需求。
将页面的内容复制到剪切板。]]></description><category></category></item><item><title><![CDATA[自定义指令--【v-lockScroll】用来锁定滚动条]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/146642034</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/146642034</guid><author>Yan9_9</author><pubDate>Sat, 29 Mar 2025 10:53:56 +0800</pubDate><description><![CDATA[于是，思考过后，发现我们自己封装一个自定义指令,在组件展示的时候将滚动条给锁定+隐藏，问题就解决了。最近在开发业务上，遇到了自己封装的modal组件，组件弹出的时候，会覆盖到页面最上层。但是覆盖出现了，而页面底层的滚动条还可以滑动，这样对用户就不是很友好了。unmounted时候将body的overflow和宽度复原到最初。这个时候当我们再次打开组件时候，页面的滚动条就被禁用了。滚动条的宽度=浏览器窗口宽度 - 文档内部宽度.]]></description><category></category></item><item><title><![CDATA[第三方库XLSX: 前端上传excel文件，并对excel文件内容做校验。]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/145700885</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/145700885</guid><author>Yan9_9</author><pubDate>Tue, 18 Feb 2025 11:09:05 +0800</pubDate><description><![CDATA[大家好，我是喝西瓜汁的兔叽，今天给大家分享前端上传excel文件给后端,并且对excel的内容进行检验的需求。]]></description><category></category></item><item><title><![CDATA[文字投影效果]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/145422859</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/145422859</guid><author>Yan9_9</author><pubDate>Sun, 02 Feb 2025 21:32:19 +0800</pubDate><description><![CDATA[大家好，我是喝西瓜汁的兔叽，今天给大家分享一个常见的文字投影效果。]]></description><category></category></item><item><title><![CDATA[Vue3中修改父组件传递到子组件中的值(全网少有)]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/128343052</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/128343052</guid><author>Yan9_9</author><pubDate>Mon, 09 Dec 2024 14:40:04 +0800</pubDate><description><![CDATA[/此处是父组件中引入的子组件 < ChildrenView v - model : num = "num" / > //定义数据 let num = ref(10);//定义num为10,传递给子组件< script setup > //子组件接收父组件传递过来的数据 let props = defineProps({});]]></description><category></category></item><item><title><![CDATA[使用Vite搭建vue3+TS项目]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/128598017</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/128598017</guid><author>Yan9_9</author><pubDate>Mon, 09 Dec 2024 14:39:49 +0800</pubDate><description><![CDATA[vite 是一个基于 Vue3 单文件组件的非打包开发服务器，它具有快速的冷启动，不需要等待打包操作；并且官网说是下一代的前端构建工具。]]></description><category></category></item><item><title><![CDATA[WebGL--vue+openlayers实现绘制多边形并且计算出多边形内的物体数量]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/127986917</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/127986917</guid><author>Yan9_9</author><pubDate>Mon, 09 Dec 2024 14:38:50 +0800</pubDate><description><![CDATA[上面用了两种方法来计算点是否在多边形内。]]></description><category></category></item><item><title><![CDATA[避大坑！Vue3中reactive丢失响应式的问题]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/128617371</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/128617371</guid><author>Yan9_9</author><pubDate>Mon, 09 Dec 2024 14:35:42 +0800</pubDate><description><![CDATA[避开直接赋值和结构，reactive直接包裹一个对象。简单数据类型使用ref()来进行定义。]]></description><category></category></item><item><title><![CDATA[代码之外:我在2024年的前端人生探险之旅]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/144346841</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/144346841</guid><author>Yan9_9</author><pubDate>Mon, 09 Dec 2024 14:03:58 +0800</pubDate><description><![CDATA[工作和人生产生交织，年轻人的心路历程，迷茫？清醒？人生不只有工作，全球经济碰撞下，当代年轻人的缩影...]]></description><category></category></item><item><title><![CDATA[解决右键打印html只能识别1页的问题]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/132312119</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/132312119</guid><author>Yan9_9</author><pubDate>Wed, 16 Aug 2023 09:46:16 +0800</pubDate><description><![CDATA[hello,大家好久不见,昨天在开发中遇到了一个问题,就是在自己开发的网页中右键-->打印，由于页面内容过多，打印出来的内容只被识别到一页。针对这一问题，查阅了好多资料最终解决啦。]]></description><category></category></item><item><title><![CDATA[一篇文章让你彻底学会--节流（并且自己可以手写）]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/130314674</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/130314674</guid><author>Yan9_9</author><pubDate>Sun, 23 Apr 2023 09:40:14 +0800</pubDate><description><![CDATA[Hi,有的小伙伴们在面试的时候会被要求手写，很多都被难着了吧，宝贝，那你你没有理解节流函数。今天，就让我带你攻克它！]]></description><category></category></item><item><title><![CDATA[一篇文章让你彻底学会--防抖（并且自己可以手写）]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/130291916</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/130291916</guid><author>Yan9_9</author><pubDate>Fri, 21 Apr 2023 16:52:03 +0800</pubDate><description><![CDATA[一篇文章让你学会防抖。]]></description><category></category></item><item><title><![CDATA[vue3中使用base64加密(两种方法)]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/130196653</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/130196653</guid><author>Yan9_9</author><pubDate>Mon, 17 Apr 2023 11:45:33 +0800</pubDate><description><![CDATA[Hi,今天分享一个在vue中使用base64对用户名、密码进行加密的小案例。我们是可以有两种方法的：1.使用插件:js-base642.引入文件。]]></description><category></category></item><item><title><![CDATA[antd-vue中树结构显示 在线数/总数，实现在线人员绿色高亮，排序在前。（超难）]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/129299121</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/129299121</guid><author>Yan9_9</author><pubDate>Thu, 02 Mar 2023 15:21:46 +0800</pubDate><description><![CDATA[antd-vue中树结构显示 在线数/总数，实现在线人员绿色高亮，排序在前。
最近开发中，遇到了一个需求，需要使用到antd-vue下的Tree组件。需要实现的功能点如下：
1.树结构是部门的组织机构，包含的有部门内容和人员。
2.每个树节点标题需要显示（在线人数/总数）的格式。
3.对于在线人员，需要图标点亮，并且排序在最上方展示。对于离线人员，需要图标暗掉。]]></description><category></category></item><item><title><![CDATA[导出Excel表格(调用后端接口方式)]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/129020513</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/129020513</guid><author>Yan9_9</author><pubDate>Tue, 14 Feb 2023 09:05:28 +0800</pubDate><description><![CDATA[在开发中我们会遇到导出Excel表格的需求，但是导出分为前端生成和后端生成。
前端生成的方式优快云其他小伙伴已经做出了很多教程，是依赖xlsx插件。
但是，今天我讲的是，调用后端接口的方式生成Excel表格。]]></description><category></category></item><item><title><![CDATA[antd-vue的修改树选择器treeData的属性名(递归实现)]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/129020355</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/129020355</guid><author>Yan9_9</author><pubDate>Tue, 14 Feb 2023 08:48:09 +0800</pubDate><description><![CDATA[在项目开发中，使用了antd-vue中的树选择器，但是antd-vue的树选择器的treeData的键值对是title和value.
但是我们后台给的数据是title和key,这就对应不上了，所以需要我们递归修改一下数据即可。]]></description><category></category></item><item><title><![CDATA[重磅！！！Vue3中的响应式语法糖(官网更新)]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/128917765</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/128917765</guid><author>Yan9_9</author><pubDate>Tue, 07 Feb 2023 14:52:27 +0800</pubDate><description><![CDATA[ref()其实,$ref()的使用就是这么简单，我们只需要注意:每一个会返回 ref 的响应式 API ($ref、$computed等)都有一个相对应的、以 $ 为前缀的宏函数。当遇到解构/直接赋值时，响应式都会丢失！！！栗子1：hooks解构出的响应式。]]></description><category></category></item><item><title><![CDATA[日常避坑--input输入框type=number仍可以输入“e“,“.“等符号]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/128844648</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/128844648</guid><author>Yan9_9</author><pubDate>Thu, 02 Feb 2023 09:53:08 +0800</pubDate><description><![CDATA[input输入框type=number仍可以输入"e","."等符号]]></description><category></category></item><item><title><![CDATA[Vue3中的全局事件总线(兄弟间传值)]]></title><link>https://blog.youkuaiyun.com/Yan9_9/article/details/128832532</link><guid>https://blog.youkuaiyun.com/Yan9_9/article/details/128832532</guid><author>Yan9_9</author><pubDate>Wed, 01 Feb 2023 13:57:46 +0800</pubDate><description><![CDATA[vue3的全局时间总线
兄弟组件之间传值]]></description><category></category></item></channel></rss>