#React

React学习记录

一、简介1、React是什么？一个将数据渲染为HTML视图的开源JavaScript库，操作DOM呈现页面。
Kw_Chng·2023-12-26 03:56

ReactNative 如何实现页面返回监听

1、componentWillMount()/componentDidMount():事实证明这些方法只会执行一遍,类似于onCreate,从其他界面返回时不会再执行.2、使用this.props.navigation.replace()而不是this.props.navigation.navigate():这种方式会重建界面,所以会执行新界面的componentWillMount()/compo
110susie·2023-12-26 03:47

Echarts饼状图遇到的问题

1.在react-native-secharts中formatter不换行echarts官方文档的series[i]-pie.label.normal.formatter说明中这样说道（标签内容格式器，
110susie·2023-12-26 03:47

react通信

通信的几种方式一般来说，react里边有几种常用的方式：父到子，子到父，兄弟组件之间的通信。
mapleLeaf_X·2023-12-26 02:52

reactor的原理与实现

网络模型前情回顾服务器模型Reactor和ProactorReactor模型Proactor模型同步I/O模拟Poractor模型Libevent，libev，libuv优先级事件循环线程安全前情回顾网络
dearQiHao·2023-12-26 01:24

SSR服务端渲染

简称“SSR”)，服务器端直接返回HTML让浏览器直接渲染客户端渲染(ClientSideRender，简称“CSR”)，页面渲染是JS负责进行的传统CSR的弊端：由于页面显示过程要进行JS文件拉取和React
Poppy11·2023-12-26 01:40

Reactor 和 Proactor模式，IO复用与epoll、同步IO，异步IO与协程

汽车软件中的CPU密集与IO密集任务在汽车软件中，涉及到ADAS的长期占用CPU的计算任务可以算的上是CPU密集型。另外的，众多SOA原子服务或者各种数据收集、处理、分发、log系统，应该算是IO密集型任务。寻求一些手段优化IO性能的原因在过去开发应用或者中间件时，使用Linux提供的接口，例如直接socket，一般就两种模式，实质上是使用了同步IO：1、开启循环子线程，阻塞在socket接收处。
小羊苏C·2023-12-26 01:46

【react.js + hooks】useGuide 创建用户引导视图

有的时候用户可能对网站上的一些操作流程感到困惑，这时候我们需要为用户创建引导视图。为了插入指引而专门去更改组件的渲染函数，显然是不合逻辑的，创建指引视图应该是一种对源代码低侵入的行为，我们可以遵循某一套约定，使之变成一种类插件化的机制。useGuide设计思路为需要引导的网页元素指定唯一的id，当引导开始时，创建一个全屏的遮罩，当引导到该元素时，高亮该元素，并创建一个辅助元素挂载到具有唯一id的该
Evanpatchouli℃·2023-12-26 00:20

vue和react的区别是什么

首先介绍一下什么是vueVue是一个轻量级的前端框架，由尤雨溪于2014年开始开发。Vue采用了MVVM（Model-View-ViewModel）模式，通过数据双向绑定和组件化开发的方式，让前端开发更加简单、高效、可维护。Vue的主要特点包括：响应式数据绑定：使用Vue可以将数据和视图进行绑定，当数据发生改变时，视图会自动更新。组件化开发：Vue将页面拆分成一个个独立的组件，每个组件都有自己的数
嘘~！·2023-12-25 23:40

我的代码我的坑（十四） —— Xcode 12.5中React编译不过的问题（一）

版本记录版本号时间V1.02021.04.29星期四前言做了好几个APP，碰到了大大小小的很多坑，以前碰到坑，解决了就结束了，这里想把自己碰到的坑记录下来，一来给自己备查二来希望可以帮助到大家。感兴趣的可以关注下，也欢迎大家补充留言，感兴趣的看上面几篇文章。1.我的代码我的坑（一）——自签名证书导致请求取消的问题（一）2.我的代码我的坑（二）——UIImageView动画点击后动画和图片消失的问题
刀客传奇·2023-12-25 23:10

2018-02-12

TheMuddledOriginsofValentine'sDayValentine'sDayisatimetocelebrateromanceandloveandsendlovey-doveykissymessagestoyourpartner.Buttheoriginsofthisfestivalofcandyandcupidsareactuallyabitdark
新心断点·2023-12-25 22:52

