react前后端第27页

后端程序员入门react笔记——react的生命周期（二）

React常用的钩子函数constructor这个函数我们太常见了，在初始化类的state的时候，或者初始化类的props的时候都会用到，就是一个类的构造函数。

老A技术联盟·2024-02-05 15:07

vue全家桶之路由管理Vue-Router

因为我们生活中都会用到路由器：事实上，路由器主要维护的是一个映射表；映射表会决定数据的流向；路由的概念在软件工程中出现，最早是在后端路由中实现的，原因是web的发展主要经历了这样一些阶段：后端路由阶段；前后端分离阶段

DustinWangq·2024-02-05 14:11

react+vue 前端国密算法sm2、sm3 、sm4的js ts实现

1.简单介绍下SM2和SM3SM2算法：是一种公钥加密算法，它的密钥长度为256位，安全性较高。可用于数字签名、密钥协商等场景。SM3算法：是一种对称加密算法，用于消息摘要和数字签名等场景。它的密钥长度为256位，安全性较高。SM3算法与SM2算法相互配合，提高了整体安全性能。2.接下来讲前端如何实现安装npminstallsm-cryptoyarnaddsm-cryptosm2、sm3引入写法r

柳絮泡泡·2024-02-05 12:15

ReactNative实现弧形拖动条

我们直接看效果先看下面的使用代码this.handleEmailSbp(changeValue)}onChange={(changeValue:number)=>this.handleEmailDpd(changeValue)}contentContainerStyle={styles.contentContainerStyle}strokeWidth={10}buttonBorderColor=

xvzhengyang·2024-02-05 12:42

ReactNative实现宽度变化实现的动画效果

