编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

44浏览

0评论

如何在React项目中引入字体文件并使用详解

目录前言下面讲下如何引入字体文件并使用一、下载字体包二、将字体文件放到项目里三、使用新字体总结前言在做React项目的时候，发现UI设计给出的设计稿里，某些文字所用的字...

2023-01-05 20:44:01

45浏览

0评论

react通过组件拆分实现购物车界面详解

目录页面组件拆分图功能点页面组件拆分图功能点实现全选反选数量的增加和减少选中删除，单独删除商品总价和商品总数量的变化首先在根组件中把页面的布局以及功能先实现，然后再...

2023-01-05 20:43:58

44浏览

0评论

React模仿网易云音乐实现一个音乐项目详解流程

目录一、项目功能说明二、最终效果三、文件目录结构说明四、项目技术栈五、核心技术六、遇到的问题七、github链接一、项目功能说明暂停、播放歌曲切换上一首、下一首歌曲拖...

2023-01-05 20:43:57

41浏览

0评论

解析React中useMemo与useCallback的区别

useMemo把“创建”函数和依赖项数组作为参数传⼊入useMemo，它仅会在某个依赖项改变时才重新计算memoized 值。这种优化有助于避免在每次渲染时都进⾏行行⾼高开销的...

2023-01-05 20:43:53

55浏览

0评论

解析React ref 命令代替父子组件的数据传递问题

前言我们在谈论受控组件的时候，会去使用父子通信的方式去进行数据传递，从而达到组件的受控，其实并非这一种方案，当我们对表单组件进行受控处理的时候，往往会使用 ref 命令去进行...

2023-01-05 20:43:52

49浏览

0评论

Ant Design 组件库之步骤条实现

目录引言1 antd 之 Steps API2 antd 之 Steps 示例引言antd 组件库是基于 Ant Design 设计体系的 React UI 组件库，antd 为 Web 应用提供了丰富的基础 UI 组件，可以用于研发企...

2023-01-05 20:43:50

51浏览

0评论

React 中的 useContext使用方法

目录什么是上下文呢？useContext使用的方法:1.要先创建createContex2.Provider 指定使用的范围3.最后使用useContextuseContext就是上下文什么是上下文呢？全局变量就是全局的上...

2023-01-05 20:43:43

51浏览

0评论

详解Redux的工作流程

目录Redux理解redux是什么什么情况下需要使用redux？redux工作流程...

2023-01-05 20:43:41

57浏览

0评论

React Hook实现对话框组件

React Hook实现对话框组件，供大家参考，具体内容如下准备思路：对话框组件是有需要的时候希望它能够弹出来，不需要的时候在页面上是没有任何显示的，这就意味着需要一个状态，在父组件...

2023-01-05 20:43:38

61浏览

0评论

react+antd实现动态编辑表格数据

本文实例为大家分享了react+antd动态编辑表格数据的具体代码，供大家参考，具体内容如下在项目中，我们会遇到一种需求，为用户提供一份表格去编辑，而且表格中各个单元格是相关影响的...

2023-01-05 20:43:37

91浏览

0评论

React-RouterV6+AntdV4实现Menu菜单路由跳转的方法

目录React-RouterV6 + AntdV4实现Menu菜单路由跳转，采用子路由嵌套的方式两种实现方式：一、编程式跳转二、链接式跳转三、实现效果React-RouterV6 + AntdV4实现Menu菜单路由跳...

2023-01-05 20:43:35

44浏览

0评论

React路由封装的实现浅析

目录了解SAP和路由的概念再说说路由路由封装流程了解SAP和路由的概念SAP（single page web application）的意思是单页Web应用，正如前言所说，一般来说功能较为复杂都会涉及到页面...

2023-01-05 20:43:33

43浏览

0评论

React Hooks钩子中API的使用示例分析

