编程开发 - 教程之家

编程开发

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

108浏览

0评论

【整理分享】48个前端高频面试题（附答案解析）

1.vue双向数据绑定的原理？mvvm场景：数据操作比较多的场景，需要大量使用DOM元素时，采用mvvm的开放方式，会更加便捷，让开发者更多的经历放在数据的变化上，解放繁琐的DOM元素 MVVM 模...

2023-01-08 22:06:17

111浏览

0评论

React中使用axios发送请求的几种常用方法

目录React中安装并引入axios依赖使用axios进行GET请求使用axios.get方式使用axios(config {...})使用axios进行POST请求使用axios.post使用axios(config {...})同时发送多个...

2023-01-05 21:04:11

73浏览

0评论

面试官常问React的生命周期问题

React的生命周期两张图带你理解 React的生命周期React的生命周期（旧）class Life extends React.Component{ // 构造器 constructor(props){ console.log('Li...

2023-01-05 21:03:42

94浏览

0评论

React Class组件生命周期及执行顺序

一、react组件的两种定义方式1、函数组件，简单的函数组件像下面这样，接收Props，渲染DOM，而不关注其他逻辑function Welcome(props) { return <h1>Hello, {props.name}</h1>;}函...

2023-01-05 21:03:26

88浏览

0评论

详解react中的state的简写方式

前言什么是state
我们都说React是一个状态机，体现是什么地方呢，就是体现在state上，通过与用户的交互，实现不同的状态，然后去渲染UI,这样就让用户的数据和界面保持一致了。state是...

2023-01-05 21:03:14

106浏览

0评论

详细聊聊React源码中的位运算技巧

目录前言几个常用位运算按位与（&）
按位或（|）
按位非（～）
标记状态优先级计算总结前言这两年有不少朋友和我吐槽React源码，比如：调度器为什么用小顶堆这种数据结构，直接用数组不行？...

2023-01-05 21:03:12

109浏览

0评论

react.js框架Redux基础案例详解

react.js框架Reduxhttps://github.com/reactjs/redux安装：npm install redux react-redux#基于react，我们在前面已经安装过了Redux参考文档：
http://redux.js.org/Redux核心...

2023-01-05 21:03:10

99浏览

0评论

一篇文章教你用React实现菜谱系统

目录一、菜谱大全1.1、项目背景1.2、技术栈1.3、开发环境1.4、项目效果展示1.5、项目初始化二、首页开发2.1、antd-mobile 组件库2.2、底部导航实现2.3、菜谱大全顶部导航2....

2023-01-05 21:03:07

131浏览

0评论

react native之ScrollView下拉刷新效果

本文实例为大家分享了react native之ScrollView下拉刷新效果的具体代码，供大家参考，具体内容如下ScrollView的refreshControl属性用于下拉刷新，只能用于垂直视图，即horizontal不...

2023-01-05 21:03:02

100浏览

0评论

React项目中应用TypeScript的实现

目录一、前言二、使用方式无状态组件有状态组件受控组件三、总结一、前言
单独的使用typescript 并不会导致学习成本很高，但是绝大部分前端开发者的项目都是依赖于框架的例如...

2023-01-05 21:03:00

55浏览

0评论

详解React项目中eslint使用百度风格

1.安装百度Eslint Rule 插件npm i -D eslint @babel/eslint-parser @babel/eslint-plugin @ecomfe/eslint-config// react项目npm i -D eslint-plugin-react eslint-plugin-...

2023-01-05 21:02:59

82浏览

0评论

React Native项目中使用Lottie动画的方法

Lottie是Airbnb开源的一个面向iOS、Android、React Native的动画库，能加载Adobe After Effects导出的动画，并且能让原生App像使用静态素材一样使用这些动画，完美实现炫酷的动画...

2023-01-05 21:02:56

99浏览

0评论

react四种组件中DOM样式设置方式详解

1、行内样式想给虚拟dom添加行内样式，需要使用表达式传入样式对象的方式来实现
行内样式需要写入一个样式对象，而这个样式对象的位置可以放在很多地方
例如：render函数里、组件...

2023-01-05 21:02:55

67浏览

0评论

react封装全局弹框的方法

本文实例为大家分享了react封装全局弹框的具体代码，供大家参考，具体内容如下弹框效果图文件布局index.js/* eslint-disable react/no-render-return-value */import React, {...

2023-01-05 21:02:53

112浏览

0评论

React Native 启动流程详细解析

导读：本文以 react-native-cli 创建的示例工程（安卓部分）为例，分析 React Native 的启动流程。工程创建步骤可以参考官网。本文所分析 React Native 版本为 v0.64.2。我们知道上...

2023-01-05 21:02:52

250浏览

0评论

浅谈React的React.FC与React.Component的使用

目录一、React.FC<>二、class xx extends React.ComponentReact 的组件可以定义为函数（React.FC<>）或class（继承 React.Component）的形式。一、React.FC<>
1.React.FC是函数式...

2023-01-05 21:02:50

83浏览

0评论

React实现双滑块交叉滑动

本文实例为大家分享了React实现双滑块交叉滑动的具体代码，供大家参考，具体内容如下html代码：<body> <div id="root"></div></body>script代码：<script type="text/babel">...

2023-01-05 21:02:49

77浏览

0评论

React与Redux之数组处理讲解

本文将介绍一些常用的数组处理函数和语法，如reduce()、filter()、map()、every()、some()、展开运算符。这些知识和React与Redux本身没有直接关系，但是本章的示例中包含了这些...

2023-01-05 21:02:47

90浏览

0评论

React的组件协同使用实现方式

目录嵌套父子组件通信兄弟组件通信抽离MixinReact的LinkedStateMixinReference：开发人员不用太过于关注UI层面的实现细节，考虑最多的也就是组件与组件之间的数据通信了。那么，...

2023-01-05 21:02:46

98浏览

0评论

React实现复杂搜索表单的展开收起功能

给时间时间，让过去过去。上节我们写过了【搜索】表单，以及查询、重置功能。本节对于需要展开收起效果的查询表单进行概述，主要涉及前端样式知识。样式效果如下：思路：在Search组...

2023-01-05 21:02:44

90浏览

0评论

ReactHooks批量更新state及获取路由参数示例解析

目录一、如何批量更新控制台输出二、Hooks如何获取路由参数执行效果一、如何批量更新在【Hooks】中如果单独的进行状态的更新可能会导致页面的多次渲染：import { useState }...

2023-01-05 21:02:42

85浏览

0评论

React组件的生命周期详细描述

目录一、什么是生命周期二、装载过程1、constructor2、render3、componentWillMount和componentDidMount三、更新过程1、componentWillReceiveProps（nextProps）2、shouldCompo...

2023-01-05 21:02:40

81浏览

0评论

react之组件通信详解

目录父组件与子组件通信子组件与父组件通信跨组件通信祖先子孙兄弟节点通信总结父组件与子组件通信父组件将自己的状态传递给子组件，子组件当做属性来接收，当父组件更改自...

2023-01-05 21:02:38

65浏览

0评论

react组件中的constructor和super知识点整理

1、react中用class申明的类一些小知识如上图：类Child是通过class关键字申明，并且继承于类React。A、Child的类型是？ typeofChild === 'function' ，其实就相当于ES5用function申...

2023-01-05 21:02:36

197浏览

0评论

React-Native之截图组件react-native-view-shot的介绍与使用小结

目录一、现象二、解决三、总结：一、现象1、需求：把某展示页面进行截取保存到相册、并可进行以海报的形式分享出去；2、支持iOS和安卓二、解决1、安装： npm i --save react-native...

2023-01-05 21:02:30

116浏览

0评论

详细谈谈React中setState是一个宏任务还是微任务

目录前言面试官的问法是否正确？§React 是如何控制 setState 的？§未来会有异步的 setState§总结前言最近有个朋友面试，面试官问了个奇葩的问题，也就是我写在标题上的这个问题...

2023-01-05 21:02:25

78浏览

0评论

React实现二级联动效果(楼梯效果)

本文实例为大家分享了React实现二级联动效果的具体代码，供大家参考，具体内容如下模仿饿了么实现一个二级联动的效果；import "../css/Leftrightlinkage.less";import React, { C...

2023-01-05 21:02:23

63浏览

0评论

React实现二级联动的方法

本文实例为大家分享了React实现二级联动的具体代码，供大家参考，具体内容如下实现效果：普通h5页，图片我进行了裁剪，把用户那部分删掉了，不过也不影响说明大体思路就是把数据接口从...

2023-01-05 21:02:21

64浏览

0评论

react+axios实现github搜索用户功能(示例代码)

加载请求成功请求失败在文件路径点击cmd 回车
首先把服务器打开 npm startapp.jsimport React, { Component } from 'react'import "./App.css"import Header from './conom...

2023-01-05 21:02:20

88浏览

0评论

React之Hooks详解

目录什么是钩子（hooks）类组件函数组件为什么创造Hooks总结什么是钩子（hooks）消息处理的一种方法, 用来监视指定程序函数组件中需要处理副作用，可以用钩子把外部代码“钩...

2023-01-05 21:02:17

61浏览

0评论

React从Class方式转Hooks详解

目录React Hooks前言Why Hooks ？For ClassFor FunctionClass & Hooks 对比Hooks如何保存组件状态和使用生命周期？1、useState：让函数具有维持状态的能力2、useEffect：执行副作用...

2023-01-05 21:02:15

49浏览

0评论

React 原理详解

目录1.setState() 说明1.1 更新数据1.2 推荐语法1.3 第二个参数2.JSX 语法的转化过程3.组件更新机制4.组件性能优化4.1 减轻 state4.2 避免不必要的重新渲染总结1.setState(...

2023-01-05 21:02:13

92浏览

0评论

基于React-Dropzone开发上传组件功能(实例演示)

这次我要讲述的是在React-Flask框架上开发上传组件的技巧。我目前主要以React开发前端，在这个过程中认识到了许多有趣的前端UI框架——React-Bootstrap、Ant Design、Materia...

2023-01-05 21:02:10

73浏览

0评论

react分页显示数据的方法

目录父组件listBox列表组件List按钮组件PageButton去年年底，尝试着用react写个组件化的页面!里面有一个list页面弄了一下数据的分页展示展示一下主要三个组件：父组件listBox、...

2023-01-05 21:02:09

91浏览

0评论

简析React Native startReactApplication 方法

在 React Native 启动流程简析这篇文章里，我们梳理了 RN 的启动流程，最后的 startReactApplication 由于相对复杂且涉及到最终执行前端 js 的流程，我们单独将其提取出来，独立成...

2023-01-05 21:02:07

70浏览

0评论

浅析React 对state的理解

如何定义复杂组件（类组件）与简单组件（函数组件）？是否具有状态（state）引出问题，什么是状态？举个例子，今天考试，考砸了，因为我状态不好，是状态影响了我的行为。
组件中的状态，驱动了页面...

2023-01-05 21:02:06

50浏览

0评论

React实现二级联动(左右联动)

本文实例为大家分享了React实现二级联动的具体代码，供大家参考，具体内容如下js代码import { Component } from 'react'import './linkage.less'class Linkage extends Compone...

2023-01-05 21:02:03

99浏览

0评论

React全局状态管理的三种底层机制探究

目录前言propscontextstate总结前言现代前端框架都是基于组件的方式来开发页面。按照逻辑关系把页面划分为不同的组件，分别开发不同的组件，然后把它们一层层组装起来，把根组件...

2023-01-05 21:02:00

297浏览

0评论

React+ts实现二级联动效果

本文实例为大家分享了React+ts实现二级联动效果的具体代码，供大家参考，具体内容如下.tsx文件import { Component, createRef} from 'react' import './index.less' interface...

2023-01-05 21:01:59

123浏览

0评论

React项目中axios的封装与API接口的管理详解

目录前言安装引入环境的切换请求拦截响应拦截api的统一管理总结前言
在react项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器...

2023-01-05 21:01:57

75浏览

0评论

React实现组件全屏化的操作方法

介绍本文基于React+antd，给大家演示一个完整的全屏demo。起因是开发今天给我提了一个sql编辑器输入框比较小，不支持放大，不太方便。希望能够全屏显示，联想到自己以后可能也会需...

2023-01-05 21:01:55

79浏览

0评论

浏览器中视频播放器实现的基本思路与代码

目录前言浏览器中的音视频知识总结视频编码
封装格式
音视频标签
常用属性
常用事件
常用方法整体思路如下代码实现总结前言自定义个播放器，组件都是用的原生的，所以有点丑，重...

2023-01-05 21:01:52

68浏览

0评论

react实现页面水印效果的全过程

目录前言1.使用示例2.实现过程3.组件代码总结前言1.为什么选用svg 而不是cavans？因为cavans 在高分辨率屏幕下，需要根据 devicePixelRatio做宽高的适配，不然就会很模糊，而svg是...

2023-01-05 21:01:50

78浏览

0评论

React 首页加载慢问题性能优化案例详解

学习了一段时间React，想真实的实践一下。于是便把我的个人博客网站进行了重构。花了大概一周多时间，网站倒是重构的比较成功，但是一上线啊，那个访问速度啊，是真心慢，慢到自己都不...

2023-01-05 21:01:49

70浏览

0评论

五分钟教你了解一下react路由知识

目录什么是路由纯组件的基本使用纯组件使用的注意点路由的基本初体验HashRouter和BrowserRouterLink组件和NavLink组件Route和Switch组件路由传参什么是路由
简单的说就是根...

2023-01-05 21:01:47

87浏览

0评论

JavaScript中的useRef 和 useState介绍

目录1、useState hook2、useRef hook3、useRef 与 useState4、何时使用 Refs 和 States1、useState hookuseState 是一个内置的 React hook，它允许您将信息作为状态存储在变...

2023-01-05 21:01:40

64浏览

0评论

react+antd.3x实现ip输入框

本文实例为大家分享了react+antd.3x实现ip输入框的具体代码，供大家参考，具体内容如下表现形式如下：js+html/** * zks 2021 10 26 * ip输入框，作用于新建与修改虚拟子网 * 使用...

2023-01-05 21:01:39

56浏览

0评论

关于React中setState同步或异步问题的理解

目录1. setState同步？异步？2. 表现为异步1. React 合成事件2. 生命周期函数3. 表现为同步1. 原生事件2. setTimeout4. setState的第二个参数1. setState同步？异步？
在 React 的...

2023-01-05 21:01:37

74浏览

0评论

react的context和props详解

目录一、context1. 使用场景2. 使用步骤3. 总结二、props深入1. children 属性2. props 校验3. props校验使用步骤4. props校验约束规则5. props默认值总结一、context1. 使...

2023-01-05 21:01:36

55浏览

0评论

React Fragment介绍与使用详解

目录前言Fragments出现动机React Fragment介绍与使用<React.Fragment> 与 <>区别前言
在向 DOM 树批量添加元素时，一个好的实践是创建一个document.createDocumentFragment，先...

2023-01-05 21:01:34

首页 «156 157158159 160 »尾页

热门文章