#React

笔记: React 性能优化(Redux)

理想情况下是只渲染必要的节点，React默认是从最顶的绿色节点开始以下的所有子节点会被渲染。
草明·2024-01-02 23:51

点击输入框外部, 失去焦点并收起键盘

点击输入框外部,失去焦点并收起键盘classSignInScreenextendsReact.Component{constructor(props){super(props);this.textInputPhoneNo
草明·2024-01-02 23:51

react项目的创建

一、node.js的安装安装路径：http://nodejs.cn/二、npm镜像改为国内命令npmconfigsetregistryhttps://registry.npm.taobao.org验证命令npmconfiggetregistry如果返回https://registry.npm.taobao.org，说明镜像配置成功。三、项目的创建（1）npminstall-gcreate-reac
消失的码农·2024-01-02 23:26

React Native 从类组件到函数组件

1.发展趋势ReactNative社区中的趋势是朝向使用函数组件（FunctionalComponents）和Hooks的方向发展，而不是使用类组件（ClassComponents）。
草明·2024-01-02 23:21

react 图片上传功能实现(附核心代码)

react图片上传的核心注意点有4个吧。1.将input标签设置为type="file"。2.选择图片后要知道使用e.target.files[0]将图片内容取出来。
CoderZb·2024-01-02 22:30

React16源码: React.Children源码实现

React.Children1)概述这个API用的也比较的少，因为大部分情况下，我们不会单独去操作children我们在一个组件内部拿到props的时候，我们有props.children这么一个属性大部分情况下
Wang's Blog·2024-01-02 21:53

React16源码: Hooks源码实现

Hooks1）概述Hooks在React16.7版本出现的新功能Hooks改变了整体应用开发的模式，同时开发体验会和以前会变得不一样Hooks让函数组件具有类组件的能力在functioncomponent
Wang's Blog·2024-01-02 21:21

【LLM】微调我的第一个WizardLM LoRA

首先，我们将使用一个更强大的模型来与LangchainZeroShotReAct工具一起使用，即WizardLM7b模型。其次，我们将使用LLM中的几个提示来生成一个数据集
架构师研究会·2024-01-02 20:31

React自定义Hook

Hook时，前面一定要加use场景只能在组件中或者其他自定义Hook函数中调用只能在组件的顶层调用，不能嵌套在if、for、其他函数中使用方式创建useToggleimport{useState}from'react
Bunny0212·2024-01-02 19:39

React文档笔记day07

选择性的渲染在React中可以中可以创建独立的组件去囊括你所需要的行为，然后你可以只渲染部分，取决于你的props或者state选择性的渲染和在DOM中非常相似，在JavaScript中使用if或者其他的条件判断语句去创建表示状态让并且让
爆炸的白菜君·2024-01-02 19:35

buildadmin实现多级关联下拉效果

文章目录最终效果开始重新渲染组件编辑渲染完结最终效果开始popupForm.vue代码import{inject,reactive,ref,watch}from'vue'import{getServerInfo
向宇it·2024-01-02 18:14

基于多反应堆的高并发服务器【C/C++/Reactor】（中）在EventLoop中处理被激活的文件描述符的事件

文件描述符处理与回调函数一、主要概念反应堆模型：一种处理系统事件或网络事件的模型，当文件描述符被激活时，可以检测到文件描述符：在操作系统中，用于标识打开的文件、套接字等的一种数据类型处理激活的文件描述符的函数：当文件描述符被激活时，需要有一个函数来处理这些事件dispatch函数：用于分发或处理不同类型事件的函数channel结构体：存储与文件描述符相关的事件处理动作的结构体回调函数：在初始化ch
呵呵哒(￣▽￣)"·2024-01-02 18:06

vue3学习之路

reactive,ref响应式数据letnum=reactive(0)//reactive中是简单数据类型，不会自动响应到页面中，除非有对象类型要响应才会跟着响应到页面constobj=reactive
码林鼠·2024-01-02 17:30

vite4加react18加ts-路由篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；安装reat-router-domnpminstallreat-router-dom
web前端进阶者·2024-01-02 17:37

vite4加react18加ts-状态管理篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；安装npminstall
web前端进阶者·2024-01-02 17:37

vite4加react18加ts-样式隔离篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；方案一：module
web前端进阶者·2024-01-02 17:37

vite4加react18加ts-路由缓存方案篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；GitHbuhttps
web前端进阶者·2024-01-02 17:02

vue-layui 弹框传值（父组件传子组件）

传值员工检修单位物业单位临时施工公众开放删除中传参按钮//引入子组件importFramefrom'@/components/tankuang/renyuanxinxiFrame.vue'import{ref,onMounted,reactive
hahahah_lv·2024-01-02 16:23

TS

howjs项目如何引入tsreact项目如何使用ts开发vue项目如何引入ts开发使用VuePress搭建在线文档网站平时用到的类型接口enum类型断言操作符：as面试题TS是什么?
rainbowdiary·2024-01-02 14:02

React Hooks 面试题 | 07.精选React Hooks面试题

前端开发工程师（主业）、技术博主（副业）、已过CET6阿珊和她的猫_CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录如何在useMemo中缓存计算结果？请列举实例。如何在useRef中获取元素的引用？请列举实例。如何在use
ai_todo·2024-01-02 13:55

4.Netty框架-网络IO编程模板（NIO编程模型）

1、NIO=Selector+Channel+Buffer=构建Reactor模型。2、非阻塞IO,对应的IO模型是多路复用IO。
还算年轻·2024-01-02 13:30

Vue3中ref和reactive的区别

ref既可以实现基本类型的响应式也可以实现对象或者数组类型的响应式，但是需要在变量后加一个value来修改对应的值才可以生效reactive只能用来实现对象或者数组等类型的响应式，且如果对整个对应进行重新赋值
EntyIU·2024-01-02 10:40

ReactNative View的属性和样式

属性：numberOfLines文本行数限制，添加后超过限制行数文本会在末尾默认以...的形式省略。ellipsizeMode设置文本缩略格式，配合numberOfLines使用，values：tail：在末尾...省略（默认值）clip：在末尾切割，直接切割字符无省略符head：在前面...省略middle：在中间...省略onPress点击事件style样式accessible：表示此视图时一
王冥·2024-01-02 10:14

React 单双击冲突

letcount=0;classAppextendsComponent{onClick=()=>{count+=1;setTimeout(()=>{if(count===1){console.log('singleclick:',count);}elseif(count===2){console.log('setTimeoutonDoubleClick:',count);}count=0;},30
_____西班木有蛀牙·2024-01-02 09:33

2024最新前端React面试题：JSX是什么，它和JS有什么区别

JSX是什么，它和JS有什么区别回答思路：1.编写方式--->2.分别是什么？--->3.分别是怎么编译的？1.编写方式2.分别是什么？3.分别是怎么编译的？回答思路：1.编写方式—>2.分别是什么？—>3.分别是怎么编译的？1.编写方式（1）JS在标签中编写，可以被浏览器直接识别（2）JSX可在html中编写JS，不能被浏览器直接识别，需要转译2.分别是什么？（1）JS是原生写法（2）JSX是r
laowang357·2024-01-02 08:32

React Play：使用 React 构建渐进式 Web 应用程序 (PWA)

在本教程中，我们会将React项目转换为PWA。我们还将探索一些附加功能，例如Web应用清单和服务工作者。先决条件对React的基本了解。什么是渐进式Web应用程序？
小城哇哇·2024-01-02 08:08

react项目ant design给表格title添加tooltip提示效果

react项目antdesign给表格title添加tooltip提示效果，效果如下：关键代码是给需要添加提示的表头title属性用函数的方式渲染出tooltip。
遇见小美好·2024-01-02 07:47

React将Base64编码字符串转化为图片

在React中，你可以使用类似的方法将Base64编码字符串转化为图片。
小凖·2024-01-02 07:56

react源码系列(1) — 创建元素组件

文章目录Babel处理JSXcreateElement类元素方法元素内置元素Suspense与lazymemo其他的symbol元素Children处理react源码版本为v16.13.1，可以下载下来结合者一起看
茂树24·2024-01-02 07:35

React 代码拆分: 从 react-loadable 到 Suspense + lazy 组合

React代码拆分:从react-loadable到Suspense+lazy组合文章目录React代码拆分:从react-loadable到Suspense+lazy组合代码拆分（懒加载）1.react-loadable
超悠閒·2024-01-02 07:35

react源码分析（1）-综述

目录2021SC@SDUSC整体介绍目录结构测试项目的运行与安装总结2021SC@SDUSC整体介绍react是一个比较流行的前端应用框架，具有声明化，组件化，一次学习，跨平台编写的特性。
zyuxing·2024-01-02 07:35

深入理解React：懒加载（lazy）实现原理

目录代码分割React的懒加载import()原理React.lazy原理Suspense原理参考1.代码分割（1）为什么要进行代码分割？
barnett_y·2024-01-02 07:33

React源码（二）

目录context1.创建context的两种方式2.createContextConcurrentMode（并发模式syncMode）Supense+lazy（懒加载）React.Children1.
丿小丸子巛·2024-01-02 07:01

react lazy + Suspense / loadable 实现路由懒加载

第三方库方案——react-loadble“lazy方法+Suspense组件”方案前言在React16.6版本之前，代码分割通常是由第三方库来完成的，比如react-loadble(核心思路为:高阶组件
weixin79893765432...·2024-01-02 07:01

React 实现 Step组件

实现Step.jsx(组件)import{useEffect,useState}from"react";exportconstStep=({name,data})=>{constsubmit=(event
卡卡舅舅·2024-01-02 07:01

react-Suspense工作原理分析

Suspense基本应用Suspense目前在react中一般配合lazy使用，当有一些组件需要动态加载(例如各种插件)时可以利用lazy方法来完成。
夏天的味道123·2024-01-02 07:30

初识react

那我们知道，react是前端三大框架之一，而且很多大厂也在用，那么学习它是不得不的事情https://react.dev/learn呃这是官网网址那么显而易见了，上面的步骤能够让我们很好的对react有一个初步的了解
qq_43246404·2024-01-02 07:29

React16源码: context用法与createContext源码实现

context1）概述在react的设计中，组件与组件之间的通信通常是父组件通过props给子组件传递子组件需要的属性父组件通过传递一些回调函数给子组件让子组件在某些特定的时候，可以调用一些父组件的特性这种情况
Wang's Blog·2024-01-02 07:29

React16源码: ConcurrentMode的使用及源码实现

ConcurrentMode1)概述ConcurrentMode是React16出来的一个最令人振奋的功能在2018年年初是AsyncMode，在发布了16.6之后，名字进行了更新然后改成了ConcurrentMode
Wang's Blog·2024-01-02 07:29

React16源码: Suspense与lazy源码实现

Suspense与lazy1）概述Suspense是在react16.6提供的新feature用于加载的缓冲的内置组件2）示例程序lazy.js//lazy.jsimportReactfrom'react'exportdefault
Wang's Blog·2024-01-02 07:58

（十）React 中 ref 的使用及坑

帮助我们在React中获取DOM元素在React里面，可以用e.target获取到事件对应的元素,也可以用ref；1.e.target//使用e.targethandleInputChange(e){console.log
云凡的云凡·2024-01-02 07:20

day0-背景介绍和springboot 项目创建

背景：野生程序员，所学特别杂，python/ruby前端学的颇杂，正巧最近需要使用springboot+react全家桶。可以认为我是个java初学者哈。
张振bug·2024-01-02 05:15

data数据响应式

响应式数据”响应式：修改数据，视图会自动更新MV原理：其中一条线的原理，data响应式的原理template小胡子语法v-指令小胡子语法{{}}{{}}中：window上的少数方法：一些数据类型转换的方法react
betterangela·2024-01-02 05:40

WebStorm 2023.3 简明安装教程

无论是对Angular、React、Vue.js等流行框架的深度集成，还是对Node.js应用的优化，WebStorm都能提供卓越的开发体验，
宋小黑·2024-01-02 03:04

react项目报出警告Warning: Cannot update during an existing state transition (such as within `render`).

在一次写react项目中，报出如下警告，如图：意思大概为：在一次改变state或者props值后，触发render()方法执行，重新渲染DOM的过程中，react不允许再有其他的state或者props
少油少盐不要辣·2024-01-02 03:02

如何新建react-native项目

创建项目我这里使用的是官方提供的react-native-cli即react-nativeinitnewProject--version0.57.0新项目当然是使用最新版本了，react-native从低版本向上升级真的是痛苦
mah93·2024-01-02 03:28

算法：Leetcode Hard题 编辑距离 解题心得

最近在看reactdiff算法相关的知识，其中有一个节点就是树的编辑距离，于是在leetcode上找了一下，发现在这个题目。于是开始，无非是动态规划，按照插入、删除、编辑三个操作分别求最小的成本。
代码柳书·2024-01-02 03:50

React Hooks 的简单使用

先了解一下类组件和函数组件react的特点就是：一切皆为组件。其中，组件种类有很多，不同种类的组件有不同的功能。
鹤仔z·2024-01-01 21:02

前端框架的分析

不论是React还是Angular或者Vue都是可以用来开发大型应用的。
廉伟·2024-01-01 20:50

React学习day1

React介绍React由Meta公司开发，是一个用于构建Web和原生交互界面的库JSX基础JS表达式在JSX中可以通过大括号语法{}识别JavaScript中的表达式，比如常见的变量、函数调用、方法调用等等使用引号传递字符串使用
~努力努力再努力k·2024-01-01 19:45
上一页 117 118 119 120 121 122 123 124 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他