- 博客(23)
- 收藏
- 关注
RSS订阅原创 基于antd and react 封装按钮Botton，显示不同的Botton以及它各自的功能 -- 简单封装mock
2.按钮出来了，比较重要的是按钮的功能。点击的时候触发action，action会拿配置的函数，去执行，比如对于submit 会去拿一些forms 的数据 （还要去检验等等，本文未写）再去调接口，submit给后端。3.会涉及到数据流dva 的使用，详细可以去别的文章学习～ 其实跟vue常用的数据流方案差不多的。1.简单来说，就是遍历按钮数组，去显示出有什么按钮，权限在后端设置，点击会执行各自功能。页面功能的配置，页面初始化的时候可以把配置保存好 ，其他函数好拿去用。action 以及 其他函数。
2025-04-07 17:33:07
169
原创 记录react antd中的form表单中的rule中的validator校验
validator函数有3个参数1校验对象，校验值，校验回调。前置了解validator校验。了解完封装好我的code。
2025-01-20 16:32:46
232
原创 react封装antd中的form表单，高度配置化
根据React.cloneElement React.Children.map 封装组件。由于文件文件比较多，展示部分内容。只封装基础功能，后续会优化。
2024-12-05 14:10:31
319
原创 在react中如何改变antd中的Tabs TabPane样式(文本，下划线（指示条）等）
【代码】在react中如何改变antd中的Tabs TabPane样式(文本，下划线（指示条）等）
2024-10-28 18:24:24
644
原创 antd的table，点击某行改变这行的样式颜色(react)
需求1: antd的table，点击某行改变这行的样式颜色，同时保持有奇偶行颜色的区别和改变hover的颜色。2: 样式我是用styles 去管理的 ，所以return 的样式字符串，根据你需求改，会不一样。需求2: 再次点击改变了的颜色的行，去跳转某个页面，而不是双击。1: onRow的写法要注意了， 写的不好会自动调用的。
2024-07-09 18:17:12
816
2
原创 css基础练习五 -- transform transition animation
【代码】css基础练习五 -- transform transition animation。
2024-06-07 10:34:05
137
原创 css基础练习三 -- 相邻选择器+写单选高亮效果 ｜常见选择器的使用less写法 ｜画圆形/三角
相邻比较少用，用一个 单选高亮场景 使用相邻选择器+ 来练习。常见选择器： 后代 ｜ & ｜ 子代 >
2024-05-30 10:43:42
198
原创 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
264
原创 immer库的个人总结使用
produce参数1是数据源，参数2为拷贝了数据源，且互不影响。copy 原来的对象，改变会影响到原来的，典型的拷贝问题。
2024-05-10 17:03:31
545
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
516
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
108
原创 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
1015
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
982
原创 hooks基本使用
useState为函数组件提供状态（state）useStateuseStateuseState该方式提供的状态，是函数内部的局部变量，可以在函数内的任意位置使用。
2023-10-15 16:37:20
112
1
原创 react-props中的children以及props的校验
从下面图可以看出： 子组件的props中有children，是数组且元素是传进来的内容。
2023-10-14 22:46:51
309
1
原创 react组件通信-父子；子父；兄弟；祖孙
父组件定义函数，通过props：changeMsg={this.changeMessage}传递函数给子组件。子组件通过props拿到父传过来的函数，点击触发父亲的函数并且传递数据给父亲，重新设置message的值。根据单项数据流的要求，子组件只能读取props中的数据，不能进行修改。3. 子组件中通过 `props` 接收父组件中传过来的数据。4. - 类组件可以使用this.props获取props对象。父组件： 初始化状态，子组件标签写 msg= {}父组件给子组件传递回调函数，子组件调用。
2023-10-14 17:14:22
223
1
原创 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
119
原创 【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
3680
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人