- 博客(8)
- 收藏
- 关注
RSS订阅原创 跟着案例一次搞定React-Hooks
React Hooks 中允许我们通过自定义 Hooks 实现公共逻辑的抽离，在不同组件之间复用。自定义 Hooks 中可以使用官方提供的 Hooks 特性定义状态数据和实现逻辑，将逻辑封装起来，通过 return 的方式返回外部需要的状态和方法，不同的组件调用同一个 hook 只是复用了组件的逻辑，并不会共享状态。自定义 Hooks 都以use开头。// 自定义hook function useCount() {
2022-09-02 15:16:04
283
1
原创 基于react和rc-viewer封装一个图片预览组件
在项目实战开发中，图片预览是非常常见的需求，尤其是在做后台管理系统中，我们都知道在使用Vue开发的项目中，v-viewer是一个基于Vue和Viewer.js封装的非常好用的第三方图片预览组件。其实Viewer.js也有基于React封装的版本，那就是rc-viewer。但是，在实际开发中，我们可能有很多页面都需要使用到图片预览功能，作为一个有追求的程序猿，当然无法接收相同的事情重复干。基于组件化的开发思想，今天我们将基于react和rc-viewer二次封装一个图片预览组件。
2022-09-02 15:15:27
684
原创 Redux手把手教学，有这篇就够了
Redux 是 React 框架下的一款状态管理工具，可以实现多个组件之间的数据共享和传递。学习和掌握 Redux 以及周边生态可以使我们更好的进行 React 项目开发。下面我们就详细的讲述 Redux 在实际项目开发中的使用。
2022-09-02 15:14:56
2900
原创 一锅烩了那些React项目开发绕不过去的配置
习惯了使用Vue开发的小伙伴，如果突然切换到React技术栈，刚开始肯定会有些手足无措，因为相比Vue的脚手架Vue-cli，React官方提供的脚手架工具则显得没有那么友好。在Vue-cli中，如果想要扩展webpack配置，只需要在项目的根目录新建一个文件，在该文件中进行配置即可。但是则没有那么简单，它把所有的webpack配置都集成在了的依赖包中，我们无法直接修改的，官方提供了一个命令可以执行脚本将。
2022-09-02 15:13:18
1157
原创 Axios取消重复请求实现
在我们日常开发中，有这样一种场景必须要进行处理，那就是在提交表单的时候，如果很快的重复点击两次，会造成重复请求，第二次请求就会报错，给用户带来很不好的体验，同时如果后端没有加以控制，也容易造成数据重复。所以我们需要对这种重复请求进行处理和控制。axios是现在前端项目开发中必用的一个用于前端后网络请求的工具，它是基于ajax和promise封装而成，很受欢迎。那么，今天就结合axios来实现一下如何取消重复请求。
2022-09-02 15:08:23
2072
3
原创 一文彻底弄清楚元素的高度和距离属性
元素的位置属性一直是很容易弄混淆的地方，各种高度宽度距离，每次使用的时候都需要各种查查查。今天就将相关属性做一个归类整理，通过画图以最直观的方式展现，也方便日后查阅。
2022-09-02 14:44:15
219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人