如何使用Spring中的Reactor。Reactor中常用的操作。Mono和Flux。

反应式编程的规范二、上手反应式编程（使用Spring中的Reactor）对比反应式编程和命令式编程代码添加相应依赖Mono和Flux三、反应式编程的常见操作1.创建操作根据对象创建根据数组创建根据List
ZhaoSimonone·2023-12-25 22:27

「架构」全链路异步模式

使用高性能的通信框架Netty，这是一个基于NIO非阻塞IO+Reactor纯异步线程模型的纯异步化框架springcloudgetway它是基于spring5.0、springboot2.0和springreacter
人工智·2023-12-25 22:51

最新版本Vue3的学习笔记-第三章(下部)

reactive定义的数据。函数返回一个值（getter函数）。一个包含上述内容的数组。我们在Vue3中使用
.徐十三.·2023-12-25 22:19

【React Native】第一个Android应用

AndroidStudio首次安装模板选择安装AndroidSDK配置ANDROID_HOME环境变量把一些工具目录添加到环境变量Path[可选参数]指定版本或项目模板运行使用Android模拟器编译并运行ReactNative
東方幻想郷·2023-12-25 20:51

Gateway服务网关的配置

Gateway介绍；SpringCloudGateway是SpringCloud的一个全新项目，该项目是基于Spring5.0，SpringBoot2.0和ProjectReactor等响应式编程和事件流技术开发的网关
Winter.169·2023-12-25 20:49

搭建react+ant design pro+umi 项目框架

一、写本文的原因我搭建react+antd+umi这个框架的原始资料主要是来源于（React+Umi4从零快速搭建中后台系统保姆级记录教程（一、项目创建及初始化））而我写这篇文章的本意就是用来记录我用搭建时候的步骤汇总
前端菜鸟来报道·2023-12-25 20:13

docusaurus简介及使用心得

同类竞品还有vuepress，docusaurus是基于react，而vuepress是基于vue的特点启动简单：Docusaurus的构建可以在很短的时间内启动和运行。Do
guhy fighting·2023-12-25 18:19

gitlab注册无中国区电话验证问题

修改dom，对于现在的VUE、React框架来说是没有用的，所以不用尝试。直接看请求，用魔法打败魔法。
guhy fighting·2023-12-25 18:16

墨墨背单词2019年五月份官方分享例句

2019年05月02日星期四Yourproblemisn'ttheproblem.Yourreactionistheproblem.你的问题不是真
传说中的汽水枪·2023-12-25 18:50

【vue3源码】二、vue3的响应系统分析

vue3的响应系统分析前言参考代码版本：vue3.2.37官方文档：https://vuejs.org/vue3的响应式处理主要集中在packages/reactivity/src/effect.ts文件中
MAXLZ·2023-12-25 17:33

Ant Design中Spin组件使用（以表格加载为例）

importReact,{Component}from'react'import{Table,Spin}from'antd';importaxiosfrom'axios'exportdefaultclassHomeextendsComponent
duansamve·2023-12-25 17:17

React 路由传参

引言在上一篇中，我们学习了React中使用路由技术，以及如何使用MyNavLink去优化使用路由时的代码冗余的情况。
duansamve·2023-12-25 17:17

React 路由跳转

1.push与replace模式默认情况下，开启的是push模式，也就是说，每次点击跳转，都会向栈中压入一个新的地址，在点击返回时，可以返回到上一个打开的地址，就像上图一样，我们每次返回都会返回到上一次点击的地址中当我们在读消息的时候，有时候我们可能会不喜欢这种繁琐的跳转，我们可以开启replace模式，这种模式与push模式不同，它会将当前地址替换成点击的地址，也就是替换了新的栈顶我们只需要在需
duansamve·2023-12-25 17:17

React中插入图片的几种方式

一、通过import方式（适用于插入静态图片）：importReactfrom'react'importlogofrom'.
duansamve·2023-12-25 17:16

React 路由

