react

从 React 到 Qwik：开启高效前端开发的新篇章

1.QwikQwik是一个为构建高性能的Web应用程序而设计的前端JavaScript框架，它专注于提供即时启动性能，即使是在移动设备上。Qwik的关键特性是它采用了称为“恢复性”的技术，该技术消除了传统前端框架中常见的hydration过程。恢复性是一种序列化和恢复应用程序状态的技术。Qwik允许应用程序的初始加载为静态HTML，其中包含了序列化的状态。当用户与页面进行交互时，Qwik能够立即执
王乐平·2024-01-28 06:29

虚拟Dom与Diff算法

在react框架中，采用虚拟dom,我们可以不用担心性能问题而随时随地的进行整个界面的刷新。由虚拟DOM来确认当界面真正发生变化的时候，只对需要变化的局部的DOM进行操作。
kim_jin·2024-01-28 03:32

vue3 el-tabs 点击触发事件

杨幂刘恺威赵丽颖constactiveName=ref('first')//默认选择第一个consttabsArray=reactive({first:true,third:false,second:false
圆脸喜欢吃菠萝·2024-01-28 03:47

ReactHooks 官网文档翻译

useCallback(fn,dependencies)useCallback是一个ReactHook，它允许您在重新渲染之间缓存函数定义。
MissXu666·2024-01-28 01:59

React面试题

1React中有三种构建组件的方式React.createClass()、ES6class和无状态函数。
吃肉肉不吃肉肉·2024-01-28 01:16

react hooks的useEffect：

React的useEffectHook用于在函数组件中执行副作用操作（例如数据获取、订阅事件等），它类似于类组件中的生命周期方法componentDidMount、componentDidUpdate和
张滚滚QAQ·2024-01-28 00:42

如何使用preact开始一个前端项目？

本篇文章对于preact不做过深介绍，仅仅介绍其基础的使用方法。使用Preact，我们可以通过组装组件和元素的树来创建用户界面。组件是返回其树应该输出的内容的描述的函数或类。
Dream_travelerly·2024-01-27 23:05

UI框架组件(详细版)

常用UI框架：与React功能性框架配合的UI框架：Ant-design：AntDesignofReact-AntDesignAnt-design-Mobile：AntDesignMobile|AMobileDesignSpecificationReact-Bootstrap
小龙博客·2024-01-27 23:39

React-Hooks中父组件获取子组件的属性

React-Hooks中父组件获取子组件的属性依赖于forwardRef和useImperativeHandle首先子组件的写法如下使用useImperativeHandle将需要传递给父组件的属性添加
小火车况且况且·2024-01-27 22:34

React 父组件获取子组件的方法/数据（useRef

帮同事debug发现的问题，记录一下，弗曼学习大法好interfaceRefFunType{hdlUpdate():void,name:string}父组件使用useRefuseRef()传入的泛型是子组件存放在ref.current中的数据格式，（如果子组件内部绑定了自己的ref，那用的泛型为useRefref是绑定在自定义组件上，子组件直接从props中获取ref是获取不到的，这是因为ref不
SeeU。·2024-01-27 22:33

React函数组件实现获取子组件标签（forwardRef的使用）

