- 博客(21)
- 收藏
- 关注
RSS订阅原创 在react中如何改变antd中的Tabs TabPane样式(文本，下划线（指示条）等）
【代码】在react中如何改变antd中的Tabs TabPane样式(文本，下划线（指示条）等）
2024-10-28 18:24:24
212
原创 关于useMemo使用注意点，为什么拿不到最新的usestate数据
虽然RejectTopage发生了变化，如果 UIOne组件 这个不去监听 RejectTopage ，那么 UIOne这个组件获取的RejectTopage还是原来的，初始值，拿不到 RejectTopage改变了的。当加上RejectTopage去监听，才能去获取到最新的RejectTopage值。 这个box 点击它可以让useStae 的数据，RejectTopage，发生变化，比如你在一个组件中，有1个UI 是根据变量 RejectTopage 有没有变化去渲染的。
2024-07-12 15:37:59
299
原创 antd的table，点击某行改变这行的样式颜色(react)
需求1: antd的table，点击某行改变这行的样式颜色，同时保持有奇偶行颜色的区别和改变hover的颜色。2: 样式我是用styles 去管理的 ，所以return 的样式字符串，根据你需求改，会不一样。需求2: 再次点击改变了的颜色的行，去跳转某个页面，而不是双击。1: onRow的写法要注意了， 写的不好会自动调用的。
2024-07-09 18:17:12
610
1
原创 css基础练习五 -- transform transition animation
【代码】css基础练习五 -- transform transition animation。
2024-06-07 10:34:05
126
原创 css基础练习三 -- 相邻选择器+写单选高亮效果 ｜常见选择器的使用less写法 ｜画圆形/三角
相邻比较少用，用一个 单选高亮场景 使用相邻选择器+ 来练习。常见选择器： 后代 ｜ & ｜ 子代 >
2024-05-30 10:43:42
178
原创 css基础练习一
5. 给父元素设置了 flex，可以给父元素设置justify-content，设置item项的排序方式。3. 组合选择器： :first-child 选中第一 >div 选中所有div元素标签。9. 盒子模型 margin padding border。& 来共同应用样式，可能会覆盖之前的样式效果，也可add。8. border-radius 设置border 四角。2. 元素水平局中： flex, 定位。4. :hover 鼠标移动到就触发。1. 嵌套写后代选择器。
2024-05-24 16:25:58
242
原创 immer库的个人总结使用
produce参数1是数据源，参数2为拷贝了数据源，且互不影响。copy 原来的对象，改变会影响到原来的，典型的拷贝问题。
2024-05-10 17:03:31
398
1
原创 Vuex的简单理解与应用 -vue2
1. 点击触发change函数，触发派遣 this.$store.dispatch('changeTitle/changeSing', str);1）在src根目录创建store文件夹，再创文件夹分类不同的模块。通过$store.state / computed /changeTitle中的index.js。2.点击触发changeMapaction。store文件夹中的index.js。modules下的的index.js。2）在main.js, 挂载到VUE中。
2024-02-18 17:35:43
500
1
原创 lodash 常用方法总结
lodash.keyslodash.valueslodash.getlodash.islodash.isEmptylodash.isNumberlodash.isEquallodash.isPlainObject()lodash.isNil()lodash.isEquallodash.findlodash.filterlodash.forEachlodash.maplodash.chainloads.haslodash.set( object, path, value)lodash.somelodash.h
2023-12-25 15:32:13
85
原创 React中Context（createContext）与useReducer的结合使用，功能类似redux
2, 在Provider.tsx创健Provider，提供数据contextValue，也是数据源,并且结合useReducer管理数据(后续讲）3）在Provider中，创建useReducer，拿到初数据与dispatch。state 就是初始数据，action为dispatch的action，dispatch（action）点击按钮，dispatch派遣action，即可改变数据，组件也拿到了改变后的数据。--2，被Provider包裹的组件都嫩拿到contextValue的数据。
2023-12-23 18:11:53
948
1
原创 git add 报错fatal: CRLF would be replaced by LF in xxx
Unix系统(包括Linux, MacOS近些年的版本) 使用的是LF作为其文本的换行符。CR：Carriage Return 代表回车，对应字符 '\r'；创建的配置文件是在windows环境下，使用的CRLF作为换行符，所以在unix系统下使用git管理文件时，检查到差异，出现了警告。LF：Line Feed 代表换行，对应字符 '\n'。Windows 系统使用的是 CRLF作为其文本的换行符。CRLF, LF 是用来表示文本换行的方式。
2023-11-28 10:12:32
744
原创 hooks基本使用
useState为函数组件提供状态（state）useStateuseStateuseState该方式提供的状态，是函数内部的局部变量，可以在函数内的任意位置使用。
2023-10-15 16:37:20
78
1
原创 react-props中的children以及props的校验
从下面图可以看出： 子组件的props中有children，是数组且元素是传进来的内容。
2023-10-14 22:46:51
275
1
原创 react组件通信-父子；子父；兄弟；祖孙
父组件定义函数，通过props：changeMsg={this.changeMessage}传递函数给子组件。子组件通过props拿到父传过来的函数，点击触发父亲的函数并且传递数据给父亲，重新设置message的值。根据单项数据流的要求，子组件只能读取props中的数据，不能进行修改。3. 子组件中通过 `props` 接收父组件中传过来的数据。4. - 类组件可以使用this.props获取props对象。父组件： 初始化状态，子组件标签写 msg= {}父组件给子组件传递回调函数，子组件调用。
2023-10-14 17:14:22
196
原创 react-redux的基本使用
第二个参数mapDispatchToProps，通过connect注入HeaderComponent类组件中的props。2.流入：写入参数mapStateToprops，拿到数据，放在了HeaderComponent类组件中的props中。1.通过connect 把组件和store里的state与dispatch连接起来。把在reducer处理好的返回的state，存储在store中。useSelector获得store里面的state数据。.定义这个参数，返回一个dispatch的函数。
2023-10-12 22:33:46
103
原创 【command not found:nvm】Mac 解决安装完nvm后，依旧报错：zsh: command not found:nvm。亲测有效
4月前作者：detectiveDH分类：阅读(212)原文这里可以随便找个nvm安装就可以，网上铺天盖地都是。到这里会显示nvm安装成功，但是 nvm -v 会报错：zsh: command not found:nvm。
2023-09-04 15:31:10
3401
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人