react项目搭建

vue3 的组件通信

/child.vue";import{ref,reactive}from"vue";exportdefault{setup(){//基础类型传值constmsg1=ref("父组件传给子
奇奇怪怪.*·2024-01-26 12:49

关于React natvie WebView加载url 带特殊符号问题

url直接链接过去会报404错误，这里需要把URL处理下，想往深入了解的请看下：http://www.w3school.com.cn/jsref/jsref_encodeuri.asp这里处理方式是把每个入参都进行了encodeURIComponent把特殊符号“#”进行编码conststring=Object.keys(params).reduce((acc,cur)=>acc.concat([
JsLin_·2024-01-26 11:58

Vue2 + JSX使用总结

什么是JSX摘自React官方：它被称为JSX，是一个JavaScript的语法扩展。我们建议在React中配合使用JSX，JSX可以很好地描述UI应该呈现出它应有交互的本质形式。
东扯葫芦西扯瓜·2024-01-26 10:25

React父子组件通信，父组件向子组件传值，子组件改变父组件数据。

React父子组件通信，父组件向子组件传值，子组件改变父组件数据。
奔奔和空空·2024-01-26 10:01

react中base64位编码转换方法

constblob=awaitres.blob();//item.blob=blobconstreader=newFileReader();reader.readAsDataURL(blob);reader.onload=()=>{constbase64String=reader.result.split(',')[1];item.thumbUrl=base64String;//这里输出的就是ba
Ciilk·2024-01-26 10:00

前端项目react开发中总结常用的小技巧

map函数可以将数组对象的某些属性快速选择出来consttheDatas=theData.map((item)=>({key:item.key,checked:item.status}));...运算符可以快速遍历得到data里的所有对象constnewData=[...data];属性后面加问号？可以进行判空处理，这样开发就不会因为undefined进行报错data?.length如果是要多次读
Ciilk·2024-01-26 10:00

React中antd的Form表单校验基础方法

