<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[slom_fxt的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/slom_fxt</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; slom_fxt]]></copyright><item><title><![CDATA[echarts分辨率变化后不再重新加载图表]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/156652133</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/156652133</guid><author>slom_fxt</author><pubDate>Tue, 06 Jan 2026 16:34:56 +0800</pubDate><description><![CDATA[1.监听 DOM 元素变化 (ResizeObserver)ResizeObserver 来监听图表容器本身的大小变化。2.直接监听窗口变化后重新加载echarts图表方法。]]></description><category></category></item><item><title><![CDATA[基于Vite快速建立react+js项目，以及实现自适应适配和axios的封装]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/155822209</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/155822209</guid><author>slom_fxt</author><pubDate>Fri, 12 Dec 2025 12:28:11 +0800</pubDate><description><![CDATA[切片是应用中单个功能的Redux reducer 逻辑和 action 的集合，在这里做了一个计数功能的切片以供学习使用，代码如下。你可以在你的src目录中创建一个名为store的文件夹并在里面新建一个index.js文件，并把刚才的redux切片导入。1.创建 vreact项目，安装创建项目 （这里我创建的是react19.2.0）2.3 状态管理，前端框架三剑客之一，这里我们将为我们的项目配置redux状态管理。i react-router-dom，，注意这里的版本是v5。]]></description><category></category></item><item><title><![CDATA[ant-design-vue的table实现跨行合并]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/150343062</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/150343062</guid><author>slom_fxt</author><pubDate>Wed, 13 Aug 2025 12:57:07 +0800</pubDate><description><![CDATA[第一步骤：fetchData函数返回的数据接口为需要通过processTableData和addMergeInfo根据每一行jointJsonArray字段去合并，这个字段中存储的是这个行对应的多条数据。第二步：就是处理columns。]]></description><category></category></item><item><title><![CDATA[vm介绍、nvm下载、nvm安装、配置及nvm使用(Node Version Manager)nodejs版本管理切换工具]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/143951726</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/143951726</guid><author>slom_fxt</author><pubDate>Thu, 21 Nov 2024 18:25:11 +0800</pubDate><description><![CDATA[在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。1、nvm介绍Node Version Manager（NVM） 是一种用于管理多个主动节点.js版本的工具。]]></description><category></category></item><item><title><![CDATA[Vue2和3使用Vue-count-to给数字添加增长动画]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/141854803</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/141854803</guid><author>slom_fxt</author><pubDate>Tue, 03 Sep 2024 10:40:17 +0800</pubDate><description><![CDATA[实现这个效果一般是用的 Vue-count-to这个插件，这是一款简单好用的一个数字，并且是一个无依赖，轻量级的组件。]]></description><category></category></item><item><title><![CDATA[vue中使用原生的video播放flv和mp4格式的视频]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/141605121</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/141605121</guid><author>slom_fxt</author><pubDate>Tue, 27 Aug 2024 16:01:06 +0800</pubDate><description><![CDATA[【代码】vue中使用原生的video播放flv和mp4格式的视频。]]></description><category></category></item><item><title><![CDATA[vue中使用vue-video-player插件播放视频 以及 audio播放音频]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/141597723</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/141597723</guid><author>slom_fxt</author><pubDate>Tue, 27 Aug 2024 11:07:38 +0800</pubDate><description><![CDATA[vue中使用vue-video-player插件播放视频 以及 audio播放音频，使用vue-video-player组件播放视频，视频进度条不能点击不能拖动。点击或者拖动就会重新从头开始播放]]></description><category></category></item><item><title><![CDATA[01_tree.js官网的搭建（外网访问异常慢）]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/140353834</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/140353834</guid><author>slom_fxt</author><pubDate>Thu, 11 Jul 2024 16:53:37 +0800</pubDate><description><![CDATA[tree.js官网的搭建（外网访问异常慢）]]></description><category></category></item><item><title><![CDATA[echarts中档数据不确定是想让图形每一个颜色不一样]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/140301266</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/140301266</guid><author>slom_fxt</author><pubDate>Tue, 09 Jul 2024 17:13:35 +0800</pubDate><description><![CDATA[echarts中档数据不确定是想让图形每一个颜色不一样]]></description><category></category></item><item><title><![CDATA[大屏按照设计稿，通过js控制页面放大缩小适配]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/140186635</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/140186635</guid><author>slom_fxt</author><pubDate>Thu, 04 Jul 2024 18:12:37 +0800</pubDate><description><![CDATA[【代码】大屏按照设计稿，通过js控制页面放大缩小适配。]]></description><category></category></item><item><title><![CDATA[数组对象常用处理数据的方法]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/139827812</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/139827812</guid><author>slom_fxt</author><pubDate>Thu, 20 Jun 2024 11:33:46 +0800</pubDate><description><![CDATA[数组对象常用处理数据的方法]]></description><category></category></item><item><title><![CDATA[ecahrts通过遍历得到ref去渲染图表]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/137112983</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/137112983</guid><author>slom_fxt</author><pubDate>Thu, 28 Mar 2024 15:15:14 +0800</pubDate><description><![CDATA[得到echarts对应的dom时候需要这样写。]]></description><category></category></item><item><title><![CDATA[React之数据绑定以及表单处理]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/136389426</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/136389426</guid><author>slom_fxt</author><pubDate>Fri, 01 Mar 2024 17:59:49 +0800</pubDate><description><![CDATA[像、、这样的表单元素不同于其他元素，因为他们可以通过用户交互发生变化。这些元素提供的界面使响应用户交互的表单数据处理更加容易。设置了value的是一个受限组件，对于受限的，渲染出来HTML元素始终保持value属性的值，此时用户在渲染出来的组件里输入任何值都不起作用。杜宇不受限的input组件，渲染出来的元素直接反映用户输入。value用于、写一个完整的表单元素的实例。]]></description><category></category></item><item><title><![CDATA[React之组件定义和事件处理]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/136367336</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/136367336</guid><author>slom_fxt</author><pubDate>Fri, 01 Mar 2024 10:38:46 +0800</pubDate><description><![CDATA[如果需要改变某些数据的话，或者想要存储一些数据并且想要对和谐数据进行一些增删改查的话，那么应该使用有状态的组件。因为数据的更改是根据状态进行更改的。* 一旦触发他生命周期的函数，它就会影响当前项目的运行，所以在尽可能的情况下使用无状态组件。* 更过时候我们应该区别使用无状态组件，因为如果有状态组件会触发生命周期所对应的一些函数。在react中，组件分为函数组件和class组件，也就是无状态组件和有状态组件。实现父穿子，子组件更改父组件的state的属性值，实现通过状态改变展示不同的组件。]]></description><category></category></item><item><title><![CDATA[React入门之React_渲染基础用法和class实例写法]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/136316029</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/136316029</guid><author>slom_fxt</author><pubDate>Thu, 29 Feb 2024 11:54:03 +0800</pubDate><description><![CDATA[React_渲染基础用法和class实例写法]]></description><category></category></item><item><title><![CDATA[React入门之react_jsx入门]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/136306020</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/136306020</guid><author>slom_fxt</author><pubDate>Tue, 27 Feb 2024 10:07:50 +0800</pubDate><description><![CDATA[【代码】react_jsx入门。]]></description><category></category></item><item><title><![CDATA[React入门之React_使用es5和es6语法渲染和添加class]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/136303411</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/136303411</guid><author>slom_fxt</author><pubDate>Mon, 26 Feb 2024 18:10:31 +0800</pubDate><description><![CDATA[注意如果在react中添加类名不能写class要写className，同时不能再同一个容器里渲染多个虚拟dom，必须要有根元素进行包裹。var element = React.createElement('li',{},'hello')  //节点，节点属性，标签内容。注意在使用es6语法时候script必须表明type为text/balel。//床架年组建，使用extends继承。必须要有根元素进行包裹。//如果有多层嵌套的关系。]]></description><category></category></item><item><title><![CDATA[React入门简介]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/136299213</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/136299213</guid><author>slom_fxt</author><pubDate>Mon, 26 Feb 2024 16:43:46 +0800</pubDate><description><![CDATA[react是Facebook用来创建用户界面的js库。React不是一个MVC框架，而是一个用于构建组件ui库，是一个前端界面开发工具，所以很多人认为React是MVC中的V（视图）。React的存在能够很好的解决‘构建随着时间数据不断变化的大规模应用程序’，react能够引导我们重新思考如何构建应用程序。react的核心就是封装可复用性高的组件，各个组件维护自己的状态和ui，当状态更新，自动重新渲染整个组件。前端主流框架有vue、react、angular。]]></description><category></category></item><item><title><![CDATA[Textarea与div中占位长度不一致问题]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/136235358</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/136235358</guid><author>slom_fxt</author><pubDate>Thu, 22 Feb 2024 15:29:11 +0800</pubDate><description><![CDATA[【代码】Textarea与div中占位长度不一致问题。]]></description><category></category></item><item><title><![CDATA[vue3中Pinia]]></title><link>https://blog.youkuaiyun.com/slom_fxt/article/details/135989530</link><guid>https://blog.youkuaiyun.com/slom_fxt/article/details/135989530</guid><author>slom_fxt</author><pubDate>Mon, 12 Feb 2024 11:44:35 +0800</pubDate><description><![CDATA[1.pinia的简单使用 2.pinia的模块化 3.pinia的持久化存储]]></description><category></category></item></channel></rss>