目录hooks是什么Hooks的作用使用Hooks组件前后开发模式的对比Hooks使用策略为什么要有HooksuseStateuseEffect使用useEffect依赖项使用情景useMemo使用useMemo缓存组件方式u...

2023-01-05 20:43:32

59浏览

0评论

React实时预览react-live源码解析

目录引言源码解读输入内容ProvidergenerateElement其他组件总结引言react-live 是一个 react 的实时编辑器，可直接编辑 react 代码，并实时预览。可以看下官方的预览图：本文针对...

2023-01-05 20:43:30

61浏览

0评论

react-router v6实现动态路由实例

目录前言思路实现动态路由router/index.ts 默认路由redux login/action.tsutils 工具函数处理App.tsx前言最近在肝一个后台管理项目，用的是react18 + ts 路由用的是v6，当需要...

2023-01-05 20:43:27

46浏览

0评论

利用React实现一个有点意思的电梯小程序

目录查看效果技术栈介绍初始化项目css in js分析程序的结构楼房组件全局样式电梯井组件电梯门组件电梯组件电梯门组件的开启动画修改电梯和电梯井组件楼层容器组件楼层组件...

2023-01-05 20:43:25

30浏览

0评论

Ant Design 组件库按钮实现示例详解

目录1 antd 之 Button API2 antd 之 Button 示例1 antd 之 Button APIantd 组件库是基于 Ant Design 设计体系的 React UI 组件库，antd 为 Web 应用提供了丰富的基础 UI 组件...

2023-01-05 20:43:23

43浏览

0评论

React报错信息之Expected an assignment or function call and instead saw an expression

目录正文从这开始~总览显式返回隐式返回返回对象正文从这开始~总览当我们忘记从函数中返回值时，会产生"Expected an assignment or function call and instead saw an expres...

2023-01-05 20:43:21

54浏览

0评论

react-redux集中式状态管理及基本使用与优化

目录1、react-redux2、连接容器组件与UI组件3、react-redux基本使用优化1、简写mapState和mapDispatch两个映射方法优化2、Provider组件的使用优化3、整合UI组件与容器组件...

2023-01-05 20:43:19

54浏览

0评论

react创建项目启动报错的完美解决方法

目录一、预备知识：二、创建项目步骤：三、启动项目时可能出现的报错：四、Todolist项目相关库：五、GitHub搜索案例相关库：六、尚硅谷路由案例相关库：七、UI库案例相关库：八、redux相...

2023-01-05 20:43:14

52浏览

0评论

react封装Dialog弹框的方法

本文实例为大家分享了react封装Dialog弹框的具体代码，供大家参考，具体内容如下Dialog.jsimport React, { Component, Children } from "react";import { createPortal } from...

2023-01-05 20:43:10

163浏览

0评论

React中useState的使用方法及注意事项

目录一、基本使用第一个问题：setCount修改值时它是同步还是异步？第二个问题：连续调用 setCount会发生什么？二、注意事项1、复杂变量的修改2、异步操作获取更新的值总结一、基本...

2023-01-05 20:43:09

58浏览

0评论

React高阶组件的使用浅析

目录高阶函数高阶组件react常见的高阶函数高阶组件形式在学习高阶组件前，首先我们了解一下高阶函数高阶函数把一个函数作为另一个函数的参数，那么这个函数就是高阶函数高阶组...

2023-01-05 20:43:07

46浏览

0评论

react使用axios实现上传下载功能

本文实例为大家分享了react使用axios实现上传下载的具体代码，供大家参考，具体内容如下废话不多说，直接上干货上传文件前台代码上传也可以使用Antd前台库的上传组件直接上传，但博...

2023-01-05 20:43:05

42浏览

0评论

利用React实现虚拟列表的示例代码

目录列表项高度固定代码实现列表项高度动态代码实现思路说明一些需要注意的问题结尾大家好，我是前端西瓜哥。这次我们来看看虚拟列表是什么玩意，并用 React 来实现两种虚拟列...

