#React

react和reactdom

react和reactdom有什么区别ReactDom只做和浏览器或DOM相关的操作，例如：ReactDOM.render()和ReactDOM.findDOMNode()。
TurnHug·2023-11-24 23:41

audio 关闭h5页面自动暂停的解决

popstate：监听popstate事件监听物理返回键微信浏览器返回事件,关闭页面visibilitychange：浏览器标签页被隐藏或显示的时候会触发visibilitychange事件importReact
web行路人·2023-11-24 21:41

react高阶成分（HOC）

使用React函数式组件写了一个身份验证的一个功能，示例通过高阶组件实现的一个效果展示：importReact,{useState,useEffect}from'react';//定义一个高阶组件，它接受一个组件作为输入
m0_黎明·2023-11-24 21:33

react ant 单独分页

下载antd：npminstallantd--save需要展示页面引入：import{Table,Tag,Space,Button}from"antd";在回调函数中定义：//回调函数constructor(props){super(props);this.state={//当前页page:1,//每页显示pagesize:3,//总条数total:'',//数据data：[],}请求数据：//页
简简单单_aed2·2023-11-24 20:45

前端项目开发流程

基本上现在没有人完全从0开始做网站，哪怕是政府项目用个jquery都很正常吧，React/Angularjs等框架横空出世，解放了不少生产力，合理的技术选型可以为项目节
WangLingyun111·2023-11-24 20:38

Vue3 路由跳转与参数获取

