React基础内容学习记录

react+ts+antd-mobile 动态tabs➕下拉加载

1.初始化项目//搭建项目npmcreatevite@latestreact-jike-mobile----templatereact-ts//安装依赖npmi//运行npmrundev清理项目目录结构安装
jiojio在学习勒·2024-02-03 10:35

React Navigation5.0系列三：Drawer navigation的使用

文章目录安装使用实现效果DrawerNavigator属性介绍集成出现的问题安装yarnadd@react-navigation/drawer使用1.导入对应的组件import{createDrawerNavigator
wayne214·2024-02-03 10:05

React Native 关于界面导航

简介react-navigation主要包括导航，底部tab，顶部tab，侧滑等，功能很强大，而且体验接近原生。
s349856186·2024-02-03 10:04

React_Native 再学习4——导航进阶之DrawerNavigator

React_Native再学习4——导航进阶之DrawerNavigator整体来说，代码使用规则和之前的StackNavigation和TabNavigation是一样的。
huhanghao·2024-02-03 10:04

react-navigation 使用详解

一、开源库介绍今年1月份，新开源的React-natvigation库备受瞩目。在短短不到3个月的时间，github上星数已达4000+。
RitchieWei·2024-02-03 10:04

React Native自定义控件【底部抽屉菜单】

关于自定义View的内容网上已经有很多的博文，本篇博客要和大家分享如何在ReactNative中自定义组件实现抽屉菜单控件效果。
barnett_y·2024-02-03 10:34

React-Navigation架构嵌套路由：

React-Navigation^5x架构嵌套路由：react-native使用的版本是^0.64，导航用的5x。目前已经出到了6x,不过也相差不大。
贺知叶·2024-02-03 10:34

React-navigation之DrawerNavigation

1APIDrawerNavigator(RouteConfigs,DrawerNavigatorConfig)2DrawerNavigatorConfigdrawerWidth抽屉的宽度drawerPosition抽屉的位置值有left、right默认是leftcontentComponent用来自定义抽屉的组件，默认的组件是DrawerView但DrawerView是不能滑动的contentOp
Lu'Blog·2024-02-03 10:01

react-navigation createDrawerNavigator 抽屉菜单 点击其他地方 无法关闭菜单的解决方案

react-navigationcreateDrawerNavigator抽屉菜单点击其他地方无法关闭菜单的解决方案参考文章：（1）react-navigationcreateDrawerNavigator
无所不为无所为·2024-02-03 10:31

【React-Native】自定义Drawer(抽屉)动画组件

自己实现一个简单的抽屉组件因为业务需要实现侧滑抽屉菜单，看了一眼项目中封装的DrawerLayout组件,便直接引用准备使用，但是使用后却发现并没有理想中的动画效果，便打开组件代码看了一眼，发现之前的作者是直接用Modal写的，然后在modal里写了一个蒙层和一个View容器:大概布局为：{此处作为蒙层，点击关闭抽屉用}{this.props.children}总之组件似乎写法有问题，只有弹框没有
small_Axe·2024-02-03 10:31

react-navigation 侧滑DrawerNavigation 无法正常打开

navigation.navigate(‘DrawerOpen’);无法正常打开侧滑原因：官网已修改原文档可通过以下方法打开this.props.navigation.openDrawer();this.props.navigation.closeDrawer();this.props.navigation.toggleDrawer();
a136447572·2024-02-03 10:01

react 之 useInperativeHandle

useInperativeHandle是通过ref暴露子组件中的方法1.场景说明-直接调用子组件内部的方法import{forwardRef,useImperativeHandle,useRef}from"react
jiojio在学习勒·2024-02-03 10:28

【react】如何拦截第三方插件自发的请求

我们需要猜测一下，第三方是用什么方式请求的：一般是第1种。1、使用原生的XMLHttpRequest//创建一个原始的XMLHttpRequest对象constoriginalXhrOpen=XMLHttpRequest.prototype.open;XMLHttpRequest.prototype.open=function(method,url,async,user,password){//在
hzxOnlineOk·2024-02-03 09:14

React项目解决跨域问题

前言跨域问题可以说是前后端分离项目中经常面对的问题，事实上解决跨域问题的方法也有很多种，本篇文章将针对React项目在开发以及部署到Nginx服务器后如何解决跨域问题进行讲解，希望对大家有所帮助。
moutory·2024-02-03 09:27

2023年哪个前端框架用的最多?用数据说话

前端框架ReactReact每月平均下载量8500w左右，2023年累计下载量：1,025,630,896（10.2亿+）。NextNext.js每月平均下载量2000w左右
白帽子Elliot·2024-02-03 09:20

前端 UI 框架怎么选？

目前最主流的三大框架Angular、React、Vue仍然是使用人数最多的，他们有什么特点，还有什么好用的前端框架吗？该如何选择适合自己的呢？
LLI025·2024-02-03 09:20

【Vue】指令之内容绑定，事件绑定

Vue指令[1]内容绑定，事件绑定v-test指令v-html指令v-on基础内容绑定，事件绑定v-test指令作用：设置标签的文本值（textContent）默认写法会替换全部内容，使用差值表达式可以替换指定内容内部支持写表达式标签原文本值
three想当技术大佬·2024-02-03 08:46

React集成react-activation，实现页面缓存

安装yarnaddreact-activationdemo1import{KeepAlive,useActivate,AliveScope}from'react-activation';functionCounter
TPCheng·2024-02-03 08:15

大模型ReAct智能体开发实战

我们将重点关注一种名为ReAct的常见代理类型，它使用LLM作为其主要引擎来分解任务、推理并适当地使用特定的工具集。你可以在本文中阅读有关ReAct框
新缸中之脑·2024-02-03 08:44

Vue3中ref和reactive的用法和区别

这就需要使用ref和reactive。两者的区别：ref⽤来定义：基本类型数据reactive⽤来定义：对象、或数组类型的数据备注：ref也可以⽤来定义对象或数组类型数据，它内部会⾃动通过
浮生若梦777·2024-02-03 08:14

React18构建Vite+Electron项目以及打包

一.先创建项目cnpmcreatevite选择React=>JavaScript=>cdreact_vite=>cnpmi=>npmrundev二.安装Electron依赖指定版本相对稳定cnpmielectron
m0_63701303·2024-02-03 08:12

React16源码: React中event事件触发的源码实现

概述在之前事件绑定时，绑定的是两个方法一个是dispatchInteractiveEvent另外一个dispatchEvent其实它们调用的方法都是差不多的，一开始会有一点小的区别2）源码定位到packages/react-dom
Wang's Blog·2024-02-03 08:41

react利用react-activation实现子路由缓存

1.下载依赖yarnaddreact-activation2.父路由里的代码importReact,{FunctionComponent,cloneElement}from'react'importStylesfrom
QingHan_wow·2024-02-03 08:10

react 之 react.forwardRef

react.forwardRef使用ref暴露DOM节点给父组件1.使用场景import{forwardRef,useRef}from"react"//子组件//functionSon(){//return
jiojio在学习勒·2024-02-03 08:38

react-activation实现缓存，且部分页面刷新缓存，清除缓存

1.安装依赖npmi-Sreact-activation2.使用AliveScope包裹根组件import{AliveScope}from"react-activation"}/>3.缓存组价或者路由缓存组件
manda Liu·2024-02-03 08:08

