编程开发 - 教程之家

编程开发

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

56浏览

0评论

详解Stack Navigator中使用自定义的Render Callback

目录Stack Navigator使用component props传递组件无因素引起组件更新时，使用render callback的效果有因素引起组件更新时，使用component props的效果有因素引起组件更新时，使用...

2023-01-05 20:34:59

37浏览

0评论

React常见跨窗口通信方式实例详解

目录iframe同源策略当iframe与父窗口同源时效果图当iframe与父窗口不同源时效果图跨窗口通信一：通过window.parent、frames、top效果图二：window.postMessage其他通信方法ifra...

2023-01-05 20:34:23

54浏览

0评论

详解vant2 自动检查表单验证 -validate

下面给大家介绍下vant2 自动检查表单验证 -validateref 给 <van-form @submit="onSubmit" ref="form"> 标签；// 检验手机号是否合格 await this.$refs.form.validate("...

2023-01-05 20:34:20

42浏览

0评论

react路由v6版本NavLink的两个小坑及解决

目录react路由v6版本NavLink的两个小坑react 路由React Router（v6）安装react-router一级路由重定向NavLink高亮useRoutes路由表----嵌套路由路由的params参数路由的search参数...

2023-01-05 20:34:18

57浏览

0评论

React 中 memo useMemo useCallback 到底该怎么用

目录React.memo怎么用React.useMemo怎么用React.memo()和useMemo()的主要区别React.useCallback怎么用memo与useMemo及useCallback的区别防止不必要的 effectReact.memo怎么...

2023-01-05 20:34:16

53浏览

0评论

React Hooks获取数据实现方法介绍

目录前言useStateuseEffect获取数据前言react16.8推出hooks更好的支持函数组件,使用函数组件更容易进行代码的复用,拓展性更强。useStateuseState类似于class组件的state功...

2023-01-05 20:34:14

48浏览

0评论

React中常见的TypeScript定义实战教程

目录一引沿二什么是调和三什么是Filber四实现调和的过程五总结一引沿Fiber 架构是React16中引入的新概念，目的就是解决大型 React 应用卡顿，React在遍历更新每一个节点...

2023-01-05 20:34:12

48浏览

0评论

React Native提供自动完成的下拉菜单的方法示例

目录正文如何使用它1.安装2.导入自动完成的下拉组件3.基本使用方法4.数据集应该是一个JS对象或数组5.可用的道具预览正文一个具有搜索和自动完成（typeahead）功能的React Nativ...

2023-01-05 20:34:11

45浏览

0评论

React HOC高阶组件深入讲解

目录1. 概念2. 属性代理2.1 代理props2.2 条件渲染2.3 添加状态3. 反向继承3.1 拦截渲染3.2 劫持生命周期3.3 操作state3.4 修改react树3.5 记录渲染性能4. 使用装饰器4.1...

2023-01-05 20:34:09

52浏览

0评论

详解React中Fragment的简单使用

目录react 中的 Fragment标签渲染Fragment 标签Fragment 标签和 <></> 区别react 中的 Fragment今天说的这一小节超级简单，但是呢，不说还不行，因为在实际开发项目当中你会确确...

2023-01-05 20:34:07

100浏览

0评论

react-dnd API拖拽工具详细用法示例

目录前言概念核心APIDndProviderBackenduseDraguseDrag返回三个参数useDrag传入两个参数DragSourceMonitor对象useDropuseDrag返回两个参数useDrop传入一个参数DropTargetMo...

2023-01-05 20:34:04

66浏览

0评论

React memo减少重复渲染详解

目录1. 概述2. 使用1. 概述此方法是一个 React 顶层 Api 方法，给函数组件来减少重复渲染，类似于 PureComponent 和 shouldComponentUpdate 方法的集合体。React.memo顶层Api方...

2023-01-05 20:34:01

53浏览

0评论

React hook超详细教程

