<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[hellobyebye12345的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/hellobyebye12345</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; hellobyebye12345]]></copyright><item><title><![CDATA[【无标题】]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/165352834</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/165352834</guid><author>hellobyebye12345</author><pubDate>Mon, 14 Sep 2026 21:26:43 +0800</pubDate><description><![CDATA[夸克链接：https://pan.quark.cn/s/fc42b752db53。解压后放在\elasticsearch-7.12.1\plugins\ik。解压后进入config 文件夹，找到 kibana.yml，添加配置。解压后进入bin目录启动 elasticsearch.bat。执行bin/kibana.bat。]]></description><category></category></item><item><title><![CDATA[【arthas方法调用耗时问题排查】]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/163432485</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/163432485</guid><author>hellobyebye12345</author><pubDate>Mon, 03 Aug 2026 10:29:13 +0800</pubDate><description><![CDATA[可以看到这个方法主要的耗时就是UserService的list方法。选择要进入的项目，输入1回车。显示这个表示已经加强了。]]></description><category></category></item><item><title><![CDATA[vue2添加防抖]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/160967424</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/160967424</guid><author>hellobyebye12345</author><pubDate>Mon, 11 May 2026 09:10:55 +0800</pubDate><description><![CDATA[/ 关键点：在 created 钩子中初始化，确保每个组件实例拥有独立的防抖函数console.log('执行搜索:', value);// 这里调用具体的业务方法}, 500);},// 关键点：组件销毁前取消防抖，防止内存泄漏或组件卸载后仍尝试更新状态},methods: {// 你的实际业务逻辑。]]></description><category></category></item><item><title><![CDATA[nvm 安装 node]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/149268778</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/149268778</guid><author>hellobyebye12345</author><pubDate>Fri, 11 Jul 2025 10:42:54 +0800</pubDate><description><![CDATA[查看已安装的版本，前面带*的就是当前用的版本。nvm管理node版本非常好用！]]></description><category></category></item><item><title><![CDATA[json-server mock数据实现]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144980456</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144980456</guid><author>hellobyebye12345</author><pubDate>Tue, 07 Jan 2025 10:48:33 +0800</pubDate><description><![CDATA[看到这个表示成功运行。]]></description><category></category></item><item><title><![CDATA[vite创建的react+ts项目 配置路径别名]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144979249</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144979249</guid><author>hellobyebye12345</author><pubDate>Tue, 07 Jan 2025 10:12:55 +0800</pubDate><description><![CDATA[可以看到main.ts中输入@/可以出来路径提示，导入后不会报红。这三个文件都加上下面这个配置。]]></description><category></category></item><item><title><![CDATA[volatile]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144749647</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144749647</guid><author>hellobyebye12345</author><pubDate>Thu, 26 Dec 2024 17:37:54 +0800</pubDate><description><![CDATA[volatile指令编程汇编语言的时候会多一个lock指令。作用是保证java多个线程在访问变量的时候值是最新的。volatile修饰变量。]]></description><category></category></item><item><title><![CDATA[十三、【react】react-router 路由]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144602219</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144602219</guid><author>hellobyebye12345</author><pubDate>Fri, 20 Dec 2024 11:42:20 +0800</pubDate><description><![CDATA[语法说明：通过给组件的to属性指定要跳转到路由path，组件会被渲染为浏览器支持的a链接，如果需要传参直接通过字符串拼接的方式拼接参数即可。钩子得到导航方法，然后通过调用方法以命令式的形式进行路由跳转，比如想在登录请求完毕之后跳转就可以选择这种方式，更加灵活。场景：当浏览器输入url的路径在整个路由配置中都找不到对应的 path，为了用户体验，可以使用 404 兜底组件进行渲染。路由系统中的多个路由之间需要进行路由跳转，并且在跳转的同时有可能需要传递参数进行通信。把router中的path去掉，换成。]]></description><category></category></item><item><title><![CDATA[十、【react】自定义Hook函数]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144507628</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144507628</guid><author>hellobyebye12345</author><pubDate>Mon, 16 Dec 2024 14:08:37 +0800</pubDate><description><![CDATA[【代码】十、【react】自定义Hook函数。]]></description><category></category></item><item><title><![CDATA[十一、【react】json-server]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144507548</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144507548</guid><author>hellobyebye12345</author><pubDate>Mon, 16 Dec 2024 14:05:43 +0800</pubDate><description><![CDATA[package.json scripts内添加。]]></description><category></category></item><item><title><![CDATA[九、【react】useEffect]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144507496</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144507496</guid><author>hellobyebye12345</author><pubDate>Mon, 16 Dec 2024 14:04:10 +0800</pubDate><description><![CDATA[在useEffect中编写的由渲染本身引起的对接组件外部的操作，社区也经常把它叫做副作用操作，比如在useEffect中开启了一个定时器，我们想在组件卸载时把这个定时器再清理掉，这个过程就是清理副作用。参数2是一个数组（可选参），在数组里放置依赖项，不同依赖项会影响第一个参数函数的执行，当是一个空数组的时候，副作用函数只会在组件渲染完毕之后执行一次。说明：清除副作用的函数最常见的执行时机是在组件卸载时自动执行需求：在Son组件渲染时开启一个定制器，卸载时清除这个定时器。空数组依赖，渲染的时候更新一次。]]></description><category></category></item><item><title><![CDATA[八、【react】组件之间的值传递]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144500459</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144500459</guid><author>hellobyebye12345</author><pubDate>Mon, 16 Dec 2024 14:01:20 +0800</pubDate><description><![CDATA[使用props父组件子组件props的值。]]></description><category></category></item><item><title><![CDATA[七、【react】useRef 获取当前dom元素]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144500409</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144500409</guid><author>hellobyebye12345</author><pubDate>Mon, 16 Dec 2024 10:51:36 +0800</pubDate><description><![CDATA[【代码】七、【react】useRef 获取当前dom元素。]]></description><category></category></item><item><title><![CDATA[六、【react】绑定表单数据]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144500385</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144500385</guid><author>hellobyebye12345</author><pubDate>Mon, 16 Dec 2024 10:51:01 +0800</pubDate><description><![CDATA[【代码】六、【react】绑定表单数据。]]></description><category></category></item><item><title><![CDATA[五、【react】组件基础样式方案]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144500341</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144500341</guid><author>hellobyebye12345</author><pubDate>Mon, 16 Dec 2024 10:49:59 +0800</pubDate><description><![CDATA[classnames样式对象控制工具。1、行内样式（不推荐）]]></description><category></category></item><item><title><![CDATA[四、【react】useState]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144499832</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144499832</guid><author>hellobyebye12345</author><pubDate>Mon, 16 Dec 2024 10:35:18 +0800</pubDate><description><![CDATA[useState是一个react hook函数，它允许我们向组件添加一个状态变量，从而控制影响组件的渲染结果。]]></description><category></category></item><item><title><![CDATA[三、【react】自定义组件]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144499645</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144499645</guid><author>hellobyebye12345</author><pubDate>Mon, 16 Dec 2024 10:29:04 +0800</pubDate><description><![CDATA[组件就是一个函数，首字母大写。]]></description><category></category></item><item><title><![CDATA[二、【react】基础语法]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144499442</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144499442</guid><author>hellobyebye12345</author><pubDate>Mon, 16 Dec 2024 10:26:35 +0800</pubDate><description><![CDATA[我们编写的代码主要写在tsx中，一个tsx一般就是一个组件本文提供一些基础语句放在app.tsx中即可成功运行为啥用这个东西呢？为了在html的结构中写js如何使用？注意：if、switch语句、变量声明属于语句，不是表达式，不能出现在{}中。]]></description><category></category></item><item><title><![CDATA[一、【react】初识react]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144498267</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/144498267</guid><author>hellobyebye12345</author><pubDate>Mon, 16 Dec 2024 10:05:47 +0800</pubDate><description><![CDATA[JSX是JavaScript XML的缩写，是一种JavaScript的语法扩展。它允许我们在JavaScript代码中编写类似HTML的结构，使得React组件的书写更为直观和易于理解。然而，JSX并不是真实的JavaScript，它最终需要通过Babel等编译器转换为纯JavaScript代码才能被浏览器解析执行。main.tsx，连接index.xml和App.tsx的关键文件。tsx就是jsx的typescript版本，更推荐使用tsx。index.xml 单页面应用的最原始的页面。]]></description><category></category></item><item><title><![CDATA[ubuntu安装nacos]]></title><link>https://blog.youkuaiyun.com/hellobyebye12345/article/details/140819943</link><guid>https://blog.youkuaiyun.com/hellobyebye12345/article/details/140819943</guid><author>hellobyebye12345</author><pubDate>Wed, 31 Jul 2024 13:15:49 +0800</pubDate><description><![CDATA[nacos各版本下载地址（官网）：https://nacos.io/download/release-history/通过百度网盘分享的文件：nacos-server-2.3.2.zip链接：https://pan.baidu.com/s/1Mh1rCNhnWe7Y-Q_YX0uIBg?pwd=mwy0提取码：mwy0。]]></description><category></category></item></channel></rss>