2023-01-05 20:43:03

74浏览

0评论

redux持久化之redux-persist结合immutable使用问题

目录前言redux-persist安装使用到项目上store.jsindex.jspersist_reducer.jsimmutable安装使用到项目上count_reducer.js函数组件类组件结合使用存在的问题组件persist-redu...

2023-01-05 20:42:57

141浏览

0评论

浅谈React useDebounce 防抖原理

目录1、js防抖2、React custom Hook useDebounce1、js防抖// func 需要去抖动的函数 delay 延时执行时间const debounce = (func, delay) => { let timeout; //...pa...

2023-01-05 20:42:55

55浏览

0评论

React的diff算法核心复用图文详解

目录引言Fiber 架构React 的 diff 算法总结引言React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。state 更新的时候，组件会重新 render，产生新...

2023-01-05 20:42:53

47浏览

0评论

react父组件调用子组件的方式汇总

目录前言父子组件都为class父子组件都为hooks父组件为class,子组件为hooks父组件为hooks，子组件是class小结前言本文是小结类文章，主要总结一下工作中遇到的父组件调用子组件...

2023-01-05 20:42:51

54浏览

0评论

react实现全局组件确认弹窗

本例基于react实现了一个简单的确认弹窗，可以让我们在项目中根据需要随时调用创建全局modal组件此处我将弹窗模态框独立出来，用户可以通过传入组件或Element来填充模态框的内...

2023-01-05 20:42:49

59浏览

0评论

React团队测试并发特性详解

目录引言遇到的困境1. 如何表达渲染结果？2. 如何测试并发环境？React的应对策略实现一个渲染器如何测试并发环境？总结引言React18进入大家视野已经有一段时间了，不知道各位有没有...

2023-01-05 20:42:46

62浏览

0评论

React Redux使用配置详解

目录前言redux三大原则redux执行流程redux具体使用执行流程redux使用流程前言在使用redux之前，首先了解一下redux到底是什么？用过vue的肯定知道vuex，vuex是vue中全局状态管理工...

2023-01-05 20:42:44

56浏览

0评论

react实现移动端二级路由嵌套详解

页面效果展示功能需求根据下面不同的标题切换不同的页面，请求接口数据，渲染页面数据，点击左侧数据，进入详情页面，在右侧图片中点击返回返回左面页面实现代码我们用到了react中的r...

2023-01-05 20:42:43

42浏览

0评论

React路由组件三种传参方式分析讲解

目录路由组件和组件的区别Swith内置组件使用react 路由传参编程式导航Redirect重定向路由组件和组件的区别路由组件时被Router组件使用的组件，this.props里面有三个参数，分别...

2023-01-05 20:42:40

56浏览

0评论

字节封装React组件手机号自动校验格式FormItem

目录Situation 背景Target 目标Action 行动Result 结果Review 复盘Situation 背景多人开发的老项目里面，很多地方都写了验证手机格式的需求，代码各有千秋、百花齐放实现：有的写...

2023-01-05 20:42:39

46浏览

0评论

react电商商品列表的实现流程详解

目录整体页面效果项目技术点拦截器的配置主页面添加商品分页与搜索修改商品删除商品完整代码整体页面效果项目技术点antd组件库，@ant-design/icons antd的图标库axios 接口请...

2023-01-05 20:42:37

56浏览

0评论

关于react中的常见错误及解决

目录最近在做react项目的时候遇到了几个报错，这几个报错在react项目还算常见，因此记录下来解决方法。’type’ is missing in props validation报错：type缺少props验...

2023-01-05 20:42:35

44浏览

0评论

React State与生命周期详细介绍

目录一、State1.1 类组件中的State1.2 函数组件中的State二、React生命周期2.1 挂载2.2 更新2.3 卸载2.4 函数式组件useEffect三、总结一、State在React当中，当你更新组件的s...

