<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[WanweI897的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/WanweI897</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; WanweI897]]></copyright><item><title><![CDATA[vite静态资源处理，处理vite项目中src和url路径问题]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/140871490</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/140871490</guid><author>WanweI897</author><pubDate>Fri, 02 Aug 2024 14:21:03 +0800</pubDate><description><![CDATA[处理vite项目中src和url路径问题]]></description><category></category></item><item><title><![CDATA[js的Promise]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/137271877</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/137271877</guid><author>WanweI897</author><pubDate>Tue, 02 Apr 2024 15:24:04 +0800</pubDate><description><![CDATA[Promise对象用于表示一个异步操作的最终完成（或失败）及其结果值。]]></description><category></category></item><item><title><![CDATA[js防抖和节流]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/137271584</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/137271584</guid><author>WanweI897</author><pubDate>Tue, 02 Apr 2024 15:18:51 +0800</pubDate><description><![CDATA[通过减少连续重复事件的执行次数来减少消耗，优化用户体验。防抖主要用于输入框input事件等，节流主要用于页面resize，scroll事件等。]]></description><category></category></item><item><title><![CDATA[vue3响应式原理]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/137231286</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/137231286</guid><author>WanweI897</author><pubDate>Mon, 01 Apr 2024 14:14:33 +0800</pubDate><description><![CDATA[Vue 3 中则使用了 Proxy 来创建响应式对象，仅将 getter / setter 用于 ref。]]></description><category></category></item><item><title><![CDATA[vue2响应式原理]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/137230977</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/137230977</guid><author>WanweI897</author><pubDate>Mon, 01 Apr 2024 14:12:23 +0800</pubDate><description><![CDATA[对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。数组类型：通过重写数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。]]></description><category></category></item><item><title><![CDATA[__vueParentComponent和__vue__获取dom元素上的vue实例]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/136367112</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/136367112</guid><author>WanweI897</author><pubDate>Thu, 29 Feb 2024 11:55:55 +0800</pubDate><description><![CDATA[__vueParentComponent和__vue__获取dom元素上的vue实例]]></description><category></category></item><item><title><![CDATA[解决vue3按注册名动态渲染组件在setup中无效的问题]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/136341986</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/136341986</guid><author>WanweI897</author><pubDate>Wed, 28 Feb 2024 11:49:55 +0800</pubDate><description><![CDATA[解决vue3按注册名动态渲染组件在setup中无效的问题]]></description><category></category></item><item><title><![CDATA[vue3组件外使用route]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/134535818</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/134535818</guid><author>WanweI897</author><pubDate>Tue, 21 Nov 2023 17:26:55 +0800</pubDate><description><![CDATA[vue3在组件外使用route。]]></description><category></category></item><item><title><![CDATA[原生js的animate()方法详解]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/133175326</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/133175326</guid><author>WanweI897</author><pubDate>Fri, 22 Sep 2023 16:47:39 +0800</pubDate><description><![CDATA[Element 接口的 animate() 方法是创建一个新的 Animation 的便捷方法，将它应用于元素，然后运行动画。它将返回一个新建的 Animation 对象实例。同时通过Element.getAnimations() 方法可获取元素所有的Animation实例。]]></description><category></category></item><item><title><![CDATA[innerText获取元素文本内容会缺失一部分？用textContent吧。]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/130379676</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/130379676</guid><author>WanweI897</author><pubDate>Wed, 26 Apr 2023 09:59:11 +0800</pubDate><description><![CDATA[不要对 Node.textContent 和 HTMLElement.innerText 之间的差异感到困惑。]]></description><category></category></item><item><title><![CDATA[js键盘和鼠标事件汇总]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/129038866</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/129038866</guid><author>WanweI897</author><pubDate>Wed, 15 Feb 2023 10:35:10 +0800</pubDate><description><![CDATA[js键盘和鼠标事件汇总]]></description><category></category></item><item><title><![CDATA[路由hash模式改成history模式的前端vue配置与后端配置]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/128580193</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/128580193</guid><author>WanweI897</author><pubDate>Fri, 06 Jan 2023 16:25:59 +0800</pubDate><description><![CDATA[Web/static/ 表示项目部署路径，每个人的路径不一样，vue默认路径是根路径/，如果你项目不是部署在根路径，那就需要修改一些配置。history模式需要后端配合，具体的后端配置可以在网上找到，方法是获取不到资源时将url重写到 /index.html。特别注意的是，如果你的项目没有部署在根路径，那么你需要写入完整路径，例如 /Web/static/index.html。1.配置路由history模式并配置base。index.html 表示项目入口文件。/index 表示项目首页的路由地址。]]></description><category></category></item><item><title><![CDATA[echarts设置视觉引导线穿过两行文字的效果]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/127551428</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/127551428</guid><author>WanweI897</author><pubDate>Thu, 27 Oct 2022 14:17:18 +0800</pubDate><description><![CDATA[【代码】echarts设置视觉引导线穿过两行文字的效果。]]></description><category></category></item><item><title><![CDATA[Error: Cannot find module ‘process-nextick-args‘，error:0308010C:digital envelope routines::unsupport]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/127546384</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/127546384</guid><author>WanweI897</author><pubDate>Thu, 27 Oct 2022 10:18:47 +0800</pubDate><description><![CDATA[出现在node版本升级时，在原来的node文件夹里直接安装新版本node，却没有删除原来的node，导致运行npm命令报错。：将node换到V16版本，这样既可以运行以前的项目，也可以运行新的vite项目。用V17或以上版本的node运行之前的项目所报的错误。：先移除当前电脑上的Node，再安装新版本。]]></description><category></category></item><item><title><![CDATA[解决vue3中echarts的tooltip组件不显示的问题]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/126524658</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/126524658</guid><author>WanweI897</author><pubDate>Thu, 25 Aug 2022 14:56:43 +0800</pubDate><description><![CDATA[如图，我将echarts实例赋值给了响应式的变量this.chartInstance，这便是在vue3中出错的原因，即不能将echarts实例赋值给响应式变量。②如果我们需要多次在一个dom元素上绘制echarts，又不想让元素多次echarts实例化，可以使用getInstanceByDom方法。]]></description><category></category></item><item><title><![CDATA[基于vue3的Element-Plus问题汇总]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/126289569</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/126289569</guid><author>WanweI897</author><pubDate>Thu, 11 Aug 2022 17:18:56 +0800</pubDate><description><![CDATA[代码】基于vue3的Element-Plus问题汇总。]]></description><category></category></item><item><title><![CDATA[vue3使用箭头函数导入异步组件报错Invalid VNode type: undefined的解决方案]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/126177845</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/126177845</guid><author>WanweI897</author><pubDate>Fri, 05 Aug 2022 15:00:20 +0800</pubDate><description><![CDATA[代码】vue3使用箭头函数导入异步组件报错Invalid VNode type: undefined的解决方案。]]></description><category></category></item><item><title><![CDATA[ts给Number类型数据添加自定义方法报错：类型“Number”上不存在属性“divideStr”的解决方案]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/126170498</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/126170498</guid><author>WanweI897</author><pubDate>Fri, 05 Aug 2022 08:52:39 +0800</pubDate><description><![CDATA[代码】ts给Number类型数据添加自定义方法报错：类型“Number”上不存在属性“divideStr”的解决方案。]]></description><category></category></item><item><title><![CDATA[html的tabindex属性，让普通元素能够执行聚焦(foucs)和失焦(blur)事件]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/126117979</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/126117979</guid><author>WanweI897</author><pubDate>Tue, 02 Aug 2022 10:57:55 +0800</pubDate><description><![CDATA[html的tabindex属性，让普通元素能够执行聚焦(foucs)和失焦(blur)事件。]]></description><category></category></item><item><title><![CDATA[前端websocket的一些属性，以及websocket的断开重连]]></title><link>https://blog.youkuaiyun.com/WanweI897/article/details/126117162</link><guid>https://blog.youkuaiyun.com/WanweI897/article/details/126117162</guid><author>WanweI897</author><pubDate>Tue, 02 Aug 2022 10:33:08 +0800</pubDate><description><![CDATA[代码】前端websocket的一些属性，以及websocket的断开重连。]]></description><category></category></item></channel></rss>