引言在我们之前写的页面当中，用我们的惯用思维去思考的话，可能会需要写很多的页面，例如做一个tab栏，我们可能会想每个选项都要对应一个HTML文件，这样会很麻烦，甚至不友好，我们把这种称为MPA也叫多页面应用。1.SPA而为了减少这样的情况，我们还有另一种应用，叫做SPA，单页应用程序它比传统的Web应用程序更快，因为它们在Web浏览器本身而不是在服务器上执行逻辑。在初始页面加载后，只有数据来回发送
duansamve·2023-12-25 17:45

hot-loader migrating from create-react-app

reacthotloader是什么ReactHotLoaderisapluginforWebpackthatallowsinstantaneousliverefreshwithoutlosingstatewhileeditingReactcomponents
司鑫·2023-12-25 16:24

webpack构建前端工程

1)构建前端工程化前言，当我们写vue/React项目的时候，往往会使用官方推荐的脚手架工具自动生成项目，例vue-cli/react-cli脚手架，那今天我们就自己手动构建一个前端工程。
十年之后_b94a·2023-12-25 16:52

ReactRouter使用详解（react-router-dom）

一、创建路由开发环境（使用路由采用CRA创建项目的方式进行基础环境配置）一、创建路由开发环境（使用路由采用CRA创建项目的方式进行基础环境配置）1.创建项目并安装依赖npxcreate-react-appreact-router-pronpmi2
怕冷的火焰（~杰）·2023-12-25 15:44

cra(create-react-app)配置别名路径@ 以及Vscode联想路径配置

CRA本身把webpack配置包装到了黑盒里无法直接修改，需要借助一个插件-craco一、配置步骤：1.安装craconpmi-D@craco/craco2.项目根目录下创建配置文件craco.config.js（与src同级）3.配置文件中添加路径解析配置（代码如下方二具体代码所示）4.包文件中配置启动和打包命令（代码如下方二具体代码所示）二、具体代码1.craco.config.js代码如下所
怕冷的火焰（~杰）·2023-12-25 15:14

JS获取地址栏参数的方法（原生、vue、angular、react）

1.2传统方法截取实现（第二种方法）2.Vue框架实现：2.1查询参数获取（场景一）2.2获取路径参数（场景二）3.Angular框架实现：3.1矩阵URL参数获取（场景一）3.2传统获取（场景二）4.React
富朝阳·2023-12-25 15:42

【React学习】React路由 v6

1.React路由分类React有三种路由react-router-dom：用于浏览器的路由BrowerRouter基于浏览器的historyHashRouter基于地址部分的hash值（路由带“#”）
周兴·2023-12-25 15:32

react 路由 v6 数组配置路由

reactv6路由跟以前的版本有较大的区别，这里就不做区别了，主要是介绍v6路由导航的使用：步骤一：安装最新的react-router-domnpm方式npmireact-router-dim-----
F_cy·2023-12-25 15:02

最新版React router v6路由写法

reactrouterv6使用案例v6版本相比v5使用上发生了一些改变v6版本相比v5使用上发生了一些改变在浏览器中使用路由，从react-router-dom中导入BrowserRouter使用link
胡萝卜不会写代码·2023-12-25 15:32

React路由v6+antd+路由鉴权

一、React路由简介React官方并没有提供对应的路由插件，因此，我们需要下载第三方的路由插件——ReactRouter。ReactRouter在2021年11月份的时候更新v6的版本。
张大爷爱遛弯·2023-12-25 15:32

reactnavigation V6 嵌套路由

文章目录前言一、安装相关包二、编写菜单组件Menu三、配置路由四、在app.js中引用路由前言最近在写RN项目，浅浅记录一下reactnavigation的嵌套路由实现大概实现效果如下与一般的APP不同的是没有底部
小雪Margain·2023-12-25 15:31

React路由V6技术文档

ReactRouter6快速上手1.概述ReactRouter以三个不同的包发布到npm上，它们分别为：react-router:路由的核心库，提供了很多的：组件、钩子。
十友九·2023-12-25 15:31

React 路由 V6

React路由概述安装路由引入路由的使用HashRouterBrowserRouterRoutes与RouteLinkNavLinkNavigateOutlet新增HookuseNavigate()其它概述与
Boulettes·2023-12-25 15:01

react-router-dom6和5区别