目录什么是hookuseStateuseEffectuseRefuseCallbackuseMemouseContextuseReducer什么是hookReact Hook是React 16.8版本之后添加的新属性，用最简单的话来说，React Hook就是一...

2023-01-05 20:33:59

51浏览

0评论

React props全面详细解析

目录一、Props 是什么二、props children模式1. props 插槽组件2. render props模式3. render props模式三、进阶实践一、Props 是什么先来看一个 demo ：function Chidren(){...

2023-01-05 20:33:57

47浏览

0评论

React函数组件与类的区别有哪些

目录一、函数式组件捕获了渲染所用的值二、闭包让类组件成为拥有特定props和state的渲染三、区分useState与useRef的使用首先我们要知道的是，项目性能能主要取决于代码的作用...

2023-01-05 20:33:55

154浏览

0评论

react源码层深入刨析babel解析jsx实现

目录jsxv16.x及以前版本v17及之后版本ReactElementReact.createElementReactElementReact.Component总结经过多年的发展，React已经更新了大版本16、17、18，本系列主要讲的是 v...

2023-01-05 20:33:53

276浏览

0评论

React之错误边界 Error Boundaries示例详解

目录引言注意实现错误边界应该放置在哪？未捕获错误（Uncaught Errors）该如何处理？注意：自 React 15 的命名更改引言过去，组件内的代码异常会导致 React 的内部状态被破坏，产生可能无...

2023-01-05 20:33:52

147浏览

0评论

可定制React自动完成搜索组件Turnstone实现示例

目录正文特点如何使用它1.安装并导入Turnstone2.基本使用方法3.默认的组件道具预览正文一个高度可定制的、易于使用的React自动完成搜索组件。特点轻量级的React搜索框组件...

2023-01-05 20:33:50

55浏览

0评论

React hooks使用方法全面汇总

目录1. 前言2. useState3. useEffect4. useLayoutEffect5. useMemo6. useCallback7. useRef8. useReducer9. useContext10. memo1. 前言react16.8推出hooks更好的支持函数组...

2023-01-05 20:33:48

46浏览

0评论

React组件如何优雅地处理异步数据详解

目录前言API介绍SuspenseError Boundaries完整方案处理异步请求的子组件外层组件总结前言我们在编写React应用的时候，常常需要在组件里面异步获取数据。因为异步请求是需要一...

2023-01-05 20:33:47

53浏览

0评论

React 数据获取与性能优化详解

目录引言数据获取的分类React 获取数据与类库支持React 应用的性能React 生命周期与数据获取浏览器限制和数据获取出现请求瀑布流的原因解决请求瀑布流的方案Promise.all 方...

2023-01-05 20:33:45

47浏览

0评论

React immer与Redux Toolkit使用教程详解

目录1. immer1.1 setState结合immer使用1.2 useState结合immer使用1.3 immer和redux集合2. Redux Toolkit1. immer概述：它和immutable相似的，实现了操作对象的数据共享，可以优...

2023-01-05 20:33:42

58浏览

0评论

React 模块联邦多模块项目实战详解

目录前提：1. 修改webpack增加ModuleFederationPlugin2.本地开发测试3.根据路由变化自动加载对应的服务入口4.线上部署5.问题记录前提：老项目是一个多模块的前端项目，有一个框架...

2023-01-05 20:33:40

59浏览

0评论

React18 中的 Suspense API使用实例详解

目录什么是新的 ReactJS Suspense API，什么时候应该使用它？什么是Suspense API？什么是 transition API?最后什么是新的 ReactJS Suspense API，什么时候应该使用它？何时使用：当组件...

2023-01-05 20:33:38

50浏览

0评论

react组件的创建与更新实现流程详解

目录React源码执行流程图legacyRenderSubtreeIntoContainerlegacyCreateRootFromDOMContainercreateLegacyRootReactDOMBlockingRootcreateRootImplcreateContainercreateFi...

2023-01-05 20:33:36

54浏览

0评论

React中setState使用原理解析

目录setState使用详解使用setState的原因setState的基本用法setState的异步更新setState获取异步结果setState一定是异步?setState使用详解前面我们有使用过setState的基本...

2023-01-05 20:33:29

235浏览

0评论

React Native功能丰富的Toast通知库

目录正文特点基本用途1.安装2.导入 react-native-toast3.在你的应用程序中显示一个基本的吐司4.可用的烤面包选项5.创建不同风格的祝酒词预览正文一个功能丰富的React Nativ...

2023-01-05 20:33:27

56浏览

0评论

React之echarts-for-react源码解读

目录前言从与原生初始化对比开始陷阱-默认值height为300px主逻辑源码剖析挂载渲染过程更新渲染过程卸载过程项目依赖后续前言在当前工业4.0和智能制造的产业升级浪潮当中，智...

2023-01-05 20:33:26

60浏览

0评论

React DnD如何处理拖拽详解

目录正文代码结构DndProviderDragDropManageruseDragHTML5BackendTouchBackend总结正文React DnD 是一个专注于数据变更的 React 拖拽库，通俗的将，你拖拽改变的不是页面视图，而...

2023-01-05 20:33:24

59浏览

0评论

React从插槽、路由、redux的详细过程

目录1. React 插槽2. React 路由2.1 安装库2.2 ReactRouter三大组件2.3 路由其他方法2.4 重定向组件2.5 Switch组件2.6 示例3. redux3.1 主要作用3.2 使用步骤4. react-redu...

2023-01-05 20:33:21

50浏览

0评论

React useReducer终极使用教程

目录1. 概述2. useReducer使用3. 使用useReducer完成todolist列表功能1. 概述useReducer 这个 Hooks 在使用上几乎跟 Redux 一模一样，唯一缺点的就是无法使用 redux 提供的中...

2023-01-05 20:33:18

50浏览

0评论

在 React 中使用 Redux 解决的问题小结

目录在 React 中使用 Redux 解决的问题在 React 项目中加入 Redux 的好处React + Redux 安装 ReduxReact 中 Redux 的工作流程React 计数器案例使用 ReduxProvide 组件conne...

2023-01-05 20:33:17

46浏览

0评论

react源码层分析协调与调度

目录requestEventTimerequestUpdateLanefindUpdateLanelanePriority LanePrioritycreateUpdateenqueueUpdate总结协调与调度reconciler流程同步任务类型执行机制异步任务类...

2023-01-05 20:33:14

56浏览

0评论

React 程序设计简单的轻量级自动完成搜索框应用

目录实现效果如何使用它1.安装并导入该组件2.将ReactSearchBox 组件添加到应用程序中3.定义你的自动建议列表的数据4.所有可用的组件道具预览实现效果一个为React应用程序设...

2023-01-05 20:33:11

48浏览

0评论

Hello React的组件化方式之React入门小案例演示

目录React初体验Hello React案例演练Hello React案例升级Hello React的组件化组件化的方式数据依赖事件绑定其他案例练习电影列表展示计数器的案例React初体验接下来我们通...

2023-01-05 20:33:09

62浏览

0评论

react 组件实现无缝轮播示例详解

目录正文无缝轮播实现思路构思使用时代码结构Carousel组件CarouselItem组件完善组件完成小圆点正文需求是做一个无缝轮播图，我说这不是有很多现成的轮子吗？后来了解到他有一个...

2023-01-05 20:33:07

44浏览

0评论

react component function组件使用详解

目录不可改变性虚拟dom与真实dom函数组件组件复用纯函数组件组合--组件树组件抽离不可改变性1.jsx-2.component(function)-component(class)-components(函数组件组合)-comp...

2023-01-05 20:32:50

35浏览

0评论

React深入浅出分析Hooks源码

目录useState 解析useState 使用useState 模拟实现hooks 规则useEffect 解析useEffect 使用useEffect 的模拟实现useEffect 注意事项接口无限请求问题Hooks 源码解析总结use...

2023-01-05 20:32:44

58浏览

0评论

React18 useState何时执行更新及微任务理解

目录函数式组件中的useState测试1测试2类组件中的setStatesetState在promise之前定义setState在promise之后定义结论函数式组件中的useState前言：众所周知useState是异步的,...

2023-01-05 20:32:42

55浏览

0评论

React前端开发createElement源码解读

目录React 与 Babel元素标签转译组件转译子元素转译createElement源码函数入参第一段代码 __self 和 __source第二段代码 props 对象第三段代码 children第四段代码 default...

2023-01-05 20:32:39

59浏览

0评论

React渲染机制超详细讲解

目录准备工作render阶段workloopSyncbeginWorkcompleteWorkcommit阶段commitWorkmutation之前mutationfiber树切换layoutlayout之后总结准备工作为了方便讲解，假设我们有下面...

2023-01-05 20:32:35

45浏览

0评论

React深入分析useEffect源码

目录热身准备初始化 mount更新 updateupdateEffect执行副作用总结热身准备这里不再讲useLayoutEffect，它和useEffect的代码是一样的，区别主要是：执行时机不同；useEffect是异步， u...

2023-01-05 20:32:33

60浏览

0评论

React运行机制超详细讲解

目录适合人群写源码之前的必备知识点JSX虚拟Dom原理简介手写react过程基本架子的搭建React的源码ReactDom.renderReactDom.Component简单源码适合人群本文适合0.5~3年的reac...

2023-01-05 20:32:31

48浏览

0评论

React Native可定制底板组件Magic Sheet使用示例

目录正文如何使用它1.安装并导入2.基本使用方法预览正文一个React Native组件，通过提供一个强制性的API，可以从应用程序的任何地方（甚至在组件之外）调用，以显示一个完全可定制的...

2023-01-05 20:32:29

224浏览

0评论

React函数式组件Hook中的useState函数的详细解析

目录前言一、什么是函数式组件二、useState前言公司项目需要使用react，而函数式组件也是官方比较推荐的！！！所以学习hooks是很重要的。一、什么是函数式组件纯函数组件有以下特点...

2023-01-05 20:32:26

40浏览

0评论

React为什么需要Scheduler调度器原理详解

目录正文我们为什么需要Scheduler(调度器)Scheduler如何进行工作总结正文最近在重学React，由于近两年没使用React突然重学发现一些很有意思的概念，首先便是React的Scheduler(...

2023-01-05 20:32:25

40浏览

0评论

React使用ref方法与场景介绍

目录摘要1.ref的挂载2.使用ref的三种方式3.ref的使用场景摘要不管在Vue中还是React，如果我们想使用一个元素的DOM，不需要通过JS中操纵DOM的方法，它们提供了一个专属的API就是re...

2023-01-05 20:32:22

44浏览

0评论

useReducer createContext代替Redux原理示例解析

目录前言采用react-redux实现采用react hooks模拟redux实现异步action总结前言最近看到很多采用useReducer + createContext 实现一个简易的redux的方案，今天亲自试了一下，发...

2023-01-05 20:32:20

205浏览

0评论

React Hook中的useEffecfa函数的使用小结

目录useEffect的详细解析useEffecf基本使用清除副作用(Effect)使用多个useEffectuseEffect性能优化useEffect的详细解析useEffecf基本使用书接上文, 上一篇文章我们讲解了St...

2023-01-05 20:32:18

49浏览

0评论

React Redux应用示例详解

目录一 React-Redux的应用1.学习文档2.Redux的需求3.什么是Redux4.什么情况下需要使用redux二、最新React-Redux 的流程安装Redux Toolkit创建一个 React Redux 应用基础示...

2023-01-05 20:32:16

首页 «167 168169170 171 »尾页

热门文章