....;constformRef=useRef(null);constmethods=()=>{formRef?.current?.validateFields(values)//antdForm表单校验方法.then(()=>{console.log(values);//表单校验成功的逻辑处理，values是表单的全部数据，一般可以对接接口}).catch((errorInfo)=>{//输出
Ciilk·2024-01-26 10:00

React父组件向子组件传值时，子组件不立马渲染问题

React父组件向子组件传值时，子组件不立马渲染问题项目开发过程遇到的问题，需要向子组件传递一些数据，但是子组件不会立马渲染，通过console打印发现值是最新的1.传递的数据是一个对象，react是浅比较
fjy-code·2024-01-26 10:00

React中的组件通信——父传子、子传父、Context

0、认识组件间的通信在开发过程中，我们会经常遇到需要组件之间相互进行通信：比如App可能使用了多个Header，每个地方的Header展示的内容不同，那么我们就需要使用者传递给Header一些数据，让其进行展示；又比如我们在Main中一次性请求了Banner数据和ProductList数据，那么就需要传递给他们来进行展示；也可能是子组件中发生了事件，需要由父组件来完成某些操作，那就需要子组件向父组
小小白学计算机·2024-01-26 10:29

React中父组件调用子组件中声明的方法

React组件之间的通信可以通过props和onRef。
小问号我们是朋友·2024-01-26 10:58

React 父组件调用子组件方法

solutionQ：React中，父组件如何调用子组件的方法？
辰九九·2024-01-26 10:26

react中父组件的通信

一、react是什么？二、使用步骤1.子组件2.父组件3.运行效果总结一、react是什么？React是一个声明式，高效且灵活的用于构建用户界面的JavaScript库。
雁落成空·2024-01-26 10:26

react 中父组件通过使用 refs 来调用子组件实例的方法

class组件//App.jsimportReact,{Component,createRef}from"react";importChildClassfrom".
我有一车大西瓜·2024-01-26 10:24

【React的组件&组件间的通信(父向子，子向父，同级组件通信)】

目录一、React项目的入口文件(create-react-app)二、React的组件1、什么是组件?
꒰ঌsnail໒꒱·2024-01-26 10:53

Taro 入门到入门

Taro类别（真的是类别“泪别”，入手一个框架时一定要认真全面了解一下）reactvueTaroTaroTaroTaro-UITaro-UITaro-UI-Vue1.Taro安装和使用Taro项目基于node
刘_小_二·2024-01-26 10:48

react native 父组件与子组件之间如何相互传值

react中父组件与子组件之间如何相互传值实现ReactNative中父子组件通信间的双向数据流，思路如下：1.父组件向子组件传递props,其中props中带有子组件的初始化数据以及回调方法；2.子组件手动触发父函数传递进来的回调方法
Min_nna·2024-01-26 10:51

React 子组件向父组件通信

临时搬砖记录一下，并不是专门写的。因为还一大堆活催我呢，没时间写太详细，凑合看（估计也没人看，就简单记一下方便自己下次不用费劲巴力去找别人的看）整体大概逻辑逻辑为：父组件里嵌套子组件然后加上方法名和方法子组件里interface以及props里接受方法名并注册，然后直接传值就可以了：父组件constbuyPhone=(val:any)=>{console.log(val)//父组件里的方法}然后S
蓝色鼠标垫·2024-01-26 10:50

React中父组件向子组件实现的简单通信

//ParentComponent.jsimportReact,{useState}from"react";importChildComponentfrom".
Ciilk·2024-01-26 10:50

【react】基础知识点---jsx语法规则，js与jsx的区别

JSX的概念：JSX是JavaScript和XML(HTML)的缩写，表示在js代码中编写HTML模板结构，它是react中编写UI模板的方式关于JSX，我在官网上截了一段拿过来展示：jsx的一大特点就是很方便
春晓_春眠花落·2024-01-26 10:39

使用nginx部署next+react项目到服务器

以下实例为部署到测试服务器上，相关目录地址可根据实际部署进行修改。nging的安装目录：/usr/local/webserver/nginx/conf/项目放在/usr/ATP-Test/文件夹下项目的命名为：x-atp-firmware-web服务器地址：172.24.185.55部署步骤：将整个项目代码进行压缩，将压缩文件复制到服务器上。目录为：/usr/ATP-Test/文件夹下解压文件：u
骆骆呀·2024-01-26 09:40

读React源码前一定要知道的几个基础概念

一、Fiber工作模式虽然React18的文档里已经找不到相应的介绍了，但是了解一下过往还是有必要的。
小九九的爸爸·2024-01-26 09:26

用React构建fiber树的思想解决“反转链表”问题

最近在阅读React源码，还是比较有收获的，这不，今天刷题的时候，直接就把React渲染组件的思想给落地了，下面是leetcode里的一道反转链表的原题：就是这样，给你一个单链表，要求你把单链表反向输出
小九九的爸爸·2024-01-26 09:56

vue 前端面试常见问题汇总（1-10）

目录#前言@[TOC](文章目录)#一、React/Vue项目时为什么要在列表组件中写key，其作用是什么？
A于情·2024-01-26 09:25

第七章（原理篇） 微前端技术之依赖管理与版本控制

.集中式依赖管理2.分布式依赖管理3.依赖预加载4.使用微前端框架QiankunSingle-SPA示例和最佳实践版本控制与冲突解决1.版本号约定2.锁定文件3.依赖解析策略4.冲突检测工具案例分析：React
球球不吃虾·2024-01-26 09:18

前端学习之——react篇（渲染列表）

你将依赖JavaScript的特性，例如for循环和array的map()函数来渲染组件列表。假设你有一个产品数组：constproducts=[{title:'Cabbage',id:1},{title:'Garlic',id:2},{title:'Apple',id:3},];在你的组件中，使用map()函数将这个数组转换为标签构成的列表:constlistItems=products.map
每月一瓶米诺地尔·2024-01-26 09:31

React(3): React 实现卖座App

React实现卖座App娱乐项目，请勿当真！！！
一个抱抱一首歌·2024-01-26 09:00

都 2024 年了，该如何搭建新的 React 项目？

在前端技术日新月异的今天，React社区已经不再将create-react-app作为创建新项目的首选工具，而是推荐使用社区中流行的由React驱动的框架来创建新项目。
胖头鱼不吃鱼-·2024-01-26 09:57

React进阶 - 13(说一说 React 中的虚拟 DOM)

本章内容目录一、为什么需要”虚拟DOM“二、虚拟DOM“带来的希望三、虚拟DOM“的优势（性能大幅度提升&跨端应用）上一节我们讲了state、props与render函数的关系，本节内容开始了解React
w-somebody·2024-01-26 09:57

vue和react的运行机制

Vue和React都是现代的前端框架，它们提供了丰富的特性和工具，帮助开发者构建复杂的用户界面。虽然它们有很多相似之处，但也有一些重要的区别，特别是在运行机制方面。
无妄的罪·2024-01-26 09:27

Vue学习笔记12--Vue3之setup/ref函数/reactive函数/Vue3响应式原理/reactive对比ref

一、拉开序幕的setup理解：Vue3中一个新的配置项，值为一个函数。setup是所有CompositionAPI(组合API）表演的舞台。组件中所用到的：数据、方法等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法在模板中均可以直接使用。若返回一个渲染函数，则可以自定义渲染内容注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data/methos
jxncxgx·2024-01-26 09:54

第十四篇【传奇开心果】Ant Design Mobile of React 开发移动应用：多种布局方式和示例代码

传奇开心果博文系列博文系列目录AntDesignMobileofReact开发移动应用博文系列博文目录前言一、使用布局方式的重要作用二、各种布局方式介绍三、各种布局方式的示例代码四、归纳总结知识点博文系列目录
传奇开心果编程·2024-01-26 09:53

React16源码: React中commit阶段的commitBeforeMutationLifecycles的源码实现

commitBeforeMutationLifecycles1）概述在reactcommit阶段的commitRoot第一个while循环中调用了commitBeforeMutationLifeCycles
Wang's Blog·2024-01-26 09:23

react实现滚动到顶部组件

新建ScrollToTop.jsimportReact,{useState,useEffect}from'react';import'.
点点关注不迷路·2024-01-26 09:21

[译]React Native性能优化指北

[译]ReactNative性能优化指北译注：本文并没有详细的介绍具体的性能优化做法，作者给出的是一系列方法，需要我们自己根据实际情况，去采纳有用的一些点。
JieJess·2024-01-26 08:08

【Vite+Vue3+TS】基于Vite+Vue3+TypeScript+ESLint+Prettier+Stylelint搭建项目（亲测超详细）

目录项目搭建步骤确定node版本使用Vite创建Vue3项目规范目录结构配置环境修改Vite配置文件集成路由工具VueRouter集成状态管理工具Pinia集成CSS预编译器Sasssvg图标组件集成UI
aDiaoYa_·2024-01-26 08:07

ReactHook中使用useState更新变量后，怎么拿到变量更新后的值

场景：const[count,setCount]=useState(0)；在setCount()更新变量的值后，立即调用某个函数query，在函数中需要读取到这个变量的新值；但是此时直接调用的话拿到的是旧值；为什么变量更新后不能立即拿到新值？因为setCount函数用于更新count值。它接收一个新的count值并将组件的一次重新渲染加入队列中，在组件的重新渲染中，useState()返回的第一个
wen_文文·2024-01-26 08:29

请求封装（axios、fetch）

在前端发送请求到后台不同的框架与原生js发送请求的方式都不相同，比如我们在使用jquery时发送请求可以用jq中封装好的$.ajax,利用原生js向node发送请求时可以使用原生的ajax（我们也可以手动进行封装），在vue框架或react
啊～哈·2024-01-26 07:05

React 受控组件 && 非受控组件

但是，在和其他元素相比，表单元素在React中的工作方式存在一些不同。
AC编程·2024-01-26 06:43

react native 环境搭建 + 创建新项目 + 启动 问题全记录 mac+ios+xcode

一环境搭建环境：mac+ios参考链接：先跟着官方走搭建开发环境·ReactNative中文网node-nvm16.12这个nrm第一次要下载最好全局下载npminstall-gnrmnpxnrmusetaobaoxcodexcode
bilupilu·2024-01-26 05:54

React-Native 运行RCTBundleURLProvider.h” file not found

步骤是先将项目中的node_modules模块删除，然后在终端上重新安装npm，执行命令为npminstall，但这里我的RN项目就能运行了，我看了一下其他的文章，他们还有一步就是执行react-n
dxin_101·2024-01-26 04:32

React 学习（二）—— 父子组件

和Vue相同，React中也有父子组件的概念，在React中父子组件的通信：父组件向子组件发送消息父组件通过引用子组件时通过属性的方式向子组件传递数据，子组件中有一个属性props—存储父组件传递的数据
我是小凤凰·2024-01-26 03:39

虚拟机中CentOS-7.9的硬盘空间扩容(EXSI)

优质资源分享学习路线指引（点击解锁）知识定位人群定位Python实战微信订餐小程序进阶级本课程是pythonflask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
洛蕾·2024-01-26 03:27

WebFlux framework

ReactiveStreams是一个标准或者说是规范，由Netflix、TypeSafe、Pivotal等公司发起的。
侯文_ad82·2024-01-26 03:02

02.react-advance

react进阶懒加载React.lazy函数能让你像渲染常规组件一样处理动态引入（的组件）。Suspense加载指示器为组件做优雅降级。
goodman__·2024-01-26 03:58

实现自己的mini-react

实现自己的mini-react创建运行环境实现最简单mini-react渲染dom封装创建虚拟dom节点封装函数封装render函数对齐react调用方式使用jsx任务调度器&fiber架构封装一个workLoop
hao_0413·2024-01-26 03:44

【Vue3】readonly 与 shallowReadonly

用法：constoriginal=reactive({...});constreadOnlyCopy=readonly(original);特点：对象的所有嵌套属性都将变为只读。
小秀_heo·2024-01-26 02:40

用clusterProfiler做GSEA

library(clusterProfiler)library(enrichplot)library(ReactomePA)gseaplot2(x,geneS
Seurat_Satija·2024-01-26 02:19

React和Vue的生态系统有何不同？

React和Vue是目前最受欢迎的前端框架之一，它们都拥有庞大而活跃的社区生态系统。
这我可不懂·2024-01-26 00:27

关于vue3使用Element ui输入框无法输入的简单解决方法

这应该是解决elementui输入框无法输入最简单有效的方法了script部分加入下面的代码import{reactive}from"vue";constform=reactive({name:""})
橙子君Crush·2024-01-25 23:19

vue3 + jsx 插槽带参数的使用以及参数中带有render函数的使用

//子组件import{defineComponent,onBeforeMount,reactive,ref,renderSlot}from"vue";importtype{SetupContext}from"vue
什么都不会的全栈工程师·2024-01-25 23:43
上一页 33 34 35 36 37 38 39 40 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他