需求说明父组件触发事件改变子组件的状态举例例子：切换父组件tab时，重置子组件表单。在第一个tab下的搜索表单填写的搜索条件，在切换tab时，需清空表单内容代码结构constparent=()=>{return({tabsList?.map((tabItem:tabItem)=>)})}功能实现由于触发事件在父组件，无法从子组件传值。首先想到的是用ref来获取到实例。如下constparent=(
Li_na_na01·2024-01-27 22:03

react-hooks父组件提交子组件form

父组件：importReact,{useRef}from'react'importUserNamefrom'src/components/UserName'interfaceuserRef{submit
chelse-o_O·2024-01-27 22:03

react 父组件调用子组件

1、类（class）型组件//子组件exportdefaultclassChildextendsReact.Component{componentDidMount(){this.props.onRef(
qq_41315539·2024-01-27 22:03

React 父组件调用子组件的方法

React父组件调用子组件的方法useImperativeHandle(ref,createHandle,[deps])useImperativeHandle可以让你在使用ref时自定义暴露给父组件的实例值
TA_WORLD·2024-01-27 22:03

【REACT-forwardRef-透传ref到子组件】

1.普通写法importReact,{Component,createRef}from'react'exportdefaultclassAppextendsComponent{myinput=null;
历目·2024-01-27 22:33

forwardRef - React父组件控制子组件

父组件： import{useRef}from"react"; importAboutfrom".
宝子向前冲·2024-01-27 22:02

[GN] Vue3.2 快速上手 ----常用API及其新组件

文章目录Vue3新组件TeleportSuspense其他常用APIshallowRef与shallowReactivereadonly与shallowReadonlytoRaw与markRawVue3
GGood_Name·2024-01-27 21:53

react基础

react基础基础语法引入文件相当于vue.js提供的是React对象提供了ReactDOM对象网页B(browser)/S(server)webappdombomreact基本语法+react-dom
jie_han·2024-01-27 20:41

RxJava 操作符flatMap 与 concatMap详解

build.gradle中依赖最新版本：compile'io.reactivex.rxjava2:rxjava:2.1.0'compile'io.react
小小的coder·2024-01-27 20:58

2023年最佳榜单之最佳React UI组件库

ReactUI组件库是有用的工具，可以帮助你为你基于React的软件应用程序和网站创建令人惊叹的界面。
WPHunter·2024-01-27 19:20

【码农新闻】 Tiny, easy and powerful React state management.......字节跳动智创语音团队发布高保真、低延迟、高并发 AI 歌唱合成技术

目录【码农新闻】Tiny,easyandpowerfulReactstatemanagement.......字节跳动智创语音团队发布高保真、低延迟、高并发AI歌唱合成技术Tiny,easyandpowerfulReactstatemanagementTownScaper
顶子哥·2024-01-27 19:06

react开发todoList――添加

通过create-react-app来创建项目，目前只做了最简单的添加和删除操作，涉及知识点：组件之间传值、事件绑定。
八点半的星光1101·2024-01-27 18:10

React作为一个ui运行

原译文：React作为ui运行原文：ReactasaUIRuntimeReactasaUIRuntime大多数的教程介绍React是作为一个ui库。这个是说的通的，因为React是一个UI库。
xiaohesong·2024-01-27 17:14

快应用通讯原理

原理和ReactNative相通，采用js编写，Dom生成后对应的nativeviewdom，采用native渲染都是采用yaga引擎构建dom，利用jscore解析js这里主要分析具体js与java如何通讯
游侠_6fb7·2024-01-27 16:12

vue 生命周期理解

只关注视图层，是一个构建数据的视图集合，大小只有几十kb；2.简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习；3.双向数据绑定：保留angular特点，在数据操作方面更为简单；4.组件化：保留react
九仄·2024-01-27 16:57

搭建react框架

第一步：在对应文件夹里的cmd中输入指令：npmi-gcreate-react-app第二步：切换到你想安装的目录create-react-appproject(project是你的目录名称)第三步：进入到你的项目
炸炸毛还能继续写代码吗·2024-01-27 15:15

React项目框架搭建

二、搭建React项目环境1、全局安装create-react-appnpminstall-gcreate-react-app
小小鲸鱼·2024-01-27 15:14

从 0 开始搭建 React 框架

webpack配置不再赘述，可参考前三个文章（wenpack5基本使用1-3）使用react安装react、react-dom、@babel/preset-reactyarnaddreactreact-dom
丶清风不问烟雨·2024-01-27 15:13

React antd实现走马灯Carousel

importReactfrom'react'import{Card,Carousel}from'antd'import'.
YoloAva·2024-01-27 14:52

如何在react-native实现自定义的垂直方向跑马灯

项目需求是需要实现一个垂直方向的跑马灯轮播，早期采用react-native-swiper解决方案，此方案在ios端正常使用，在android端不能使用，所有果断放弃。
xjl271314·2024-01-27 14:52

react-native 走马灯效果

/***@flow*//*eslintreact/no-did-mount-set-state:0*/importReact,{Component}from'react'import{Text,View
学习笔记999·2024-01-27 14:52

React中实现图片懒加载

1.下载安装懒加载模块cnpmireact-lazyload--save2.在src/assets/目录下放入懒加载占位图placeholder.gif3.在需要使用懒加载的组件中导入懒加载模块和占位图
laurfei·2024-01-27 14:22

一个 react-native 文字跑马灯组件

一个react-native文字跑马灯组件。
weixin_34268610·2024-01-27 14:50

react 文字跑马灯

之前的一个pc端项目，有文字滚动的功能，找了下，没有合适的轮子，于是自己造了一个目前只支持横向滚动index.tsximportReact,{useRef,useEffect,useState}from'react'import
小鑫a·2024-01-27 14:18

react 文字跑马灯从左往右滚动鼠标移入移出控制

本人React用的时间较短，有代码上的不规范或者不简洁的地方请见谅~附上代码~~importReactfrom“react”;import*asstylesfrom‘.
qq_35367109·2024-01-27 14:17

react-动画的选择

单元素的动画1.传入animation对象这个参数，作为动画的开始参数animation属性1.所有和动画有关的样式都可以操作动画基本参数术语说明1.width:100从当前元素的大小变化为100px2.maxWidth:100元素当前最大宽度到100px3.minWidth:100元素当前最小宽度到100px4.maxHeight,height5.opacity:0元素当前透明度到06.top:
skoll·2024-01-27 14:05

React中使用LazyBuilder实现页面懒加载方法一

前言：在一个表格中，需要展示100条数据，当每条数据里面需要承载的内容很多，需要渲染的元素也很多的时候，容易造成页面加载的速度很慢，不能给用户提供很好的体验时，懒加载是优化页面加载速度的方法之一。策略：前端在接受到api返回的数据的时候，可以先根据数据总的条数进行遍历，给每一项初始化简单的dom进行渲染占位，通过IntersectionObserver对每一项元素进行监听，当初始dom出现在页面视
小灰灰学编程·2024-01-27 14:15

React中MUI初始化和方法调用

React中MUI初始化和方法调用step1:引用npminstall@mui/material@emotion/react@emotion/styledstep2:D:\vue\untitled2123
勘察加熊人·2024-01-27 14:45

基于 Mui 封装常用 React 组件

基于Mui封装常用React组件Mui(MaterialUI)Mui是基于google的Materia设计风格开发的基于React框架的UI框架，之前的名称为MaterialUI。
Joey_Tribiani·2024-01-27 14:14

react 实现图片懒加载

第一步、安装组件npmi--savereact-lazy-load-image-component第二部、
成熟渊·2024-01-27 14:14

React中使用LazyBuilder实现页面懒加载方法一

前言：在一个表格中，需要展示100条数据，当每条数据里面需要承载的内容很多，需要渲染的元素也很多的时候，容易造成页面加载的速度很慢，不能给用户提供很好的体验时，懒加载是优化页面加载速度的方法之一。策略：前端在接受到api返回的数据的时候，可以先根据数据总的条数进行遍历，给每一项初始化简单的dom进行渲染占位，通过IntersectionObserver对每一项元素进行监听，当初始dom出现在页面视
小灰灰学编程·2024-01-27 14:13

React中使用LazyBuilder实现页面懒加载方法二

前言：在一个表格中，需要展示100条数据，当每条数据里面需要承载的内容很多，需要渲染的元素也很多的时候，容易造成页面加载的速度很慢，不能给用户提供很好的体验时，懒加载是优化页面加载速度的方法之一。策略：前端在接受到api返回的数据的时候，可以先根据数据总的条数进行遍历，给每一项初始化简单的dom进行渲染占位，通过IntersectionObserver对每一项元素进行监听，当初始dom出现在页面视
小灰灰学编程·2024-01-27 14:10

react mui textfield marquee 跑马灯效果实现

如果这个文字不超过textfield本身，则不滚动，否则在鼠标悬浮的时候滚动，并且滚动的距离应该是比较恰到好处的用法如下:text是你需要填写的文字还可以再封装下比如一些style什么的..textimportReact
moon548834·2024-01-27 14:10

React源码：下载源码(第一步）

GitHub上react地址：https://github.com/facebook/reactgitclonehttps://github.com/facebook/react.git查看所有分支gitbranch-areact
HaanLen·2024-01-27 13:23

React源码学习：查看react版本

1、找到项目下的package.json文件，找dependencies选项，找到react包，会显示版本号2、在项目代码中执行React.verison,打印也会显示react版本号3、源码中在目录packages
HaanLen·2024-01-27 13:23

React16源码: React中commitAllHostEffects内部的commitDeletion的源码实现

commitDeletion1）概述在reactcommit阶段的commitRoot第二个while循环中调用了commitAllHostEffects，这个函数不仅仅处理了新增节点，更新节点最后一个操作
Wang's Blog·2024-01-27 13:51

vue3 初体验

围绕右大大最新发布的vue-compisition-api，来讲解大家最关心的、同时也是vue3.0最重要的一些新特性，例如setup()函数、reactive()、ref()等这些VueHooks。
邹小小白·2024-01-27 13:50

嘿嘿，vue之输出土味情话

lovetalk.vue:获取一句土味情话{{link.title}}import{reactive}from'vue';//导入Vue3的reactive函数，用于创建响应式数据importaxiosfrom"axios
<有心人>·2024-01-27 13:14

调用setState后发生了什么？

代码中调用setState函数之后，React会将传入的参数对象与组件当前的状态合并，然后触发所谓的调和过程（Reconciliation）。
英俊先生·2024-01-27 12:26

React中高阶组件、Render props、hooks 分别是什么有什么区别

React中的高阶组件（Higher-OrderComponent，HOC）、Renderprops和hooks都是为了处理共享逻辑和状态的方式，但它们之间有一些区别。
&ACE&·2024-01-27 12:56
上一页 28 29 30 31 32 33 34 35 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他