React基础内容学习记录

shallowRef和shallowReactive

一，前言1.相对于ref和reactive，shallowRef和shallowReactive创建的数据是浅响应式的二，shallowRef介绍1.shallowRef可以创建一个跟踪自身.value
诗人远行·2024-01-26 12:50

【vue3】ref、reactive、shallowRef、shallowReactive、readonly和shallowReadonly

申明变量的几种方法一般情况下使用ref和reactive即可如果有一个对象数据，结构比较深，但变化只是外层属性变化===>shallowReactive如果有一个对象数据，后面会产生新的对象来替换===
顾鸟·2024-01-26 12:50

Vue3快速入门-shallowRef 与 shallowReactive

shallowReactiveshallowReactive类似reactive，不同的是，shallowReactive只处理对象最外层属性的响应式。
温情key·2024-01-26 12:50

Vue学习计划-Vue3--其他API：shallowRef与shallowReactive、readonly与shallowReadonly、toRaw与markRaw、customRef

其它API【shallowRef与shallowReactive】shallowRef作用：创建一个响应式数据，但只对顶层属性进行响应式处理。
化作繁星·2024-01-26 12:20

toRef，toRefs函数的作用

将多个数据转成响应式，只是确保第一层数据为响应式，如果是不同层的数据，仅第一层数据为响应式{{name}}-{{obj.name}}{{job}}{{city}}import{ref,toRef,toRefs,reactive
诗霖雪·2024-01-26 12:19

vue3 shallowRef和shallowReactive

shallowRef使用定义一个不会其对象内的值改变的数据时,或者每次改变都是替换掉整个对象而不是去单单替换掉其中的某个属性
兜里揣着星星·2024-01-26 12:48

前端学习之——react篇（条件渲染）

React没有特殊的语法来编写条件语句，因此你使用的就是普通的JavaScript代码。
每月一瓶米诺地尔·2024-01-26 12:18

shallowRef与shallowReactive

shallowRef：浅层响应->整体重新赋新值才会触发更新，只改变单个属性不会触发更新shallowReactive：浅层响应->第一层属性变化会触发更新，不是第一层属性不会触发更新{{person}
诗霖雪·2024-01-26 12:17

59、Flink CEP - Flink的复杂事件处理介绍及示例（完整版）

1、Flink部署系列本部分介绍Flink的部署、配置相关基础内容。
一瓢一瓢的饮 alanchanchn·2024-01-26 12:50

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

自学前端第二天:HTML基础知识提前汇总

本章着重复习Html的基础内容，学习Html究竟要学些什么呢？主要是学习各种标签，来搭建网页的“结构”。✨✨本篇文章主要由五个章节构成，从WEB标准到初识HTML
AKA俄语人Лев·2024-01-26 10:59

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

vue3.0规范学习记录

组合式函数使用use+name进行命名，例如useMouse；自定义指令使用v+name进行命名，例如vFocus；在组件使用v-model实现“双向绑定”时，子组件默认通过emits(‘update:modelValue’,params)触发更新；setup()钩子是在组件中使用组合式API的入口，通常只在以下情况下使用：需要在非单文件组件中使用组合式API时。需要在基于选项式API的组件中集成
椒盐大肥猫·2024-01-26 09:58

都 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

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

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

Learn more, study less 学习记录7

整体学习的最终步骤是将所学的转化成实际的价值。在日常生活中，给所学以价值，并由此而产生的智慧网络的内在连接要远远大于所有作者后面第二部分讲到的整体学习的办法。你学习的目的是什么？作者给出的答案是：学以致用。学习却没有一个实际使用的出发点，就是在浪费时间。/李笑来老师的《人人都能用英语》一直强调的就是用这个字！再次印证，牛人的核心观点是相通的/
火龙果_cd00·2024-01-26 08:41

C语言学习记录-12/21

学习内容：昨日所学小记：1.数组名对于一个数组intarry[5]={0};，作为实际参数来说：1）arry[0]相当于一个变量名2）&arry[0]相当于第一个元素的地址3）arry本身相当于第一个元素的地址（可认为是指针，记录数组起始位置地址，相当于"int*arry"'）(个人感觉这里是编译器的智能化，直接将数组名看作指向首元素地址的指针）4）对于sizeof（arry）和&arry相当于取
雨是叶落下来的·2024-01-26 08:02

C语言学习记录-12.26

学习内容：1.规定指针只能指向数组后一个地址，而不能指向数组前一个地址个人猜测，可能是错误的在内存中，栈区从高地址向低地址扩展，数组从低地址像高地址扩展。上图可以看出，很可能你的arry[0]（数组的第一个元素）就是栈区的顶部了，你数组前一个地址，再往低地址去，根本就不存在有这样一个内存地址，那你程序还跑啥。但是数组后一个地址是存在的，虽然可能会跨界访问让程序奔溃或死循环，但它最起码是存在的。2.
雨是叶落下来的·2024-01-26 08:02

C语言学习记录-12.28

学习内容：一.浮点型在内存中的存储和读取方式1）存储-二进制组成：“符号位（S）+有效数据（M）+有效位数(E)”就是人为规定，忘了就查。简单来说，三个量确定一个浮点型，有点类似二进制下的科学计数法。占多少内存：对于32位，S占1bit，E占8bit，M占23bit对于64位，S占1bit，E占11bit，M占52bit疑问：E给的bit位是不是太多了，你像E占8bit，可以表达255个有效位数，
雨是叶落下来的·2024-01-26 08:02
上一页 41 42 43 44 45 46 47 48 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他