编程开发 - 教程之家

编程开发

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

52浏览

0评论

React特征学习之Form格式示例详解

目录Form 样式React hookForm 样式首先来看一个简单Form, 式样如下import * as React from 'react';const LoginForm = () => { return ( <form> <div> //...

2023-01-05 20:37:26

56浏览

0评论

详解React Native项目中启用Hermes引擎

目录引言一、启用 Hermes 引擎1.1 Android1.2 iOS二、Hermes 引擎使用2.1 检查 Hermes 引擎是否启用2.2 绑定Hermes2.3 使用DevTools在Hermes上调试JS引言目前，最新版本的Rea...

2023-01-05 20:37:24

50浏览

0评论

sass在react中的基本使用(实例详解)

目录1. 安装sass2. 编写App.tsx中的基本DOM3. sass变量4. sass中的选择器嵌套和属性嵌套5. sass中的@import和Partials6. Sass中的 @mixin 与 @include7.sass中的继承 @exte...

2023-01-05 20:37:22

46浏览

0评论

React组件间传值及跨组件通信详解

目录组件间传值propsref状态提升跨组件通信组件间传值props父传子：通过自定义属性向子组件传值，值可以是任何类型子传父：通过父组件把方法传给子组件，子组件调用传过去的方法完...

2023-01-05 20:37:20

49浏览

0评论

React如何接收excel文件下载导出功能封装

目录React接收excel文件下载导出功能封装react导出excel文件的几种方式1.原生js导出（带样式）2.使用xlsx导出（此方法导出的excel文件无样式,但导出的文件格式是 xlsx格式） 3.使...

2023-01-05 20:37:18

62浏览

0评论

react Scheduler 实现示例教程

目录正文简单的css动画etTimeout来实现循环处理具体思路正文最近在看react源码，react构建fiber树这一块逻辑还比较好理解，但是一旦涉及到任务调度相关的逻辑，看起来是一头雾水...

2023-01-05 20:37:16

43浏览

0评论

在 React 项目中全量使用 Hooks的方法

目录前言React HooksuseStateuseReducer基础用法进阶用法useContextuseEffectuseLayoutEffectuseRefuseImperativeHandleuseCallbackuseMemoReact Redux Hooks useSelectoru...

2023-01-05 20:37:10

46浏览

0评论

在react中使用tailwind的问题

目录react使用tailwind效果图react使用tailwind现创建react项目npx create-react-app name进入创建的项目文件夹，安装tailwind,postcss,autoprefixer因为react自带安装了上一...

2023-01-05 20:37:08

160浏览

0评论

React css-in-js基础介绍与应用

目录1. 介绍2. 使用1. 介绍CSS-in-JS 是一种技术，而不是一个具体的库实现。简单来说 CSS-in-JS 就是将应用的CSS样式写在 JavaScript 文件里面，而不是独立为一些 css，scss 或 l...

2023-01-05 20:37:05

51浏览

0评论

Redux thunk中间件及执行原理详细分析

目录1、Redux-thunk中间件2、Redux中间件执行原理1、Redux-thunk中间件第一步安装redux-thunk中间件npm install redux-thunk第二步在store中引入thunk组件import {create...

2023-01-05 20:37:04

54浏览

0评论

React state状态属性详细讲解

目录1. 基本使用2. 使用setState操作state数据3. 案例-toDoList4. 案例-购物车1. 基本使用要点：成员属性 state 它是一个特殊的属性，它是当前类的私有数据，只有在当前的组件中...

2023-01-05 20:37:02

60浏览

0评论

react框架next.js学习之API 路由篇详解

目录正文使用方式API 路由匹配API 处理API 配置边缘计算支持自定义 API注意点总结正文next.js 作为最热门的 react 框架，不过这么久了好像国内使用率一直不太高。最近在研究...

2023-01-05 20:36:59

56浏览

0评论

React 跨端动态化核心技术实例分析

目录一前言二 React 技术核心优势分析1 数据驱动模型2 从 JSX 到虚拟 DOM3 独立事件系统三 React 能为跨端动态化做些什么？1 React 语法做 DSL2 保留 React 运行时3 React...

2023-01-05 20:36:57

54浏览

0评论

详解React获取DOM和获取组件实例的方式

目录React获取DOM的方式ref获取DOM元素ref获取组件实例React获取DOM的方式ref获取DOM元素在React的开发模式中，通常情况下不需要、也不建议直接操作DOM原生，但是某些特殊的情...

2023-01-05 20:36:54

49浏览

0评论

新建的React Native就遇到vscode报警解除方法

目录新建的RN项目有警告直接删除vscode报警的部分禁掉vscode内置的TypeScript插件引入Flow Language Support解除报警新建的RN项目有警告我相信AwesomeProject是很多人的第...

2023-01-05 20:36:53

55浏览

0评论

详解React Native中如何使用自定义的引用路径

目录RN的相对路径地狱RN的自定义路径需要的依赖解决自定义引用路径导致的eslint报错问题RN的相对路径地狱我刚接触RN时，就发现所有的demo中给出来的路径都是相对路径，我自己的...

2023-01-05 20:36:50

70浏览

0评论

React路由渲染方式与withRouter高阶组件及自定义导航组件应用详细介绍

目录1. 路由的三种渲染方式1.1 component渲染方式1.2 render方式渲染1.3 案例-登录成功才能访问某个页面1.4 children方式渲染2. withRouter高阶组件3. 自定义导航组件1. 路...

2023-01-05 20:36:48

61浏览

0评论

React路由规则定义与声明式导航及编程式导航分别介绍

目录1. 路由使用2. 声明式导航3. 编程式导航1. 路由使用安装路由模块：路由模块不是react自带模块，需要安装第3方模块：yarn add react-router-dom@5路由相关组件：路由模式组件：包...

2023-01-05 20:36:47

58浏览

0评论

React网络请求发起方法详细介绍

目录1. 发起网络请求2. 开发时网络请求代理配置1. 发起网络请求首先需要安装 axios 库：yarn add axios发起网络请求：import React, { Component } from 'react'import { get }...

2023-01-05 20:36:44

50浏览

0评论

React事件处理超详细介绍

目录1. 事件绑定1.1 函数组件1.2 类组件2. 合成事件3. 事件传参的3种不同写法4. this 指向问题1. 事件绑定React 元素的事件处理和 DOM 元素的很相似，但是有一点语法上的不同...

2023-01-05 20:36:42

60浏览

0评论

React-hooks面试考察知识点汇总小结(推荐)

目录什么是hooks？解决了什么问题？Hook 简介Hook APIuseState指定初始 state惰性初始化自定义 Hook什么是hooks？解决了什么问题？Hooks 是react16.8新增特性，它可以使用一些state的...

2023-01-05 20:36:40

63浏览

0评论

React实现antdM的级联菜单实例

目录效果图需求分析bodyhead项目结构实现body部分实现head部分整合head与body效果图需求分析级联菜单分为两部分：head与body。body包含两部分：已选项列表，候选菜单已选项列表bo...

2023-01-05 20:36:39

59浏览

0评论

React Native系列之Recyclerlistview使用详解

目录recyclerlistview的介绍与使用1.安装2.概述和功能3. RecyclerListView的使用1、dataProvider2、LayoutProvider3、rowRenderer4、onEndReached5、onEndReachedThreshold...

2023-01-05 20:36:37

35浏览

0评论

react hooks实现原理解析

目录react hooks 实现Hooks 解决了什么问题Hooks API 类型首先接触到的是 State hooks其次接触到的是 Effect hooks最后接触到的是 custom hooksHooks 实现方式问题一：useSta...

2023-01-05 20:36:33

48浏览

0评论

GraphQL在react中的应用示例详解

目录什么是 GraphQLGraphQL出现的意义传统API存在的主要问题：GraphQL 如何解决问题GraphQL基本语法标量类型对象类型枚举类型GraphQL 内置指令什么是 Apolloapollo-server处...

2023-01-05 20:36:30

43浏览

0评论

React中实现插槽效果的方案详解

目录React实现插槽children实现插槽props实现插槽React实现插槽在开发中，我们抽取了一个组件，但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的div、sp...

2023-01-05 20:36:28

65浏览

0评论

React路由参数传递与嵌套路由的实现详细讲解

目录1. 页面路由参数传递1.1 动态路由参数1.2 search字符串1.3 页面参数隐式传递2. 嵌套路由1. 页面路由参数传递1.1 动态路由参数描述：以“/detail/:id”形式传递...

2023-01-05 20:36:26

59浏览

0评论

React Immutable使用方法详细介绍

目录1. 介绍2. 优缺点3. 对象处理4. 数组处理5. 优化组件渲染6. immutable和redux集合使用1. 介绍假设当前 redux 的大小为 1G，现在要修改 redux 树中的某个节点（节点的大小很...

2023-01-05 20:36:24

60浏览

0评论

React中用@符号编写文件路径实现方法介绍

目录前言安装craco根路径下创建 craco.config.js写文件路径前言无论是vue还是react开发，我们通常需要引入路径的便捷化配置，通常我们都会约定使用路径@作为根路径地址。如果是...

2023-01-05 20:36:21

44浏览

0评论

React生命周期函数深入全面介绍

目录1. 注意2. 图解3. 生命周期函数3.1 constructor构造函数3.2 static getDerivedStateFromProps(nextProps, prevState)方法3.3 挂载时和更新时的生命周期函数执行顺序3.4...

2023-01-05 20:36:19

36浏览

0评论

React组件的应用介绍

目录1. 介绍2. 组件的创建方式2.1 函数创建组件2.2 类组件3. 父子组件传值3.1 函数组件3.2 类组件1. 介绍组件允许你将 UI 拆分为独立可复用的代码片段，并对每个片段进行独立...

2023-01-05 20:36:16

54浏览

0评论

React中hook函数与useState及useEffect的使用

目录1. 简介2. useState使用3. useEffect使用useEffect发起网络请求1. 简介在 React 的世界中，有容器组件和 UI 组件之分，在 React Hooks 出现之前，UI 组件我们可以使用函数组...

2023-01-05 20:36:14

43浏览

0评论

在react中使用windicss的问题

目录react使用windicss1. 安装 windicss架构2. 安装craco3. 根目录下创建 craco.config.js 4. 修改package.json5. 在src/index.js 添加如下内容6. 根目录下创建 windi.conf...

2023-01-05 20:36:07

63浏览

0评论

jsoneditor二次封装实时预览json编辑器组件react版

目录前言设计思路正文jsoneditor的使用结合react进行二次封装前言做为一名前端开发人员,掌握vue/react/angular等框架已经是必不可少的技能了,我们都知道,vue或react等MVVM...

2023-01-05 20:36:05

148浏览

0评论

React跨端动态化之从JS引擎到RN落地详解

目录一为什么跨端动态化迫在眉睫二首当其冲的为什么是 React Native三 JS 引擎让跨端动态化成为可能四走进 React Native 的世界五总结一为什么跨端动态化迫在眉睫目前...

2023-01-05 20:36:03

68浏览

0评论

React通过classnames库添加类的方法

React添加Class的方式在vue中添加class是一件非常简单的事情:你可以通过传入一个对象, 通过布尔值决定是否添加类:<button :class="{ active: isFlag, aaa: true}">按钮</bu...

2023-01-05 20:36:01

38浏览

0评论

React过渡动画组件基础使用介绍

目录1. 基础使用2. 将animate.css集成到csstranistion中3. 列表过渡4. switchTransition动画5. 路由切换过渡6. 高阶组件实现路由切换过渡1. 基础使用介绍：在项目中可能会给...

2023-01-05 20:35:59

44浏览

0评论

Redux模块化拆分reducer函数流程介绍

目录1. 概述2. 方式1-单纯文件拆分3. 方式2-使用中间件redux-thunk进行模块拆分1. 概述使用 redux 库中提供的 combineReducers 方法，可以将多个拆分 reducer 函数合并成统一...

2023-01-05 20:35:53

43浏览

0评论

React受控组件与非受控组件详细介绍

目录1. 受控组件1.1 介绍1.2 受控组件简写1.3 在表单中使用受控组件1.4 综合案例2. 非受控组件介绍非受控组件的应用1. 受控组件1.1 介绍概述：将 state 与表单项中的 value...

2023-01-05 20:35:49

59浏览

0评论

React实现多个场景下鼠标跟随提示框详解

目录前言实现原理固定定位实现MousePositionDemoMousePositionModal绝对定位（相对于整个浏览器窗口）MousePositionDemoMousePositionModal绝对定位和相对定位（相对于鼠标跟随框...

2023-01-05 20:35:43

56浏览

0评论

更强大的React 状态管理库Zustand使用详解

目录介绍创建项目项目安装项目依赖创建项目结构设置环境变量服务设置 store清除/重置存储介绍在这篇文章中，我会介绍 Zustand 在实际项目中的使用。我会构建一个 GitHub 用户...

2023-01-05 20:35:40

48浏览

0评论

初识React及React开发依赖详解

目录初识ReactReact介绍React特点React的依赖介绍React的开发依赖Babel和React的关系React的依赖引入初识ReactReact介绍React是什么呢?相信每个做开发的人对它都或多或少有...

2023-01-05 20:35:36

42浏览

0评论

React组件化的一些额外知识点补充

目录React的额外补充Portals的使用Fragment的使用严格模式StrictMode总结 React的额外补充Portals的使用某些情况下，我们希望渲染的内容独立于父组件，甚至是独立于当前挂载到...

2023-01-05 20:35:35

43浏览

0评论

React Context源码实现原理详解

目录什么是 ContextContext 使用示例createContextContext 的设计非常特别useContextuseContext 相关源码debugger 查看调用栈什么是 Context目前来看 Context 是一个非常强...

2023-01-05 20:35:33

205浏览

0评论

React状态管理Redux的使用介绍详解

目录1. 简介2. 核心概念3. redux工作流4. 模拟redux工作流程5. 使用redux6. react-redux1. 简介Redux 是 JavaScript 应用的状态容器（对象），提供可预测的状态管理。可以让你开...

2023-01-05 20:35:30

56浏览

0评论

React中props使用教程

目录1. children 属性1.1 React.cloneElement方法1.2 React.Children.map方法2. 类型限制（prop-types）3. 默认值(defaultProps)1. children 属性概述：children 属性，表示组件标...

2023-01-05 20:35:24

46浏览

0评论

React Native:react-native-code-push报错的解决

目录问题描述查找原因问题解决问题描述react-native-code-push 安装后项目启动就报错。查找原因原以为是插件版本与RN版本不匹配导致，所以查了一下不同版本所对应的code-push...

2023-01-05 20:35:18

50浏览

0评论

react源码层探究setState作用

目录前言为什么setState看起来是异步的从first paint开始触发组件更新更新渲染fiber tree写在最后前言在深究 React 的 setState 原理的时候，我们先要考虑一个问题：setState...

2023-01-05 20:35:13

63浏览

0评论

简易的redux createStore手写实现示例

目录1.首先创建一个store2.其次创建一个my-redux书写getState()方法书写dispatch方法书写subscribe方法特别注意：3.创建一个Test组件进行检测。1. 将Test组件记得引入App根组...

2023-01-05 20:35:06

57浏览

0评论

React useEffect使用教程

目录一、每一次渲染都有它自己的 Props and State二、每次渲染都有它自己的Effects三、关于依赖项不要对React撒谎四、两种诚实告知依赖的方法五、来自useReducer的助攻六、...

2023-01-05 20:35:01

首页 «166 167168169 170 »尾页

热门文章