<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[hap1994的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/hap1994</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; hap1994]]></copyright><item><title><![CDATA[yarn安装依赖提示错误]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/149348824</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/149348824</guid><author>hap1994</author><pubDate>Tue, 15 Jul 2025 11:02:49 +0800</pubDate><description><![CDATA[【摘要】执行yarn install时出现证书过期错误，原因是yarn配置中&quot;strict-ssl&quot;设置为true强制验证HTTPS证书。解决方案是通过命令yarn config set &quot;strict-ssl&quot; false -g关闭证书验证，再重新安装即可成功。注意该操作会降低安全性，仅建议在开发环境临时使用。同时提示mini-css-extract-plugin和url-loader存在无效bin字段警告，但不影响安装过程。]]></description><category></category></item><item><title><![CDATA[element-ui使用时间选择器 datetime 类型报错]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/145874812</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/145874812</guid><author>hap1994</author><pubDate>Wed, 26 Feb 2025 11:57:30 +0800</pubDate><description><![CDATA[对全局方法进行重命名，避免与Element UI的内部方法冲突。例如，如果存在名为dateFormat的全局方法，可以将其改为customDateFormat等其他名称，确保不与Element UI的计算属性冲突。当使用日期组件的type="datetime"时，可能会遇到mask.replace is not a function的错误提示，导致组件无法正常渲染。这通常是因为在项目中定义了与Element UI内部冲突的全局方法，例如dateFormat等方法名与组件内部的计算属性发生了冲突。]]></description><category></category></item><item><title><![CDATA[webstorm关闭了弹窗 Confirm Exit 恢复回来]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/144267106</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/144267106</guid><author>hap1994</author><pubDate>Thu, 05 Dec 2024 14:56:05 +0800</pubDate><description><![CDATA[WebStorm 关闭了“Confirm Exit”功能，意味着当用户尝试关闭IDE时，不会显示确认对话框，直接退出程序。进入设置界面，通常可以通过点击File > Settings或使用快捷键Ctrl+Alt+S（在Mac上是Cmd+,）。在设置界面中，寻找"Appearance & Behavior" > "System Settings"。这样，当你尝试关闭WebStorm时，它将会弹出确认对话框，让你确认是否真的想要退出。找到"Confirm application exit"选项，并勾选它。]]></description><category></category></item><item><title><![CDATA[webstorm2.4新版本， 关闭粘性行，页面的浮板（显示类与方法页面挂在头上的那一块）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/144257670</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/144257670</guid><author>hap1994</author><pubDate>Thu, 05 Dec 2024 10:13:39 +0800</pubDate><description><![CDATA[在Settings->Editor->General->Appearance的页面可以看到框起来的这行，Show sticky lines while scrolling xx max lines，默认是5。在Settings->Editor->General->Appearance的页面可以看到框起来的这行，Show sticky lines while scrolling xx max lines，默认是5。]]></description><category></category></item><item><title><![CDATA[在Vite创建项目中引入Sass弹出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/144128824</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/144128824</guid><author>hap1994</author><pubDate>Fri, 29 Nov 2024 10:03:46 +0800</pubDate><description><![CDATA[在Vite创建项目中引入Sass弹出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0。]]></description><category></category></item><item><title><![CDATA[vite. 打包报错 ＜script src=“./config.js“＞ in “/index.html“ can‘t be bundled without type=“module“ attrib]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/144058862</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/144058862</guid><author>hap1994</author><pubDate>Tue, 26 Nov 2024 14:56:38 +0800</pubDate><description><![CDATA[其实，问题出现在vite打包时文件访问路径的地方，也就是说，我们通过声明或标签引入静态资源时，引入的路径出现了问题，可能出现npm run dev可以正常运行，而npm run build时就会报错。="module" attribute，报错大致意思是我们引入js文件时缺少了type='module'属性。如果你确实使用了JS的模块化，那么你直接加上type='module'属性基本就能够引入成功，解决报错。但是，我并没有使用JS模块化，我就想直接引入，全局生效。]]></description><category></category></item><item><title><![CDATA[（2024-10-10）Nginx相关知识，前端应该学会的基础知识]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/142814304</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/142814304</guid><author>hap1994</author><pubDate>Thu, 10 Oct 2024 10:19:41 +0800</pubDate><description><![CDATA[以上就是Nginx常用的内容，工作中遇到的经常遇到的一些情况，足够来部署前端服务。]]></description><category></category></item><item><title><![CDATA[render函数具体参数解析（2024-09-11）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/142137829</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/142137829</guid><author>hap1994</author><pubDate>Wed, 11 Sep 2024 14:40:14 +0800</pubDate><description><![CDATA[在 Vue 2 中，render函数是一个用于创建 Vue 组件虚拟DOM的函数。它允许你以编程方式定义组件的结构，而不是使用模板语法。render 函数接受一个 createElement 函数作为参数，并返回一个虚拟 DOM 节点。createElement 函数用于创建 Vue 的虚拟节点（ VNode）。（在 Vue.js 中，h 函数通常是 createElement 的别名。// render 基本结构'div', // 标签名。]]></description><category></category></item><item><title><![CDATA[创建vue3项目（npm create vite）（2024-08-13）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/141164364</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/141164364</guid><author>hap1994</author><pubDate>Tue, 13 Aug 2024 15:15:18 +0800</pubDate><description><![CDATA[按照步骤创建项目里面有步骤选技术。]]></description><category></category></item><item><title><![CDATA[js 实现数组转树形数据（2024-08-01）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/140849408</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/140849408</guid><author>hap1994</author><pubDate>Thu, 01 Aug 2024 15:36:42 +0800</pubDate><description><![CDATA[要将数组转换为树形结构，通常需要一个数组，其中每个元素都包含一个父节点的引用。以下是一个使用JavaScript实现的函数，假设每个元素都有一个唯一的 【id】和一个指向其父元素的【pId】]]></description><category></category></item><item><title><![CDATA[idea server output框乱码问题处理（2024-08-01）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/140837792</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/140837792</guid><author>hap1994</author><pubDate>Thu, 01 Aug 2024 08:45:09 +0800</pubDate><description><![CDATA[亲测有效！！idea-server-output 控制台乱码问题处理]]></description><category></category></item><item><title><![CDATA[vue3运行若依前后台项目步骤（2024-07-19）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/140544746</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/140544746</guid><author>hap1994</author><pubDate>Fri, 19 Jul 2024 11:58:27 +0800</pubDate><description><![CDATA[我的navicat事先安装的，mysql是有一篇文章安装教程，启动redis，不然会报错不能连接redis 6379端口。在浏览器打开localhost:8080即可访问服务。按照官方的方法，下载依赖，运行前端项目，将服务代理到本地刚刚启动的后台服务就行了。redis在官方下载包，解压启动即可。如下截图，即可运行成功。本地解压，运行exe。]]></description><category></category></item><item><title><![CDATA[MySQL-数据库-Mysql 8.0.11安装教程（2024-07-19）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/140539369</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/140539369</guid><author>hap1994</author><pubDate>Fri, 19 Jul 2024 09:19:37 +0800</pubDate><description><![CDATA[要是你手贱，关快了，或者没记住，那也没事，删掉初始化的 datadir 目录，再执行一遍初始化命令，又会重新生成的。当然，也可以使用安全工具，强制改密码，用什么方法，自己随意。当然，如果你的电脑上需要安装多个MySQL服务，就可以用不同的名字区分了，比如 mysql5 和 mysql8。这时候会提示输入密码，记住了上面第3.1步安装时的密码，填入即可登录成功，进入MySQL命令模式。在安装时，必须以管理员身份运行cmd，否则在安装时会报错，会导致安装失败的情况。请记住这个初始密码。修改密码，注意命令尾的；]]></description><category></category></item><item><title><![CDATA[vue3项目常用前端的技术栈（2024-7-18）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/140521969</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/140521969</guid><author>hap1994</author><pubDate>Thu, 18 Jul 2024 14:19:34 +0800</pubDate><description><![CDATA[vue3常用技术栈介绍]]></description><category></category></item><item><title><![CDATA[vue3前端代理，反向代理解决跨域问题（2024-7-18）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/140521712</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/140521712</guid><author>hap1994</author><pubDate>Thu, 18 Jul 2024 14:10:46 +0800</pubDate><description><![CDATA[浏览器同源策略: 协议、域名和端口都相同是同源，浏览器会限制非同源请求读取响应结果。配置反向代理解决浏览器跨域问题.]]></description><category></category></item><item><title><![CDATA[vue3前端项目结构解析（2024-07-12）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/140370838</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/140370838</guid><author>hap1994</author><pubDate>Fri, 12 Jul 2024 09:54:09 +0800</pubDate><description><![CDATA[【代码】vue3前端项目结构解析（2024-07-12）]]></description><category></category></item><item><title><![CDATA[vue3项目中浏览器打开本地文档或者下载本地应用的方法（2024-07-11）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/140356168</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/140356168</guid><author>hap1994</author><pubDate>Thu, 11 Jul 2024 16:48:32 +0800</pubDate><description><![CDATA[此文件夹不会压缩并且路径不变，所以是最佳的存放文件的位置。在public文件夹下面加入预览的文件【操作说明文档】。]]></description><category></category></item><item><title><![CDATA[vite build 打包错误提示 EBUSY: resource busy or locked, copyfile ‘D:\gtv-web]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/140355322</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/140355322</guid><author>hap1994</author><pubDate>Thu, 11 Jul 2024 16:20:03 +0800</pubDate><description><![CDATA[如果是网络共享或通过远程文件服务器访问的资源，请确保网络连接稳定，并且没有其他用户正在操作该资源。确认没有其他应用程序正在使用该文件或文件夹。如果确定没有其他进程占用资源，可能是文件系统的问题。可以尝试重新启动计算机。命令试图复制文件到指定路径，但该路径上的文件或目录被另一个应用程序锁定。如果问题依旧存在，可以尝试使用不同的文件路径或者重命名文件再进行操作。检查文件或文件夹的权限设置，确保你有足够的权限来访问和操作这些文件。错误表明尝试使用的资源正被另一个进程占用或锁定。请根据实际情况选择适当的解决方法。]]></description><category></category></item><item><title><![CDATA[Vue3生命周期与vue2生命周期对比（2024-06-27）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/140016458</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/140016458</guid><author>hap1994</author><pubDate>Thu, 27 Jun 2024 16:18:49 +0800</pubDate><description><![CDATA[1、setup() : 开始创建组件，在 beforeCreate 和 created 之前执行，创建的是 data 和 method。8、onActivated(): 被包含在  中的组件，会多出两个生命周期钩子函数，被激活时执行；9、onDeactivated(): 比如从 A 组件，切换到 B 组件，A 组件消失时执行；2、onBeforeMount() : 组件挂载到节点上之前执行的函数；4、onBeforeUpdate(): 组件更新之前执行的函数；Vue3中的生命周期。]]></description><category></category></item><item><title><![CDATA[vue3父组件获取子组件实例（2024-06-22）]]></title><link>https://blog.youkuaiyun.com/hap1994/article/details/139874086</link><guid>https://blog.youkuaiyun.com/hap1994/article/details/139874086</guid><author>hap1994</author><pubDate>Sat, 22 Jun 2024 09:13:58 +0800</pubDate><description><![CDATA[属性为子组件设置一个引用名称。之后，可以在父组件的。来获取子组件的实例。首先，在父组件中需要引入。为其设置了一个引用。在Vue 3中，可以使用。API来访问子组件实例。是子组件，在父组件中通过。生命周期钩子中，可以通过。vue3获取子组件实例。访问到子组件的实例。]]></description><category></category></item></channel></rss>