深入理解网络编程之BIO和NIO

NIO和BIO的主要区别阻塞与非阻塞IONIO之Reactor模式NIO中Reactor模式的基本组成部分NIO代码实现原生JDK网络编程BIOBIO意为BlockingI/O，即阻塞的I/O。
山鸟与鱼！·2024-02-03 08:37

❤ React18 环境搭建项目与运行（地址已经放Gitee开源）

❤React项目搭建与运行环境介绍nodev20.11.0react18.2react-dom18.2.0一、React环境搭建第一种普通cra搭建1、检查本地环境node版本18.17.0检查node
林太白·2024-02-03 07:04

OpenCV学习记录——轮廓检测

文章目录前言一、寻找、绘制轮廓二、具体应用代码前言寻找目标图像的轮廓并绘制出该轮廓是我们进行图像识别时常用的手段，轮廓是图像中连续的边界线，可以用于物体检测、形状分析等应用。为了获取更高的准确性，会先进行二值化处理，在得到二进制图像后，寻找轮廓就是从黑色背景中找到白色物体，因此我们要找的对象应是白色，背景应该是黑色。一、寻找、绘制轮廓（一）寻找图像轮廓寻找图像轮廓函数如下：contours,hie
KAIs32·2024-02-03 07:00

【JS】基于React的Next.js环境配置与示例

