<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[yuey0809的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/yuey0809</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yuey0809]]></copyright><item><title><![CDATA[uniapp 安卓跳转到应用设置等页面]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/137019585</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/137019585</guid><author>yuey0809</author><pubDate>Mon, 25 Mar 2024 17:08:14 +0800</pubDate><description><![CDATA[【代码】uniapp 安卓跳转到应用设置等页面。]]></description><category></category></item><item><title><![CDATA[element-plus elplus el-table 表格树多选,存在子级时,父子级选中状态不关联]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/131042949</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/131042949</guid><author>yuey0809</author><pubDate>Mon, 05 Jun 2023 10:25:27 +0800</pubDate><description><![CDATA[当使用el-table且行存在children属性是,做菜单管理,选中父节点编辑,不希望选中子节点,则需要父子级不关联。]]></description><category></category></item><item><title><![CDATA[vue3+element-plus+ts elplus table 实现表格动态列 表格列显示与隐藏的动态控制 支持传递插槽与多级表头]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/130988035</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/130988035</guid><author>yuey0809</author><pubDate>Thu, 01 Jun 2023 15:07:47 +0800</pubDate><description><![CDATA[实现表格动态列 表格列显示与隐藏的动态控制 支持传递插槽与多级表头]]></description><category></category></item><item><title><![CDATA[vue3+element-plus+ts elplus table 实现表格动态列 表格列显示与隐藏的动态控制]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/130889883</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/130889883</guid><author>yuey0809</author><pubDate>Fri, 26 May 2023 17:14:51 +0800</pubDate><description><![CDATA[工作接了个需求，需要实现表格的动态列，但是后端又不参与，全权交给前端，百度搜了一下，大多都是的for循环，我觉得用起来不爽，还得改变的书写方式，用对象保存列的相关信息，所以搞了一个这玩应话不多讲，上代码哦，不对，先上效果


动态图没做过，见谅吧简介：
ProjectTable组件内容

store仓库

index.ts文件

getters.ts文件

table.ts文件

Home页面

总结
这玩应在使用时除了引用ColumnControl和ProjectTable两个组件以外，与你普通书写el-]]></description><category></category></item><item><title><![CDATA[element-plus elplus el-tree三种图标自定义 并且点击图标展开收起 点击文字获取数据]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/128224673</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/128224673</guid><author>yuey0809</author><pubDate>Wed, 07 Dec 2022 18:15:25 +0800</pubDate><description><![CDATA[前言
公司需求,需要实现如下样式的树形列表 (基于vue3 + element-plus)

当节点展开时,显示展开的文件夹图标,当节点收起时显示收起的文件夹,最后一级显示文件样式
废话没有了, 代码如下
用到的JS
compileTreeData.js
还有一件事
有的时候文字很短,不好点击,需要点击文字右侧空白也能触发数据回传事件
那么你需要想办法 覆盖这个类 ----  .el-tree-node__label
覆盖后即可]]></description><category></category></item><item><title><![CDATA[react-Effect Hook]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126222510</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126222510</guid><author>yuey0809</author><pubDate>Mon, 08 Aug 2022 10:17:36 +0800</pubDate><description><![CDATA[细节。]]></description><category></category></item><item><title><![CDATA[react-state hook]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126180574</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126180574</guid><author>yuey0809</author><pubDate>Fri, 05 Aug 2022 16:43:05 +0800</pubDate><description><![CDATA[state hook是一个在使用的函数(useState),用于在函数组件中使用状态。]]></description><category></category></item><item><title><![CDATA[react-严格模式]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126177570</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126177570</guid><author>yuey0809</author><pubDate>Fri, 05 Aug 2022 15:01:42 +0800</pubDate><description><![CDATA[在React18中,React将不会抑制任何日志,如果你安装了devtools,第二次输入将会被淡化,在devtools工具中可以屏蔽第二次输出。还要注意一下,由于componentDidMount等函数会被放入执行队列,所以就算关闭了第二次输出,函数里面的打印在严格模式下还是会输出两次。),本质是一个组件,该组件不会进行UI渲染,它的作用是在渲染内部组件时,发现不合适的代码。在严格模式下(开发阶段),组件的生命周期会被调用两次,以此来明显化副作用代码。方法,在第二次调用生命周期函数时,将会静默输出。...]]></description><category></category></item><item><title><![CDATA[react-节点更新与销毁]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126172182</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126172182</guid><author>yuey0809</author><pubDate>Fri, 05 Aug 2022 10:52:50 +0800</pubDate><description><![CDATA[相同的节点类型: 节点本身类型相同(不管属性,虚拟DOM树更新前后节点都为div则相同,前为div后为p则不相同),如果是react元素则要求type值必须一致。key值的作用: 用于通过旧节点,寻找对应的新节点,如果某个旧节点由key值,则其更新时,会在相同层级中找相同的key值进行对比。将心产生的节点,对比之前虚拟DOM树中的节点,发现差异,完成更新。: 直接放弃该节点,如果节点有子节点,递归卸载节点。4. 运行render,得到新的节点对象,进行。: 重新调用函数,得到一个新的节点对象,进行。...]]></description><category></category></item><item><title><![CDATA[react-渲染过程--新节点挂载]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126154788</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126154788</guid><author>yuey0809</author><pubDate>Thu, 04 Aug 2022 13:35:14 +0800</pubDate><description><![CDATA[渲染: 生成用于显示的对象, 以及将这些对象转化为真实的dom对象。]]></description><category></category></item><item><title><![CDATA[react-错误边界]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126142767</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126142767</guid><author>yuey0809</author><pubDate>Wed, 03 Aug 2022 16:16:39 +0800</pubDate><description><![CDATA[react组件发生错误时,会层层向上传递直至根组件,设置一个错误边界组件可以防止错误继续向上传递,避免组件树被销毁。]]></description><category></category></item><item><title><![CDATA[react-PureComponent]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126139967</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126139967</guid><author>yuey0809</author><pubDate>Wed, 03 Aug 2022 14:39:45 +0800</pubDate><description><![CDATA[PureComponent是一个组件,如果某个组件继承自它,则该组件的shouldComponentUpdate会进行优化,对属性和状态进行。优化: 如果一个组件的状态和属性都没有发生变化,那么就没有必要重新渲染。用于避免不必要的渲染(运行render函数),如果相等则不会重新渲染。...]]></description><category></category></item><item><title><![CDATA[react-context新版api]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126136215</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126136215</guid><author>yuey0809</author><pubDate>Wed, 03 Aug 2022 11:18:02 +0800</pubDate><description><![CDATA[如果上下文提供者(Provider)的value属性发生变化(Object.is判断为否),会导致该上下文的所有后代全部重新渲染,就算使用了shouldComponentUpdate优化也不行,原因是强制渲染,不运行shouldComponentUpdate。上下文是一个独立于组件的对象,该对象通过React.createContext(默认值)创建,返回的是一个包含两个属性的对象,这俩对象是俩React组件。注意: 同一个Provider不要用到多个组件当中。...]]></description><category></category></item><item><title><![CDATA[react-context旧版API]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126123236</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126123236</guid><author>yuey0809</author><pubDate>Tue, 02 Aug 2022 15:44:41 +0800</pubDate><description><![CDATA[我觉得我在放屁但是我还得说下,上下文只能是先代创建后代使用,非先后代关系不可使用。]]></description><category></category></item><item><title><![CDATA[react-ref与ref转发]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126120328</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126120328</guid><author>yuey0809</author><pubDate>Tue, 02 Aug 2022 14:28:46 +0800</pubDate><description><![CDATA[场景希望直接使用dom元素中的某个方法(如focus),或者希望直接使用自定义组件中的某个方法。通过React.createRef创建。目前,ref推荐使用对象或者函数。未来可能会移除这种赋值方式。高阶组件withLog.js。...]]></description><category></category></item><item><title><![CDATA[react-HOC]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126116642</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126116642</guid><author>yuey0809</author><pubDate>Tue, 02 Aug 2022 10:12:08 +0800</pubDate><description><![CDATA[高阶组件接收一个组件作为参数,返回一个组件。]]></description><category></category></item><item><title><![CDATA[react-属性默认值与类型验证]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126101665</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126101665</guid><author>yuey0809</author><pubDate>Mon, 01 Aug 2022 16:36:26 +0800</pubDate><description><![CDATA[ps安装React会自动安装这个库,不需要额外安装,直接引用就行。react提供了属性默认值的设置方法。]]></description><category></category></item><item><title><![CDATA[react-表单]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126099792</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126099792</guid><author>yuey0809</author><pubDate>Mon, 01 Aug 2022 13:55:36 +0800</pubDate><description><![CDATA[type为text,password,textarea,还有select选择器设置value属性即可转化为受控组件。非受控组件组件的内容元素等只受该组件控制,使用者不可控制。radio与checkbox则需要设置checked属性。]]></description><category></category></item><item><title><![CDATA[react-新旧生命周期]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126032926</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126032926</guid><author>yuey0809</author><pubDate>Thu, 28 Jul 2022 14:56:56 +0800</pubDate><description><![CDATA[react新旧生命周期]]></description><category></category></item><item><title><![CDATA[react-事件]]></title><link>https://blog.youkuaiyun.com/yuey0809/article/details/126017588</link><guid>https://blog.youkuaiyun.com/yuey0809/article/details/126017588</guid><author>yuey0809</author><pubDate>Wed, 27 Jul 2022 16:37:46 +0800</pubDate><description><![CDATA[react事件的本质其实就是一个属性下例中,模拟当倒计时结束时调用父组件的onOver事件index.js这里会有一个this指向问题,需要注意一下解决this指向问题还有别的办法,自行百度state={isOverfalse//倒计时是否完成}//当写成箭头函数时,将会绑定到对象上而不是原型上//传入子组件不会产生this问题handleOver=()=>{isOverTick.js//倒计时importReact,{...]]></description><category></category></item></channel></rss>