2023-01-05 20:42:32

61浏览

0评论

react实现消息显示器

本文实例为大家分享了react实现消息显示器的具体代码，供大家参考，具体内容如下效果代码实现完整代码：import React from 'react';import styles from './styles.less';import b...

2023-01-05 20:42:28

51浏览

0评论

react-three-fiber实现炫酷3D粒子效果首页

目录背景Three.js工作原理场景(Scene)相机(Camera)渲染器(renderer)网格对象(mesh)react-three-fiber画布(Canvas)3D粒子模型构建实现思路定义buffer几何体，并填充数据将buff...

2023-01-05 20:42:26

55浏览

0评论

react-dnd实现任意拖动与互换位置

本文实例为大家分享了react-dnd实现任意拖动与互换位置的具体代码，供大家参考，具体内容如下react-dnd用法hooks组件1.使用DndProvider定义一个可以拖拽的范围import { HTML5Ba...

2023-01-05 20:42:04

54浏览

0评论

React中的生命周期和子组件

目录组件生命周期创建创建期获取虚拟DOM子组件组件生命周期为了说明组件的创建，存在，销毁的过程，react提供了组件的生命周期，共分三大周期：创建期：说明组件的创建的过程，相当于人的...

2023-01-05 20:41:59

63浏览

0评论

Jira 任务管理系统项目总结讲解

目录跨组件状态管理简单场景服务端状态客户端状态项目初始化Mock 方案错误边界useState 的惰性初始化乐观更新性能追踪自动化测试Q & A1. 如何实现页面刷新后持久化存储用户...

2023-01-05 20:41:56

39浏览

0评论

React详细讲解JSX和组件的使用

目录一、React JSX1.1 JSX简介1.2 JSX表达式1.3 JSX条件表达式1.4 JSX循环表达式1.5 JSX样式表达式1.6 JSX注释表达式二、React组件2.1 类组件2.2 函数组件2.3 React Props...

2023-01-05 20:41:53

51浏览

0评论

React createElement方法使用原理分析介绍

目录摘要1.创建方法2.处理type3.处理config4.处理children5.对比真正的React.createElement源码摘要在上一篇说过，React创建元素有两种方式：第一种是通过JSX方式创建，第二种是...

2023-01-05 20:41:49

362浏览

0评论

React 模式之纯组件使用示例详解

目录什么是纯组件纯组件解决了什么问题怎么使用纯组件CC: shouldComponentUpdate() 和 React.PureComponentFC: React.memo()你可能并不需要纯组件什么是纯组件纯组件(Pure...

2023-01-05 20:41:48

310浏览

0评论

使用react+redux实现弹出框案例

本文实例为大家分享了用react+redux实现弹出框案例的具体代码，供大家参考，具体内容如下redux 实现弹出框案例1、实现效果，点击显示按钮出现弹出框，点击关闭按钮隐藏弹出框新建弹...

2023-01-05 20:41:45

41浏览

0评论

使用React组件编写温度显示器

本文实例为大家分享了React组件编写温度显示器的具体代码，供大家参考，具体内容如下这是模拟了一下温度显示器的效果，先看效果：先在页面中引入React等；import React from "react";...

2023-01-05 20:41:44

46浏览

0评论

react实现拖拽模态框

前言实际开发中,模态框展现数据会经常出现.但不幸的是有时功能开发完了,UI同学突然提出需求希望模态框能拖拽.本文使用的模态框由 ant design 3.0 的 Modal 组件封装而成,如...

2023-01-05 20:41:41

45浏览

0评论

React中DOM事件和状态介绍

目录DOM事件参数作用域状态无状态组件有状态组件使用状态数据初始化状态数据修改状态数据DOM事件react中绑定事件的语法跟html中为元素绑定事件的语法相似，html中绑定事件：<di...

2023-01-05 20:41:38

首页 «163 164165166 167 »尾页

热门文章