°★这篇文章主要介绍基于React的Next.js环境配置与示例。学其所用，用其所学。——梁启超欢迎来到我的博客，一起学习，共同进步。
DevFrank·2024-02-03 06:20

rn 多选按钮和单选按钮

多选按钮：react-native-flexi-radio-buttonimport{RadioGroup,RadioButton}from'react-native-flexi-radio-button'this.setState
米开朗骑騾·2024-02-03 06:40

【Vue3+Vite】Vue3视图渲染技术 快速学习 第二期

1.1插值表达式和文本渲染1.1.1插值表达式语法1.1.2文本渲染语法1.2Attribute属性渲染1.3事件的绑定二、响应式基础2.1响应式需求案例2.2响应式实现关键字ref2.3响应式实现关键字reactive2.4
道格维克·2024-02-03 06:16

java002学习记录

位运算符&、|、^、>逻辑运算符针对boolean数据进行运算位运算符针对数值进行运算1、先将运算数据转为二进制十进制转二进制十进制转二进制：目标数除以2，若能除尽，则该位记作0，若除不尽，则该位记作1，再对商继续除以二，以此类推，直到商为0，将每一位的结果反序组合就是对应的二进制。二进制转十进制从目标数的最右侧算起，本位的数值乘以本位的权重（2的第几位的位数减一次方），把乘积累加起来就是对应的十
老街agony·2024-02-03 05:59

java003学习记录