路由跳转import{useRouter}from"vue-router"exportdefault{setup(){constrouter=useRouter();//第一步conststate=reactive
叶子_o·2023-11-24 20:00

React16中打印事件对象取不到值的现象及其原因分析

React16中打印事件对象取不到值的现象及其原因分析一、背景在最近的开发过程中，遇到了一个看起来匪夷所思的问题❓：{console.log('e:',e)}}onKeyDown={handleKeyDown
Prodigal__son·2023-11-24 19:23

React 中 useContext 的用法与性能问题详解

文章目录一、useContext是什么？二、useContext使用场景三、使用步骤1.使用createContext创建一个Context2.使用Provider提供值3.使用useContext访问Context完整示例四、Provider的value类型五、如何在子组件中修改context的数据？六、使用`useContext`的考量七、如何避免useContext带来不必要的重新渲染？八、
天外飞雨道沧桑·2023-11-24 19:48

react的开发中关于图片的知识

React是一个流行的JavaScript库，用于构建用户界面。在React开发中，图片是一个非常重要的元素，可以用于美化界面和展示内容。本篇博客将详细讲解React中关于图片的知识。
小墨蛇·2023-11-24 19:16

登陆页面模板

简单好看的登陆页面vue项目代码可忽略js部分先来个效果图账户密码登录用户名密码验证码登录import{reactive,ref}from'vue'import{Login}from"@/api/index.js
『 时光荏苒 』·2023-11-24 19:12

Class Component or React Hooks？

这篇文章我将带着大家去初步了解下Reacthooks的一些知识。我们会从以下三个方面去了解、介绍Reacthooks。是什么？为什么？怎么做？什么是Hooks?
汉堡会有的·2023-11-24 19:37

React Dom-diff之单节点diff

上篇文章已经了解到了react的初次渲染，这篇文章来看下react中的单节点Dom-diffrender改造import{createFiberRoot}from'.
yutao618·2023-11-24 19:54

React元素及虚拟Dom浅谈

什么是元素元素是构成React应用的最小计量单位，元素描述的是开发想让用户看到的内容。组件是由n个元素组成的。元素的特性1.不可变一旦创建就无法改变其元素或者属性，代表了创建那一时刻的UI。
蚂蚁二娘·2023-11-24 19:53

react html to dom,React 中 state render 到 html dom 的流程分析

原标题：React中staterender到htmldom的流程分析原文链接：https://github.com/xieyu/blog/blob/master/React/from-jsx-to-dom.md
碍事的尾巴·2023-11-24 19:53

对react中虚拟dom和diff算法的理解

虚拟dom的出现直接使用dom进行操作时排版与重绘的效率低，速度慢。例如插入一个dom元素，元素本身或者继承很多属性，还需要注册很多方法，导致一个创建一个简单的dom也要消耗很多时间。虚拟dom是在首次渲染dom时，多了一层虚拟dom的计算，在dom的基础上建立了一个抽象层。当有改动时，会生成一个新的虚拟dom与上一次生成的虚拟dom去diff，得到一个差异化的部分patch，最后将patch打到
qq_44771852·2023-11-24 19:52

react 虚拟DOM的diff算法

文章目录浅谈传统diff和Reactdiff（16之前的diff）类型比较针对组件元素的比较对子节点进行递归keyReact中应该如何去配合diff算法提高性能？
秃头指非官·2023-11-24 19:22

React进阶-虚拟 DOM 和 Diff 算法

目录1.虚拟DOM2.ReactJSX语法转化的过程3.Diff算法的说明Diff算法的示例-1Diff算法的示例-2Diff算法的示例-3key属性4.虚拟DOM的真正价值5.ReactFiber浏览器刷新频率与
前端路啊·2023-11-24 19:21

React源码中的dom-diff

这一章就来讲讲React在协调阶段的beginWork里面主要做的事情–domdiff。
夏天的味道123·2023-11-24 19:50

2-2-12 React原理基础 （DOM - DIFF )部分

我们将一个React函数看做是一个返回VirtualDOMTree的方法：functionSomeComponent(){return......}上面的JSX会被转化成树状结构：divspanButton
沿着路走到底·2023-11-24 19:50

虚拟DOM和DOM Diff

React下的虚拟DOM在React属于ReactElement对象，格式如下：constreactElement={key:null,props:{className:"",onClick:()=>{
Qssn丶·2023-11-24 19:50

react源码有关的初探-虚拟Dom / render / createElement / Fiber

有一次遇到需要动态生成Dom的需求，于是认识到了react使用JS对象描述Dom结构的方式。为了更好地研究开始了此次初探。
sasaraku.·2023-11-24 19:19

React DOM Diff

背景React组件是一个返回VirtualDOMTree的方法functionSomeComponent(){return(....)}
カさま·2023-11-24 19:49

react中虚拟dom,diff,fiber - 初级了解

借鉴：「React深入」一文吃透虚拟DOM和diff算法-掘金(juejin.cn)虚拟dom、fiber、渲染dom、dom-diff-掘金(juejin.cn)未阅读源码，了解层面，后续可以深入了解
莹宝思密达·2023-11-24 19:47

浅析Vue.js 2.0源码--前端渲染

一、前言Vue.js框架是目前比较火的MVVM框架之一，简单易上手的学习曲线，友好的官方文档，配套的构建工具，让Vue.js在2016大放异彩，大有赶超React之势。
.︶ㄣ☆.'龍·2023-11-24 18:46

React Native 学习第三天

.WebStorm汉化下载地址imageimage从新启动WebStorm即可！.TextInput控件详细网址:https://www.jb51.net/article/121823.htm1.onChangeText当输入框的内容发生变化时，就会调用onChangeText.2.keyboardType设置弹出软键盘的类型，//跨平台-defult//默认-email-address//ema
Cheep·2023-11-24 18:34

data 获取vuex_十、Vue：Vuex实现data(){}内数据多个组件间共享

一、概述1.1vuex有什么用Vuex：实现data(){}内数据多个组件间共享一种解决方案(类似react的redux)1.2什么情况下使用vuex虽然Vuex可以帮助我们管理共享状态，但也附带了更多的概念和框架
weixin_39846089·2023-11-24 18:45

Android扫码ZXing

.获取权限2.添加依赖3.引入4.简易扫码(1)启动扫码(2)获取扫描结果5.自定义扫码界面(1)自定义Activity的XML文件(2)自定义Activity的Java文件(3)使用setCaptureActivity
在下嗷呜·2023-11-24 18:37

React应用react-color

一、安装与引入安装：npminstallreact-color--save引入：importReactfrom'react'import{SketchPicker}from'react-color'classComponentextendsReact.Component
天生欧皇张狗蛋·2023-11-24 16:26

React+Antd中日期时间禁用(RangePicker)

一、设置禁用日期和时间//不可选日期disabledDate=(current)=>{returncurrent&¤t{constresult=[];for(leti=start;i{lethour=moment().hour();letdisabledHours=[];constchosedDate=type=="date"?moment(date).date():moment(da
天生欧皇张狗蛋·2023-11-24 16:55

React+umi增加路由权限

一、配置路由权限key在资源文件config/route.ts配置只有拥有了HOME（在src/access.ts中定义）权限，用户才可以访问该页面。exportconstroutes=[{path:'/home',component:'/home',access:'HOME',//权限定义返回值的某个key}]二、启用插件@umijs/plugin-access@umijs/plugin-acc
天生欧皇张狗蛋·2023-11-24 16:55

标题导航点击导航滑动到指定位置&滑动到指定位置选中对应导航vue3

菜单导航栏点击导航滑动到指定位置&滑动到指定位置选中对应导航效果实现话不多说直接上代码，有用素质三连(点赞、评论、加关注)import{defineComponent,onBeforeUnmount,onMounted,reactive
天生欧皇张狗蛋·2023-11-24 16:43

vite+vue3+ts中watch和watchEffect的使用

vite+vue3+ts中watch和watchEffect的使用本文目录vite+vue3+ts中watch和watchEffect的使用watchrefreactivepropsimmediate组合监听
anjushi_·2023-11-24 15:00

Vue侦听器

import{reactive,ref,watch}from"vue"constobj=reactive({name:"obj",co
本自具足反求诸己·2023-11-24 14:56

React Hook学习笔记

Hook是React16.8的新增特性。它可以让你在不编写class的情况下使用state以及其他的React特性。什么是Hook？
前小前·2023-11-24 13:23

JS 中的require 和 import 区别

转自：山高我为峰https://www.cnblogs.com/liaojie970/p/7376682.html在研究react和webpack的时候，经常看到在js文件中出现require，还有import
Enjoy-li·2023-11-24 12:27

Flet新框架与Flutter和Python什么关系，能够取代kivy和React么？

什么是FletFlet是一个框架，允许使用您喜欢的语言构建交互式多用户Web、桌面和移动应用程序，而无需前端开发经验。您使用基于FlutterbyGoogle的Flet控件为您的程序构建UI。Flet不只是“包装”Flutter小部件，而是通过组合较小的小部件、隐藏复杂性、实现UI最佳实践、应用合理的默认值来添加自己的“观点”——所有这些都是为了确保您的应用程序看起来既酷又专业，无需额外的努力。F
iCloudEnd·2023-11-24 12:38

React18学习

基本来说和之前的没有什么太大区别，之前一直用的vue，纯粹当复习一遍react了快捷键rsc-->自动创建函数式组件rsi-->自动创建函数式组件且带propsrcc-->自动创建类组件类组件的props
前端大灰狼·2023-11-24 11:28

vue实现路由自动添加

不论是vue项目还是react项目，在添加新功能页面时，都需要进行手动配置路由表才会生效。那么有没有可能在按照一定格式创建文件之后，会自动添加到路由配置表里呢？答案当然是可以！
Dark_programmer·2023-11-24 10:41

axios在Vue中的简单使用

它可以在纯JavaScript中使用，也可以与Vue或React等库一起使用。
开心人开发世界·2023-11-24 10:38

java SpringCloud版本b2b2c鸿鹄云商平台全套解决方案 小程序商城免费搭建

B2B2C平台：平台管理端(包含自营)商家平台端(多商户入驻)PC买家端、手机wap/公众号买家端微服务（30个通用微服务如：商品、订单、购物车、个人中心、支付、文件、运营等，支持原生Android、ios、react
2301_77700816·2023-11-24 10:51

React Component、Element、Instance

首先一句话概括区别：ReactElement就是一个VirtualDOMVirtualDOM是一个JS对象ReactComponent其实就是一个Class或者一个function（一个定义）ReactComponentrender
张培_·2023-11-24 10:22

项目开发-前端-React框架基础学习

React框架基础学习前言1第一章1.1认识React1.2React元素渲染1.3React_JSX1.4React样式和注释1.5React组件1.6ReactState第二章2.1React父传子数据传递
Al.Qin·2023-11-24 09:41

React 学习笔记 - create-react-app踩坑 & eslint

React学习笔记-create-react-app踩坑&eslint问题解决方案eslintrc配置文件解析parserOptions解析器配置env代码运行环境extendsrulespluginsParser
绿胡子大叔·2023-11-24 09:10

使用create-react-app创建react应用

1、react脚手架xxx脚手架:用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react
学习前端的渣渣·2023-11-24 09:39

前端学习--React(2)

一、受控表单绑定和vue中v-model功能相同import{useState}from"react";//通过value属性绑定react状态//绑定onChange事件通过事件参数e拿到输入框最新的值反向修改到
Michelle209·2023-11-24 09:38

electron27-react-mateos：基于electron+react18仿matePad桌面系统

基于Electron27+React18+ArcoDesign搭建桌面版OS管理系统。
xiaoyan_2018·2023-11-24 09:07

前端学习--React(3)

一、Redux集中状态管理工具，不需要react即可使用，每个store的数据都是独立于组件之外的vue小链接：vuex/pinia基本使用Redux将数据修改流程分成三个概念，state、action
Michelle209·2023-11-24 09:05

React 生命周期函数

https://reactjs.org/docs/react-component.htmlReact生命周期函数：组件加载之前，组件加载完成，以及组件更新数据，组件销毁。
幸宇·2023-11-24 09:28

构建个性化预约服务：预约上门服务系统源码解读与实战

使用React框架，我们可以构建出直观友好的用户界面，让用户能够轻松进行服务预约。//前端使用React框架im
万岳科技·2023-11-24 08:10

2022 年十大 JavaScript 框架

React.jsjQueryExpressAngularVue.jsAngular.jsSvelteNext.jsEmber.jsMeteorReact.jsReact.js于2013年由Meta(Facebook
ejinxian·2023-11-24 08:05
上一页 158 159 160 161 162 163 164 165 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他