<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[itmacy的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/itmacy</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; itmacy]]></copyright><item><title><![CDATA[AxureRP引入Echarts图表]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/154654430</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/154654430</guid><author>itmacy</author><pubDate>Mon, 10 Nov 2025 17:12:30 +0800</pubDate><description><![CDATA[3、选择载入时-打开链接-链接到URL或文件位置，点击fx，复制代码到第一个框。2、点击元件新增交互。]]></description><category></category></item><item><title><![CDATA[Element UI-Select选择器结合树形控件终极版]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/146036478</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/146036478</guid><author>itmacy</author><pubDate>Wed, 05 Mar 2025 10:45:05 +0800</pubDate><description><![CDATA[Element UI Select选择器控件结合树形控件实现单选和多选，并且通过v-model的方式实现节点的双向绑定，封装成vue组件，文件名为electricity-meter-tree.vue，其代码如下：
该组件的用法如下：

引入组件：electricity-meter-tree
如果multiple为true多选时，那么electricityMeter的结构为[{id: ‘xx’, label: ‘xx’}]，如果 mutilple为false单选时,那么electricityMeter的结构为]]></description><category></category></item><item><title><![CDATA[LayaAir - 1.脚本生命周期]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/145115019</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/145115019</guid><author>itmacy</author><pubDate>Mon, 13 Jan 2025 14:20:44 +0800</pubDate><description><![CDATA[脚本组件有一套完整的生命周期，脚本需要挂在任何游戏对象上，并且同一个对象可以挂不同的脚本，各自执行自己的生命周期，它们之间相互组合又互不干扰。]]></description><category></category></item><item><title><![CDATA[React与TypeScript]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/142997598</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/142997598</guid><author>itmacy</author><pubDate>Fri, 18 Oct 2024 08:00:00 +0800</pubDate><description><![CDATA[类型注解，可以使用type对象类型或者interface接口来做注解。]]></description><category></category></item><item><title><![CDATA[React状态管理工具zustand]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/142997123</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/142997123</guid><author>itmacy</author><pubDate>Thu, 17 Oct 2024 09:10:23 +0800</pubDate><description><![CDATA[zustand 是极简的状态管理工具。]]></description><category></category></item><item><title><![CDATA[React类组件]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/142780659</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/142780659</guid><author>itmacy</author><pubDate>Tue, 15 Oct 2024 08:00:00 +0800</pubDate><description><![CDATA[当然，React 并没有强制要求必须使用 Hook 而不能使用类组件，在 React 生态中两种开发方式可以并存。但随着时间的推移，越来越多的项目倾向于使用函数组件和 Hook 的组合。]]></description><category></category></item><item><title><![CDATA[React进阶知识]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/142778886</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/142778886</guid><author>itmacy</author><pubDate>Mon, 14 Oct 2024 08:00:00 +0800</pubDate><description><![CDATA[作用：和useSate的作用类型，用来管理相对复杂的状态数据。]]></description><category></category></item><item><title><![CDATA[React路由]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/142760582</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/142760582</guid><author>itmacy</author><pubDate>Sun, 13 Oct 2024 08:00:00 +0800</pubDate><description><![CDATA[【代码】React路由。]]></description><category></category></item><item><title><![CDATA[React状态管理Redux]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/142759213</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/142759213</guid><author>itmacy</author><pubDate>Sat, 12 Oct 2024 08:00:00 +0800</pubDate><description><![CDATA[Redux是React中最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态为了职责清晰，数据流向明确，Redux把整个数据修改的流程分成了三个核心概念，分别是：state、action和reducer1.state:一个对象，存放着我们管理的数据状态2.action：一个对象，用来描述你想怎么修改数据3.reducer：一个函数，根据action的描述生成一个新的state。]]></description><category></category></item><item><title><![CDATA[Vue CLI 创建项目]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/142848658</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/142848658</guid><author>itmacy</author><pubDate>Fri, 11 Oct 2024 11:07:37 +0800</pubDate><description><![CDATA[在执行 vue create 命令后，Vue CLI 将会启动一个交互式界面，让你选择一些选项，比如预设（默认设置、手动选择特性等）、选择特性（如 Babel、TypeScript、Router、Vuex 等）以及配置各种插件等。Vue CLI 是 Vue.js 开发的标准工具，它提供了一个用户界面，可以用来创建和管理 Vue.js 项目。选择完毕后，Vue CLI 将会自动生成项目的基础结构，并安装所需的依赖。首先，确保你已经安装了 Node.js 和 npm。]]></description><category></category></item><item><title><![CDATA[React自定义Hook]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/142758622</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/142758622</guid><author>itmacy</author><pubDate>Fri, 11 Oct 2024 08:00:00 +0800</pubDate><description><![CDATA[概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用。]]></description><category></category></item><item><title><![CDATA[React内置Hook函数-UseEffect]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/142754645</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/142754645</guid><author>itmacy</author><pubDate>Thu, 10 Oct 2024 08:00:00 +0800</pubDate><description><![CDATA[概念：useEffect是一个React Hook函数，用于在React组件中创建不是由事件引起而是由渲染本身引起的操作(也就是没有任何用户事件触发)，比如发送Ajax请求，更改Dom等。]]></description><category></category></item><item><title><![CDATA[React组件通信]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/142754326</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/142754326</guid><author>itmacy</author><pubDate>Wed, 09 Oct 2024 08:00:00 +0800</pubDate><description><![CDATA[概念：组件通信就是组件之间的数据传递，根据组件嵌套关系的不同，有不同的通信方法A-B 父子通信B-C 兄弟通信A-E 跨层通信。]]></description><category></category></item><item><title><![CDATA[React基础知识]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/142753841</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/142753841</guid><author>itmacy</author><pubDate>Tue, 08 Oct 2024 10:47:50 +0800</pubDate><description><![CDATA[概念：JSX是JavaScript和XML(HTML)的缩写，表示在js代码中编写HTML模板结构，它是React中编写UI模板的方式。优势：1.HTML的声明式模板写法2.JS的可编程能力。]]></description><category></category></item><item><title><![CDATA[vue路由跳转后，终止上一个页面正在请求的资源]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/141709656</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/141709656</guid><author>itmacy</author><pubDate>Fri, 30 Aug 2024 11:24:17 +0800</pubDate><description><![CDATA[实现在路由跳转后，把上一个页面正在请求的资源关闭。]]></description><category></category></item><item><title><![CDATA[ElementPlus-日期选择器实现周选择]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/139255694</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/139255694</guid><author>itmacy</author><pubDate>Tue, 28 May 2024 10:00:43 +0800</pubDate><description><![CDATA[dayjs方法的使用需要在main.js文件中引入。]]></description><category></category></item><item><title><![CDATA[echarts树图-树效果展示]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/138168263</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/138168263</guid><author>itmacy</author><pubDate>Wed, 24 Apr 2024 20:00:56 +0800</pubDate><description><![CDATA[【代码】echarts树图-树效果展示。]]></description><category></category></item><item><title><![CDATA[echarts树图-实现拓扑图效果]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/138167746</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/138167746</guid><author>itmacy</author><pubDate>Wed, 24 Apr 2024 19:36:07 +0800</pubDate><description><![CDATA[【代码】echarts树图-实现拓扑图效果。]]></description><category></category></item><item><title><![CDATA[echarts柱状图-给柱状体添加渐变色]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/136473742</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/136473742</guid><author>itmacy</author><pubDate>Tue, 05 Mar 2024 11:24:48 +0800</pubDate><description><![CDATA[【代码】echarts柱状图-给柱状体添加渐变色。]]></description><category></category></item><item><title><![CDATA[echarts-柱状图：实现横向柱状体排名]]></title><link>https://blog.youkuaiyun.com/itmacy/article/details/136323567</link><guid>https://blog.youkuaiyun.com/itmacy/article/details/136323567</guid><author>itmacy</author><pubDate>Tue, 27 Feb 2024 15:20:54 +0800</pubDate><description><![CDATA[备注：可直接复制代码到echarts实例中运行：https://echarts.apache.org/examples/zh/editor.html?]]></description><category></category></item></channel></rss>