效果如上图所示，通过修改设备宽度实现动画效果importReact,{useRef,useEffect,useState}from'react';import{Animated,Text,View,Image

xvzhengyang·2024-02-05 12:42

ReactNative实现文本渐变

我们直接上图，可以看到上面文本的效果，使用SVG实现1.首先还是要引入react-native-svg库2.使用该库下面的LinearGradient和Text好，话不多说，我们看具体代码文字是渐变色

xvzhengyang·2024-02-05 12:12

react将选中本文自动滑动到容器可视区域内

//自动滚动到可视区域内useEffect(()=>{consttarget=ref;constwrapper=wrapperRef?.current;if(target&&wrapperRef){constrect=target.getBoundingClientRect();constwrapperRect=wrapper.getBoundingClientRect();constisVisi

mytac·2024-02-05 12:11

React 常用 Hooks

React常用Hooks简介ReactHooks是React16.8中引入的一项功能，它允许你在不编写class的情况下使用state和其他React特性。

wakangda·2024-02-05 12:40

react 拖拽连接插件_在 React 中实现拖拽功能-使用插件 react-beautiful-dnd

拖拽功能在平时开发中是很常见的，这篇文章主要使用react-beautiful-dnd插件实现此功能。

weixin_39880895·2024-02-05 12:22

【React】react-beautiful-dnd 拖拽排序功能的实现

如果react项目中需要用到拖拽功能，可以使用react-beautiful-dnd插件。

qing_小诺·2024-02-05 12:21

React中的json对象

js中json对象操作：1.取json对象里的属性值两种方式：（1）对象方式（带点）：jsonObject.字段名（2）字符串(带方括号)：jsonObject['xxxxxx']模板字符串(带方括号)：jsonObject[`xxxxxx${index}`]

天蒙蒙亮·2024-02-05 12:21

React报警告，warning: React does not recognize the `subTitle` prop on a DOM element.

warning:Reactdoesnotrecognizethe`subTitle`proponaDOMelement.IfyouintentionallywantittoappearintheDOMasacustomattribute

天蒙蒙亮·2024-02-05 12:21

使用react-beautiful-dnd实现列表间拖拽排序功能

不支持嵌套Droppable：用于包装接收拖拽元素的组件,使被拖动元素可以放置该区域Draggalbe：用于包装你需要拖动的组件,使组件能够被拖拽使用方法1、在项目package.json添加相应版本号"react-beautifu

LJ_759482·2024-02-05 12:19

React 中实现拖拽功能-插件 react-beautiful-dnd

拖拽功能在平时开发中是很常见的，这篇文章主要使用react-beautiful-dnd插件实现此功能。

天蒙蒙亮·2024-02-05 12:49

vue介绍和使用

1、渐进式的JavaScript框架复制代码AngularReactVue作者google公司facebook公司尤雨溪组织方式MVC模块化模块化数据绑定双向绑定单向绑定双向绑定模板能力强大自由自由自由度较小大

xmh-sxh-1314·2024-02-05 12:40

Vue3 父子组件传值和互调方法

1.父组件代码:constchildComp=ref(null); //传给子组件的refconstto_child=reactive({ //传给子组件的值，这里是对象，也可以传普通数据类型

y523648·2024-02-05 11:49

vue3 父子组件相互传值技巧

/Menu/index.vue'import{ref,reactive}from'vue'constmenus=ref(null);constlist=reactive([1,2,3]);//flag不定义

老胡说前端·2024-02-05 11:14

el-cascader组件回显

constpropsData=reactive({label:'payTypeName',value:'payTypeCode',children:'nodes',multiple:true,});consthandleCasChange

曲小强·2024-02-05 11:40

Vue3中ref与reactive的用法详解——ref

而在Vue3的响应式系统中使用了ref和reactive这两个核心概念，它们为开发者提供了处理响应式数据的不同方式。理解它们的特性和区

_Minato_·2024-02-05 11:09

【Vue3】 Vue-Router路由和路由导航守卫

路由前后端分离阶段路由单页面富应用阶段前端路由如何做到URL和内容进行映射?

博主花神·2024-02-05 11:23

web 技术栈有哪些？

常用的前端框架和库如React、Vue、Angular等，可以加速开发。前端框架和库：React.js、Vue.js、Angular等，用于简化和加速前端开发

老马啸西风·2024-02-05 11:42

jss/css/html 相关的技术栈有哪些？

React：React是由Facebook开发的用于构建用户界面的JavaScript库。它采用组件化的开发模式，使得构建复杂的用户界面变得更加容易。Vue.js：Vue.js是一个渐进式Jav

老马啸西风·2024-02-05 11:36

【码农新闻】把人累成马咧......

目录【码农新闻】把人累成马咧......关于前后端联调规范的那点事把人累成马咧。。。。。。文章所属专区码农新闻欢迎各位编程大佬，技术达人，以及对编程充满热情的朋友们，来到我们的程序员新闻专栏！

顶子哥·2024-02-05 10:07

【Spring连载】使用Spring Data访问Redis（十）----Lua脚本支持Scripting

脚本可以通过调用RedisTemplate和ReactiveRedisTemplate的execute方法来运行。两者都

85程序员老王·2024-02-05 10:04

基于SpringBoot3从零配置SpringDoc

为了方便调试，更好的服务于前后端分离式的工作模式，我们给项目引入Swagger。

小雅痞·2024-02-05 09:08

【React】redux状态管理、react-redux状态管理高级封装模块化

【React】react组件传参、redux状态管理一、redux全局状态管理1、redux概述2、redux的组成1.1State-状态1.2Action-事件1.3Reducer1.4Store3、

香菜啵子欸·2024-02-05 09:37

解决java.lang.ClassCastException

目录问题原因解决方案问题前后端分离开发中，往往需要统一封装返回数据用到一个Result类包装多个接口：重复劳动并不优雅，于是想用@RestControllerAdvice做控制器拦截增强，进行封装。

蒾酒·2024-02-05 09:04

Django restframwork中使用分页及实现自定义分页

架构中如何使用分页，可以参考之前的文章django自定义分页类和使用总结DjangoRestFramework中分页限制今天开篇我们先不讲如何使用，我们先说Django+restframework实现前后端分离项目开发时

菩提老鹰·2024-02-05 09:24

React+Django项目部署过程

React项目介绍很早就有搭博客的想法，近期才去做这件事，花了几天搞了个小博客。本文不讲技术，额，也讲不来，只记录部署的过程。

菜菜少吃菜·2024-02-05 08:51

RocketMQ设计

文章目录前言一、消息存储1.消息存储整体架构2.页缓存与内存映射3.消息刷盘二、通信机制1.Remoting通信类结构2.协议设计与编解码3.消息的通信方式和流程4.Reactor多线程设计三、消息过滤四

倜傥村的少年·2024-02-05 08:19

React 结合 react-i18next 实现中英文切换

简介：react-i18next是基于i18next的一款强大的国际化框架，可以用于react和react-native应用，是目前非常主流的国际化解决方案。

Mr.superboy·2024-02-05 08:15

React国际化，基于react-i18next

React国际化，基于react-i18next最近接到一个新的任务，一个项目需要集成到已有项目，并且要做国际化。国际化可以使web站点或者app在不同的国家或者地区使用。

确实菜，真的爱·2024-02-05 08:45

react项目实现前端国际化(react+react-i18next)

1.安装react-i18nextnpminstallreact-i18nexti18next--save2.代码结构i18n的配置i18n.jsimporti18nfrom"i18next";import

袖子味·2024-02-05 08:45

React 中 react-i18next 切换语言（项目国际化）

在React中，使用react-i18next切换中英文目录在React中，使用react-i18next切换中英文一、安装依赖二、文件配置1、config.ts2、zh.json3、en.json三、

Jas555·2024-02-05 08:12

前端开发中不同语言【react-i18next】

目录查看并设置语言单页面：htmllang编辑浏览器自定义翻译：react-i18next设置模块：staticData.ts散(重复利用)：命名空间.json应用准备html标签查看并设置语言单页面：

参宿7·2024-02-05 08:41

数据绑定原理

1、拼接字符串2、前端模板引擎3、react实现通过VirtualDOM算法检查DOM的变动的刷新机制。二、数据双向绑定原理指数据模型和视图之间的双向

weixin_30653023·2024-02-05 08:38

DataBinding使用详解-Google官方的视图绑定

几年前，数据绑定在便已在前端界风生水起，Angular.js、React.js、vue.js等热门前端框架都具备这种能力。

ZhangQiang-·2024-02-05 08:07

2024三掌柜赠书活动第四期： Next.js实战，构建现代化的可扩展Web应用

目录摘要前言Next.js简介关于《Next.js实战》实战示例最佳实践和进阶应用编辑推荐内容简介作者简介图书目录书中前言/序言《Next.js实战》全书速览结束语摘要：本文将介绍Next.js，一个流行的React

三掌柜666·2024-02-05 08:04

[Angular 基础] - 数据绑定(databinding)

的渲染过程及组件的创建&简单学习：[Angular基础]-Angular渲染过程&组件的创建Angular之中的databinding是一个相对而言更加复杂，以及我个人觉得相对而言比较灵活的部分——较之React

GoldenaArcher·2024-02-05 08:34

docker 构建个人博客网站

、打包docker镜像并上传dockerhub【1】注册dockerhub账号https://hub.docker.com/【2】在dockerhub建对应的仓库【3】登录dockerhub并打包上传前后端镜像

会飞的大鱼吃小鱼·2024-02-05 08:29

reactive 与 ref 的区别

在Vue.js中，reactive是Vue3引入的一个新的API，用于创建响应式对象。这种方法是CompositionAPI的一部分，它提供了一种更灵活的方式来组织和重用逻辑。

weixin_45782719·2024-02-05 07:12

(十五)ATP应用测试平台——使用JustAuth快速集成前后端分离的第三方扫码授权登录功能

前言扫码登录已经是很多官方网站的标配，为了快速登录一个网站，避免繁琐的注册、登录流程，很多网站都会选择跳过自身的注册登录功能，授权用户第三方登录，如微信扫码登录、百度扫码登录等等。本节内容我们以百度扫码登录为例，便于演示。（微信扫码需要公司账号注册，这里就果断放弃了，有账号的小伙伴可自行配置验证）其它登录只需要加入相应的配置即可集成，作者这里使用java反射机制实例化对应的扫码登录实例，所以代码层

厉害哥哥吖·2024-02-05 07:07

（十一）springboot实战——springboot3下关于WebFlux项目的一些常用功能整合

前言本节内容主要是对webflux项目一些常用功能的介绍，例如系统集成swagger接口文档，方便接口测试以及前后端项目联调测试；使用actuator完成系统各种指标的监控功能；系统使用logback日志框架完成项目日志的收集

厉害哥哥吖·2024-02-05 07:28

React实例之完善布局菜单（一）

今天我们来用所学的知识来做一个布局菜单的组件,针对这个组件我之前写过一个教程React之布局菜单-CSDN博客，那个呢比较基础，这节课算是对那个教程的一个扩展和补充。

码蚁先生·2024-02-05 07:15

React实例之完善布局菜单（二）

我们继续未完的课程。我们已经设计完所有theme的有关逻辑和代码了。接下来就是菜单部分，首先，菜单分为菜单头和菜单列表，还有收缩模式和缩略模式。为配置能用化的考虑，我们在菜单配置方面采用了Json数组。而菜单本身的数据状态和App的业务逻辑是没有关联的。所以我们尽可能的把两者隔离开。组件间的状态共享一般通过Props、state、及Reducer这么种方式。对于单层状态的上下传递我们采用Props