ReactJs教程

【React系列】高阶组件

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?
川峰·2024-01-05 14:50

Vue 3.0 给我们带来哪些惊喜（1）- 更快虚拟DOM渲染

更快1.新的vdom实现如何实现React中的虚拟DOM（上）如何实现
zidea·2024-01-05 14:51

本地项目运行后使用手机访问network域名显示无网络

不管是vue项目还是react项目，运行后都会有一个本地访问域名和network访问域名。如果想用手机查看本地项目的效果，需要使用network域名。需要满足两个条件：1、在同一局域网。
哇，女前端哎！·2024-01-05 14:56

vue3中状态管理库pinia的安装和使用方法介绍及和vuex的区别

如果你熟悉组合式API的话，你可能会认为可以通过一行简单的exportconststate=reactive({})来共享一个全局状态。
邹荣乐·2024-01-05 13:00

[HOOK]useAsync

因此我们经常需要定义并管理三个状态，并且这套逻辑在项目中是广泛存在的，比如表格页面的例子：因此，可以使用一个自定义HOOK将这部分逻辑抽离出来：import{useEffect,useState,useCallback}from"react
小丸子啦啦啦呀·2024-01-05 13:53

通过componentWillReceiveProps()实现React左右父子页面的联动效果

具体页面效果如下单击“几何图形初步”，右侧子页面显示“几何图形初步”单击"定义"，右侧子页面显示"定义"2.父页面Slider.js：单击具体列表导航栏抛出对应contentInformationredux，(通过react
只如初见0706·2024-01-05 13:13

React全家桶（六）redux状态管理

React全家桶React全家桶地址React全家桶(一)之React入门https://blog.csdn.net/article/124120080React全家桶(二)之组件化编程https://
Armin444·2024-01-05 13:10

React基础入门

系统学习React一.基础知识邂逅React开发React系列一-核心JSX语法一React系列二-核心JSX语法二React系列三-阶段案例练习React系列四-React脚手架React系列五-组件化开发
星霜下逆天生·2024-01-05 13:40

react 和 react-redux ？

1.redux理解1.1.redux是什么redux是一个专门用于做状态管理的JS库(不是react插件库)。它可以用在react,angular,vue等项目中,但基本与react配合使用。
m0_50729201·2024-01-05 13:10

【React系列】Redux(一)管理状态

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?
川峰·2024-01-05 13:37

【React系列】Redux(二)中间件

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?
川峰·2024-01-05 12:26

JSX语法

结构相同，提高开发效率JSX中使用JavaScript表达式1.基本用法语法：{JavaScript表达式}表达式中的数据存储在JS变量中letname='被子'constdv=(你好，我是:{name})ReactDOM.render
beizi·2024-01-05 11:17

重载和多态的使用场景（js的问题）

重载：定义相同名称，不同参数的函数，程序调用时自动识别不同参数的函数实现了相同函数名不同的函数调用js中没有重载，可以通过arguments实现函数重载/***计算正方形或长方形面积*/functionReact
泡芙·草莓·2024-01-05 11:43

React组件库-Guide引导组件

https://mp.weixin.qq.com/s/vrDQEGgOSnKBvHuwZV6vSAhttps://github.com/gilbarbara/react-joyridehttps://github.com
3Alan·2024-01-05 11:23

npm run start启动时提示 A decorated export must export a class declaration报错

问题描述：基于react开发的项目在启动过程中，提示Adecoratedexportmustexportaclassdeclaration报错，如下图所示:解决办法：上面是一个reacthoc高阶组件，
你的牧游哥·2024-01-05 10:37

React 中条件渲染的 N 种方法

本文作者系360奇舞团前端开发工程师条件渲染在React开发中非常重要的功能，它允许开发人员根据条件控制渲染的内容，在创建动态和交互式用户界面方面发挥着至关重要的作用，本文总结了常用的的条件渲染方法。
奇舞周刊·2024-01-05 10:33

JavaScript函数式编程

为什么使用函数式编程函数式编程时随着React的流行受到越来越多的关注Vue3也开始拥抱函数式编程函数式编程可以抛弃this打包过程中可以更好的利用treeshaking过滤无用代码方便测试、方便并行处理有很多库可以帮助我们进行函数式开发
欢欢学编程·2024-01-05 09:10

微前端从零到剖析qiankun源码 -- Module Federation的玩法！

一.为什么会出现ModuleFederation我们用一个图片说明一下关键点每个应用块由不同的组开发TeamATeamB应用或应用块共享其他其他应用块或者库ReactModuleFederation的动机是为了不同开发小组间共同开发一个或者多个应用应用将被划分为更小的应用块
(° ﾛ °)·2024-01-05 09:26

【React系列】React中的CSS

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?
川峰·2024-01-05 08:51

【React系列】Hook（一）基本使用

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?
川峰·2024-01-05 08:51

【React系列】非父子组件通信—Context.Provider共享数据、events库事件总线通信

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?
川峰·2024-01-05 08:21

【taro react】 ---- QRCode 二维码生成

1.需求分析需要将输入的值转换为图片资源；由于只是单纯的展示，所以不需要很多比如加logo等复杂功能；不需要后端生成，直接前端操作；使用的第三方库尽可能小，功能单一；最后选择使用qrcode-generator库，只有40kb。2.使用第三方库qrcode-generator3.转换base64方法exportconstcreateQrCodeImg=function(text,options){
Rattenking·2024-01-05 07:15

React Hooks之useState、useRef

文章目录ReactHooks之useStateReactHooksuseStatedemo：在函数式组件中使用useStateHook管理计数器demo：ant-design-pro中EditableProTable
西京刀客·2024-01-05 07:33

【React系列】React生命周期、setState深入理解、 shouldComponentUpdate和PureComponent性能优化、脚手架

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?
川峰·2024-01-05 07:53

基于多反应堆的高并发服务器【C/C++/Reactor】（中）Buffer的创建和销毁、扩容、写入数据

TcpConnection:封装的就是建立连接之后得到的用于通信的文件描述符，然后基于这个文件描述符，在发送数据的时候，需要把数据先写入到一块内存里边，然后再把这块内存里边的数据发送给客户端，除了发送数据，剩下的就是接收数据。接收数据，把收到的数据先存储到一块内存里边。也就意味着，无论是发送数据还是接收数据，都需要一块内存。并且这块内存是需要使用者自己去创建的。所以就可以把这块内存做封装成Buff
呵呵哒(￣▽￣)"·2024-01-05 07:03

ReactNative Hooks写法抽离子view

constitemTop=(itemName:any,itemIcon:any)=>{return99{itemName}}constIItemTop=(info:any)=>{return99{info.itemName}}constHeadTop=()=>{return{/*{itemTop('In','menuIn')}*/}{itemTop('Received','menuReceived
it_remember·2024-01-05 06:32

ReactNative进阶（五十三）ios组包报错getaddrinfo ENOTFOUND static.realm.io问题修复

文章目录一、前言二、问题分析三、解决方案四、拓展阅读一、前言在jenkins进行iOS组包过程中，控制台报如下错误：FetchError:requesttohttps://static.realm.io/downloads/sync/realm-sync-cocoa-4.7.3.tar.gzfailed,reason:getaddrinfoENOTFOUNDstatic.realm.ioatCli
No Silver Bullet·2024-01-05 06:08

【React系列】Hook（二）高级使用

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?
川峰·2024-01-05 06:59

【React系列】网络框架axios库的使用

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?
川峰·2024-01-05 06:59

【React面试】彻底搞懂 this 指向

本文来自：https://mp.weixin.qq.com/s/hYm0JgBI25grNG_2sCRlTAthis是JavaScript中的一个关键字，但是又一个相对比较特别的关键字，不像function、var、for、if这些关键字一样，可以很清楚的搞清楚它到底是如何使用的。this会在执行上下文中绑定一个对象，但是是根据什么条件绑定的呢？在不同的执行条件下会绑定不同的对象，这也是让人捉摸不
川峰·2024-01-05 06:29

【React系列】JSX核心语法和原理

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?
川峰·2024-01-05 06:25

【React系列】Portals、Fragment

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?
川峰·2024-01-05 06:25

react结合lucky-canvas组件实现大转盘抽奖功能

1.需求有时候在项目开发时，要实现一个大转盘抽奖功能，该如何实现呢？效果图如下：说明:点击"抽奖"按钮,弹出转盘抽奖弹框,弹框说明如下:标题(弹框最上面)弹框渲染图片(如上图$图片)弹框背景图(两张:一张底图一张跟随奖励转动的图)奖励以及图片(奖励从后台获取,并配置到对应的奖励图片数组中)可抽奖次数(转盘中间示意数字)转盘高亮图片(当抽奖完成后,高亮某个中奖图片)跑马灯(转盘周边跑马灯效果)中奖后
zhoupenghui168·2024-01-05 06:54

webpack4+react 多页面打包

目录结构（先创建好）简单说明一下下面有代码的直接粘贴复制有些没有代码的这里先解释一下1.node_modules这个文件夹没什么好说的2.src这个文件夹里面就是我们需要写的（1）.src/component这里一般都是方组件的我没有写组件所以这里空空如也（2）.src/pages这里放的就是打包的页面了（3）.src/pages里面pageinfo.json这个文件是配置单独页面的一些seo之类
招来红月·2024-01-05 05:57

webpack4搭建react环境（单页面路由）记录

一、新建文件夹初始化项目创建package.json文件npminit-y二、安装webpack，webpack4后需要安装webpack-cli会生成package-lock.json文件和node_modules文件夹npmiwebpack--save-devnpmiwebpack-cli--save-dev安装完成后打开package.json文件添加"scripts":{"test":"e
招来红月·2024-01-05 05:57

React 类组件和函数组件

组件（Component）1、组件：能跟其他物件组合起来的物件2、就目前而言，一个返回React元素的“函数”就是组件3、在Vue里，一个构造选项就可以表示一个组件元素与组件元素：constdiv=React.createElement
是周大侠啊·2024-01-05 04:26

Suppressed: reactor.core.publisher.FluxOnAssembly$OnAssemblyException

项目中新增了一个服务，在Gateway网关中配置路由后，报如下错误Thisapplicationhasnoconfigurederrorview,soyouareseeingthisasafallback.SunAug2123:08:53CST2022[9d9770fe-1]Therewasanunexpectederror(type=NotFound,status=404).org.spring
JasonZhang~·2024-01-05 04:12

vue入门

准备开始vue基础内容，结合官方文档进行白话总结，此篇为vue的相关指令以及组件化等，下篇为路由，方便遗忘查看vue基础(1).历史介绍angular09年，年份较早react2013年,用户体验好vue2014
jcxe·2024-01-05 03:01

React组件间的通信

在React中，组件间的通信可以通过以下几种方式实现：父子组件通信：父组件通过props向子组件传递数据或回调函数。子组件通过props接收数据或回调函数，并在需要时调用回调函数向父组件传递数据。
无妄的罪·2024-01-05 03:13

React生命周期

image.pngimage.pngimage.png在render函数里面，每使用一次image.png先经过babel，进行React.createElment的包裹，然后被react和react-dom
未路过·2024-01-05 03:43

Vue.js - Day1

课程介绍前5天：都在学习Vue基本的语法和概念；打包工具Webpack,Gulp后5天：以项目驱动教学；什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React
高手放飞哥·2024-01-05 02:57

RN中常用开源组件

录音react-native-audio录音播放react-native-sound百度地图react-native-baidu-map单图片选择裁剪react-native-image-picker多图选择裁剪
蒋佳飞·2024-01-05 02:35

React Native刷新加载更多

reactnative的刷新加载更多，有多种方案"加载更多"需要点击"加载更多"根据手势向上滑动，自动显示"加载中"第一种方案写一个底部布局，根据当前页面的状态，动态更新底部的文字render(){return
wanTag·2024-01-05 02:28

Vue 中的 ref 与 reactive：让你的应用更具响应性（下）

前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录六、最佳实践和常见陷阱分享一些使用ref和reactive
阿珊和她的猫·2024-01-05 02:42

【React】04-关于React Props的实践

关于ReactProps的实践背景分析和state区别背景React组件相互传参时，除了用state，还会经常看到一个Props对象，关于它的面纱及两者区别，将在文本进行实践及分析。
legendaryhaha·2024-01-05 01:47

【React】03-关于React state(状态) 的实践

背景在学习React组件的过程中，发现state的运用很广泛，但对于它的使用及运行机制还是比较模凌两可的，故找了一些资料学习一下。
legendaryhaha·2024-01-05 01:14

路由的安装顺序

安装前端路由的顺序通常如下：安装前端框架：选择并安装适合你的项目的前端框架，如React、Vue或Angular等。
代码真的养发·2024-01-05 01:13

Reactor线程模型详解

文章目录传统的阻塞式I/OReactor模式单Reactor单线程单Reactor多线程主从Reactor多线程主从Reactor多进程总结：epoll的边缘触发ET和水平触发LT模式的区别：在目前的线程模型中一种是传统阻塞的
Linging_24·2024-01-05 01:25

VUE3-响应式

VUE3-响应式响应式简介为什么使用Proxy图解实现流程DEMO实现讲解DEMO-reactiveDEMO-baseHandlerDEMO-EffectDEMO-Ref响应式简介Vue3引入了新的响应式系统
禅思院·2024-01-05 01:15

Navigator的基本使用

如何使用Navigator导入Navigator，由于Navigator是ReactNative官方所支持的组件，所以不需要安装。
咸鱼Jay·2024-01-05 00:01
上一页 114 115 116 117 118 119 120 121 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他