二维数组二维数组：一维数组中保存的值是另一个一维数组，数组中嵌套数组publicclassTest{publicstaticvoidmain(String[]args){int[]array={1,2,3};int[][]array2={{1,2,3},{4,5,6},{7,8,9}};for(inti=0;i
老街agony·2024-02-03 05:59

java001学习记录

基本概念Java1、JavaSE：Java核心类库，Java开发的基础2、JavaME：Java针对于移动端（手机、机顶盒、车载导航）的开发组件，淘汰3、JavaEE：Java针对企业级应用的开发组件（JavaWeb重中之重），重点JavaSE：Java基础语法、组件、类库JavaEE：Web组件，第三方框架Java开发：1、编码（写代码）2、编译（Java文件编译成Class文件）3、运行（JV
老街agony·2024-02-03 05:58

java004学习记录

子类访问权限访问权限修饰符，关键字，用来修饰类、属性、方法，不同的访问权限修饰符表示不同的作用域修饰符同一个类同一个包不同包子类public可以访问可以访问可以访问可以访问protected可以访问可以访问不可以访问可以访问默认修饰符可以访问可以访问不可以访问不可以访问private可以访问不可以访问不可以访问不可以访问多态一个元素具有多种不同的形态，在不同的应用场景中可以以不同的形态呈现，来满足
老街agony·2024-02-03 05:28

半天学会RxJava的简单使用

参考文章：https://www.jianshu.com/p/031745744bfa1.准备安装依赖compile'io.reactivex.rxjava2:rxjava:2.0.2'compile'io.reactivex.rxjava2
reaiya·2024-02-03 05:12

【Docker】docker 可视化工具 portainer/portainer

声明：本篇文章属古乃特个人所有，不涉及商业目的，仅用于学习记录。
Gonait·2024-02-03 05:23

React 生命周期

1初始化阶段componentWillMount:render之前最后一次修改状态的机会render:只能访问this.props，this.state不允许修改状态和DOM输出componentDidMount:执行render成功并渲染完成真实dom之后出发，可以修改dom.2运行中阶段componentWillReceiveProps:父组件修改属性触发shouldComponentUpda
老胡说前端·2024-02-03 03:32

react useCallback(记忆函数）用法

importReact,{useCallback,useState}from'react'const[text,settext]=useState("");exportdefaultfunctionApp
老胡说前端·2024-02-03 03:32

React useEffect使用

第一exportdefaultfunctionApp(){const[name,setname]=useState('huhu')useEffect(()=>{setname(name.substring(0,1).toUpperCase()+name.substring(1))},[name])//[name,age]//可以有多个参数//带参数，第一次默认执行一次，第二次name更新也会执行r
老胡说前端·2024-02-03 03:30

华为HCIA网络基础集合

关于计算机网络的一些基础内容差不多都复习了一遍，如果能够熟练地掌握相关的知识，再结合实际工作的经验应该可以进行一个网络的简单搭建了。更多内容后面再慢慢学习。
不喜欢热闹的孩子·2024-02-03 03:24

Next.js初识

Next.js初识Next.js：这是一个用于生产环境的React框架（国外用的比较多）。
Jack魏·2024-02-03 03:01

2024/2/2学习记录

Mock.jsMock.mock(template)根据数据模板生成模拟数据Mock.mock(rurl,template)记录数据模板，当拦截到rurl的ajax请求时，将根据数据模板template生成模拟数据，并作为响应数据返回Mock.mock(rurl,function(options))记录生成响应数据的函数，当拦截到匹配ajax请求时，函数function(options)将被执行，
lxh0113·2024-02-03 02:17

2024/2/1学习记录

echarts为柱条添加背景色：若想设置折线图的点的样式，设置series.itemStyle指定填充颜色就好了，设置线的样式设置lineStyle就好了。在折线图中倘若要设置空数据，用'-'表示即可，这对于其他系列的数据也是适用的。若想设置堆叠折线图，可以在series中多设置几条数据，倘若还是看不出来，可以设置areaStyle的样式来突出显示。若想设置折线图的折线，不那么生硬，可以在里面加一
lxh0113·2024-02-03 02:16

React Native - 01 - Hello World!

ReactNative就像React，但它使用本地组件而不是Web组件作为构建块。因此，要理解ReactNative应用程序的基本结构，您需要了解一些基本的React概念，如JSX，组件，状态和道具。
wanqijian·2024-02-03 02:44

React学习记录

大概一年半之前用过React，后来因为工作的原因再也没有接触到React。前端日新月异，室友（也是同行）的提醒，让我有了更强的危机感，模块化开发已是前端基本技能。
一抹春绿误行程·2024-02-03 02:32

React高级指引学习--深入PropTypes

注意:React.PropTypes自Reactv15.5起已弃用。请使用prop-types库代替。随着应用日渐庞大，你可以通过类型检查捕获大量错误。
overflow_hidden·2024-02-03 01:33

React从零基础入门到实战，完成企业级项目简书网站开发

终于追完整部React剧~全部代码可见GitLab项目地址：https://gitee.com/xxxxxl17/jian-shu-react学习笔记：React从零基础入门到实战，完成企业级项目简书网站开发
Xxxxxl17·2024-02-03 01:09

（原创）Lottie动画使用介绍

可以支持iOS、Android和ReactNative，可实时渲染AfterEffects动画，让应用程序使用动画就像使用静态图像一样轻松。
Android_xiong_st·2024-02-03 00:53

【React】React预览docx文件

React预览docx文件封装DocxView组件，用于显示docx文件的预览，支持加载loading效果安装依赖npmi docx-previewimportReact,{useEffect,useRef
郭_昊·2024-02-03 00:49
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他