file=src/App.jsx官网：https://reactrouter.com1.useHistory钩子废弃，改为useNavigate钩子import{useNavigate}from"react-router-dom
柒君·2023-12-25 15:01

React 路由v6 抽离成路由表 重定向 及 嵌套路由

在项目文件夹Src下面创建router文件夹，文件夹下创建index.js文件，编写路由。index.js写路由表，path:路由名称，element:路由对应渲染的组件名称。Navigate重定向；（千万别忘exportdefault导出这个路由表数组。）importHomeboxfrom"../componests/Homebox"importLoginfrom"../componests/L
万物得其道者成·2023-12-25 15:30

React 路由v6 使用

将Switch改换为Routes将HashRouter换为BrowserRouter将component换为element={}将Redirect换为Navigate
m0_71249454·2023-12-25 15:30

react路由v6版本NavLink的两个小坑及解决

本人新人，是按照文档进行学习的，今遇到两个小坑，现记录如下：第一点，当前版本的NavLink的style或者className当中的isActive，不需要你对isActive进行任何操作，基本上照官网抄就可以了，会自动对isActive属性进行切换。在我看到相关文章中，好像在之前的版本中习惯使用内部的state对isActive进行true到false的转换。当然，以上只是一个小问题，最重要的是
码云笔记·2023-12-25 15:30

【REACT-路由v6】

REACT-路由v61.App.js2.搭建路由2.1普通写法2.2使用useRoutes构建路由2.3重定向封装2.4嵌套路由中的组件Outlet3.导航跳转3.2声明式导航（NavLink标签）3.2
历目·2023-12-25 15:59

react 路由 V6新特性总结

1、Switch单一匹配变为Routes2、component/render变为element3、默认显示路由添加index属性，默认为true4、Redirect组件取消变为Navigate5、使用useNavigate替代了useHistory使用useNavigate替代了useHistory用来跳转路由并能传递参数6、v6移出了WithRouter，添加了一些新的hooks因为v6移出了W
富贵2323·2023-12-25 15:58

03-React路由V6的使用

1.安装路由依赖包react-router-domv6整体体验相对于v5，体验要好更多，最⼤的⼀个改变，就是曾经的Route不可嵌套，整个路由配置必须拆分成若⼲⼩块，除⾮通过react-router-config
朝朝忆萍·2023-12-25 15:58

react 路由v6

这里是区别：V5vsV6这里是官网：可以查看更多高级属性一、基本使用：1、配置文件src/routes/indeximportReactfrom"react";constHome=React.lazy(
这个昵称也不能用吗？·2023-12-25 15:26

vue3+echart图表之仪表盘gauge

gaugeOne.vue'importgaugeTwofrom'@/components/gaugeTwo.vue'子组件gaugeOne子组件import*asechartsfrom'echarts';import{reactive
00代码搬运工·2023-12-25 14:55

vue3+element ui组件库el-cascader层联选择器动态加载数据，动态加载省市区县镇街道数据,点击第一级请求数据，根据leaf判断是否有子项，第二级....等，原理同上

1.效果图2.HTML取消确定3.js//准备数据letoptions=reactive([])letdialogVisible=ref(false)//控制弹层constarea=()=>{dialogVisible
00代码搬运工·2023-12-25 14:54

Vue2从源码角度来回答一些常见的问题

针对对象格式会给每个对象的属性进行劫持Object.defineProperty源码层面initData->observe->defineReactive方法(内部对所有属性进行了重写性能问题)递归增加对象中的对象增加
A &......·2023-12-25 14:52

基于多反应堆的高并发服务器【C/C++/Reactor】（中）Dispatcher模块的实现思路和定义

（四）Dispatcher模块的实现思路关于dispatcher，它应该是反应堆模型里边的核心组成部分，因为如果说这个反应堆模型里边有事件需要处理，或者说有事件需要检测，那么是需要通过这个poll、epoll或者select来完成的。dispatcher有三个组成部分，它们并不是互相依存的，而是互斥的。就是我们在选择的时候，只能任选其一。不管使用哪一个，都可以往这个模型里边添加一个新的待检测事件，
呵呵哒(￣▽￣)"·2023-12-25 12:51
上一页 125 126 127 128 129 130 131 132 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他