前端框架－react 第10页

React低代码项目：用户登陆

吐司问卷：用户登陆Date:February17,20254:12PM(GMT+8)JWT**概念：**登陆成功后，服务端返回一个tokenJWT组成：JWT由三个部分组成：头部（Header）、载荷（Payload）和签名（Signature）。它们通过点（.）连接，格式如下：header.payload.signature示例：假设用户登录成功，后端生成了一个JWT，格式如下：eyJhbGci

CaptainDrake·2025-02-28 07:53

一个基于 React + SpringBoot 的在线多功能问卷系统（附源码）

简介：一个基于React+SpringBoot的在线多功能问卷系统前端技术栈：React、React-Router、Webpack、Antd、Zustand、Echarts、DnDKit后端技术栈：SpringBoot

程序员-李旭亮·2025-02-28 07:23

React Native 0.76：重大更新引领移动开发新潮流

博主小程序体验|博主公众号分享2024年10月23日，ReactNative发布了具有里程碑意义的0.76版本，这一版本带来了众多令人瞩目的更新，将对移动应用开发产生深远影响。

·2025-02-28 06:39

Vue的单元测试和端到端测试：确保组件可靠性与应用完整性

Vue.js作为流行的前端框架，提供了一套完善的测试工具和生态系统，支持开发者进行单元测试和端到端测试。本文将深入探讨如何为Vue组件编写单元测试，并讨论如何使用Cypress等工具进行端到端测试。

哎你看·2025-02-28 04:01

现代前端框架渲染机制深度解析：虚拟DOM到编译时优化

引言：前端框架的性能进化论TikTokWeb将React18迁移至Vue3后，点击响应延迟降低42%，内存占用减少35%。Shopify采用Svelte重构核心交互模块，首帧渲染速度提升580%。

桂月二二·2025-02-28 03:23

RN React Native 使用Flatlist出现的问题

因为我们项目需要兼容app端，pcweb端以及移动web端，有些代码在移动端的时候没有问题，但是一旦在pc端，就会发现有bug，于是记录一下，pc端的bug原因1.出现闪屏，一直调用加载更多函数的原因其实闪屏与频繁调用加载函数是一起的，解决了调用加载函数的问题就能解决闪屏问题。flatlist组件有两个参数onEndReachedThreshold和onEndReached，前者用来判断何时调用e

好好学习99·2025-02-27 19:09

react-native入门之核心组件与原生组件

文档：核心组件与原生组件·ReactNative中文网1.简介ReactNative是一个使用React和应用平台的原生功能来构建Android和iOS应用的开源框架。

crayon-shin-chan·2025-02-27 19:08

为什么“记住密码”适合持久化？

持久化存储方案：ReactNative推荐使用AsyncStorage或SecureStore（Expo）Web端可以用localStorage/IndexedDB/Cookies✅特性2：不受组件生命周期影响记住密码的逻辑应该独立于

十步杀一人_千里不留行·2025-02-27 18:38

React Native 0.76正式版发布，带来多项目更新

去年10月，ReactNative0.76版本更新，主要更新的内容有默认启用了新架构，并引入了ReactNativeDevTools。

xiangzhihong8·2025-02-27 18:02

React面试（一）

文章目录1.vue和react有什么异同2.useEffect中为什么不能使用异步3.useEffect和useLayoutEffect的区别4.react的生命周期5.state和prop的区别6.受控组件和非受控组件

束尘·2025-02-27 17:26

react 中，使用antd layout布局中的sider 做sider的展开和收起功能

一话不多说，先展示效果：展开时：收起时：二、实现代码如下react文件importReact,{useState}from'react';import{Layout}from'antd';importstylesfrom

菜鸟一只请包涵·2025-02-27 17:22

[oAuth2授权]Web前端+Node&Coze API Web后端程序+Coze授权服务器工作流程架构流程图详解

嗯，用户之前已经了解了如何使用React和Node.js结合CozeAPI实现OAuth2授权，现在他们具体想实现的是在Web应用中，当用户点击一个按钮（比如“和Bot对话”）时，触发授权流程，重定向到

GISer_Jinger·2025-02-27 16:20

深入探讨 Vue 3 响应式 API：为什么 ref/reactive 需要类型匹配？

一、Vue3响应式系统基础在Vue3的CompositionAPI中，ref和reactive是构建响应式数据的核心工具。

斯~内克·2025-02-27 14:31

React低代码项目：Redux 状态管理

吐司问卷：Redux状态管理Date:February18,20255:37PM(GMT+8)Redux管理用户信息命名规范：以Info结尾表示获取Reudx信息，比如useGetUserInfo.ts以data结尾表示获取服务端信息，比如useLoadQuestionData采用Redux管理用户信息Reduxstore设计：src/store/index.tsimport{configureS

CaptainDrake·2025-02-27 13:54

Svelte 最新中文文档教程（22）—— 自定义元素

前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。

·2025-02-27 13:56

《从零到全栈：Bootstrap 响应式布局指南》

Bootstrap是一个基于HTML、CSS和JavaScript的开源前端框架，主要用于快速构建响应式网页。

CodeComposer·2025-02-27 11:39

PubSubJS的基本使用

PubSubJSisatopic-basedpublish/subscribelibrarywritteninJavaScript.即一个利用JavaScript进行发布/订阅的库使用React+TypeScript

SarinaDu·2025-02-27 10:04

当Vue组件的复用性不是很高的时候，组件化还有必要用vue吗？

图片:Vue作为一个轻量级的前端框架，在个性化开发中的使用非常广泛，尤其是其组件化开发的思想可以有效提升开发效率、可维护性和代码复用性。

百锦再@新空间代码工作室·2025-02-27 04:13

与Vue共舞：从初识到构建数字世界的艺术之旅

当时的JavaScript世界正经历框架混战：Angular的复杂配置令人却步，React的函数式思维需要哲学顿悟。

skyksksksksks·2025-02-27 03:05

在React、Vue中使用vanilla-jsoneditor

在React中使用vanilla-jsoneditor一、使用vanilla-jsoneditor的场景1.安装依赖1.1安装vanilla-jsoneditor和React1.1安装vanilla-jsoneditor

ts_shinian_web·2025-02-27 01:49

react使用react-quill 富文本插件、加入handlers富文本不显示解决办法

可以调整图片大小quill-image-resize-module-react加入插件quill-image-resize-module-reactQuill.register("modules/imageResize

初遇你时动了情·2025-02-27 00:47

React module CSS（React模块样式）

React模块样式导入简介一开始开发react项目使用的是.css样式，在.js文件中引入并使用className，但是项目合并后发现.css样式会影响项目中其他组件的样式，然而在react中又不可以直接编写局部样式

断下句号·2025-02-27 00:46

LLMs之ReACT-Agent：ReACT-Agent简介、实现及其使用方法(MReACT/AutoReACT)、案例应用(比如采用ReAct框架让LLM稳定输出JSON格式数据)之详细攻略

LLMs之ReACT-Agent：ReACT-Agent简介、实现及其使用方法(MReACT/AutoReACT)、案例应用(比如采用ReAct框架让LLM稳定输出JSON格式数据)之详细攻略目录相关文章

一个处女座的程序猿·2025-02-27 00:46

【Python大语言模型系列】如何在LangChain中使用ReAct构建AI Agent（案例+源码）

ReAct（ReasoningandAction）是一个框架，其核心思想，就是通过思维链的方式，引导模型将复杂问题进行拆分，一步一步地

脱泥不tony·2025-02-27 00:12

react module.scss 避免全局冲突类似vue中scoped

创建index.module.scss文件src/components/MyComponent/index.module.scssindex.tsx2.编写index.module.scss内容//src/components/MyComponent/index.module.scss.container{padding:20px;background-color:#f0f0f0;.title{f

初遇你时动了情·2025-02-27 00:42

Svelte 最新中文文档教程（20）—— TypeScript

前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。

·2025-02-27 00:11

请解释 React 中的 Hooks，何时使用 Hooks 更合适？

Hooks是React16.8引入的函数式编程范式，允许在函数组件中使用状态管理和生命周期能力。就像给函数组件装上了"智能芯片"，让原本只能做简单展示的组件具备了处理复杂逻辑的能力。

程序员黄同学·2025-02-26 22:59

React 进阶阶段学习计划

React进阶阶段学习计划目标掌握自定义Hooks的创建和使用。深入理解上下文（Context）和Redux的高级用法。学会服务端渲染（SSR）。深入探讨性能优化技巧。

夜游猿·2025-02-26 17:24

React 高级阶段学习计划

React高级阶段学习计划目标深入理解React的渲染机制和性能优化。学会代码分割和懒加载。掌握单元测试和集成测试。学习TypeScript与React的结合。

夜游猿·2025-02-26 17:23

用JavaScript在React中实现Word文档和Markdown互转

在现代Web开发的世界里，React作为构建用户界面的领先库，经常需要处理各种类型的数据转换和展示任务。

·2025-02-26 14:16

业务线接入前端异常监控sentry

1.前端异常处理的框架对比是否开源收费语言监控范围sentry是自己搭建服务器（免费）价格英文Angular、AngularJs、Backbone、Ember、JavaScript、React、Vue.

weixin_33711647·2025-02-26 13:54

React 开发全面指南：核心 API、方法函数及属性详解

React作为当前最流行的前端框架之一，凭借其组件化、声明式编程和高效的虚拟DOM机制，成为构建复杂用户界面的首选工具。

北辰alk·2025-02-26 08:46

Vue 与 React 深度对比：从代码到原理的全方位解析

Vue和React作为当前最主流的前端框架，各自凭借独特的理念和设计哲学赢得了大量开发者的青睐。Vue以“渐进式框架”和易上手著称，React则以“声明式UI”和灵活性见长。

北辰alk·2025-02-26 08:46

WebGPU与Web框架集成

目录React集成Vue集成Angular集成Svelte集成React集成将WebGPU与React集成，可以让您在React应用中利用现代Web图形和计算API来创建高性能的3D图形和计算任务。

天涯学馆·2025-02-26 08:13

react学习：自定义hook

问题导向react自定义hook如果你都有了答案，可以忽略本文章，或去react学习地图寻找更多答案自定义hook（封装）类型：函数作用：逻辑复用，本质是函数，可以多次调用语法：名称以use开头，函数内部可以调用其他的

大神乔伊·2025-02-26 07:40

react--自定义Hook实现

概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用import{useState}from"react"//问题：布尔切换的逻辑，和当前组件耦合在一起//不可以复用

mengyu小雨啊·2025-02-26 07:38

React + TypeScript 复杂布局开发实战

React+TypeScript复杂布局开发实战一、项目架构设计（基于最新技术栈）1.1技术选型与工程创建#使用Vite5.x+React19+TypeScript5.4npxcreate-vite@latestpower-designer-ui

i建模·2025-02-26 07:07

2024年前端框架选择指南：React、Vue、Angular与新兴框架对比

本文将深入探讨主流前端框架的特点、优缺点及适用场景，为开发者提供全面的选择指南。

海豹工匠·2025-02-26 07:07

react如何实时获取屏幕（浏览器视口）的宽度

代码实现importReact,{useState,useEffect}from'react';constWindowWidthComponent=()=>{const[windowWidth,s

霸气小男·2025-02-26 07:37

React 18 自定义Hook实现

React自定义Hook实现概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用封装自定义hook通用思路：声明一个以use开头的函数在函数体内封装可复用的逻辑（

木蓝茶陌*_*·2025-02-26 06:36

react 实现自定义拖拽hook

前沿最近发现公司的产品好几个模块用到了拖拽功能，之前拖拽组件是通过Html5dragApi实现的但体验并不是很好,顺便将原来的拖拽组建稍做修改，写一个自定义hook，方便大家使用拖拽功能。正文拖拽功能原理：拖拽元素通过addEventListener监听器添加鼠标按下，鼠标移动，以及鼠标抬起事件。再通过getBoundingClientRect()得到拖拽元素四周相对于可拖拽区域边界的距离。鼠标移

丶酸酸·2025-02-26 06:35

【前端】react+ts 轮播图的实现

一、场景描述在很多网站的页面中都有轮播图，所以我想利用react.js和ts实现一个轮播图。

Loong_DQX·2025-02-26 06:03

React 源码揭秘｜ hooks原理

上篇我们说了updateQueue的实现原理，这篇我们说一下hooks，fiberHooks实现可以在react-reconciler/fiberHooks.ts找到。

小刘不知道叫啥·2025-02-26 06:33

前端面试题---vue和react的区别

文章目录框架vs库：学习曲线：模板vsJSX：数据绑定：状态管理：性能：社区支持：框架vs库：Vue是一个完整的框架，提供了从模板到状态管理的全套解决方案；React是一个UI库，主要聚焦于构建用户界面

*星之卡比*·2025-02-26 06:02

使用useReducer和useContext代替redux

并且决定替换掉redux的人群，小白劝退哦一.useContext使用1.用途：传值，从父到子，孙，孙孙..都可以拿到值2.用法：在外面先定义Contextimport{createContext}from'react

思涵欧尼·2025-02-26 03:11

使用useReducer和useContext管理组件

importReact,{useState,useReducer}from'react'constinitialState=[]constreducer=(state,action)=>{const[typ

蛮吉学长·2025-02-26 03:11

【react】进阶教程02

目录一、深度性能优化1.列表渲染优化（虚拟列表）2.使用WebWorkers处理CPU密集型任务二、复杂状态管理场景1.全局状态分层（Context+useReducer）2.异步状态管理中间件（ReduxThunk）三、高级组件模式扩展1.控制反转（InversionofControl）2.Headless组件模式四、服务端渲染与静态生成（Next.js集成）1.基础SSR实现2.静态生成（SS

咔咔库奇·2025-02-26 02:08

详细理解React的Fiber结构

一、为什么会出现Fiber旧版React通过递归的方式进行渲染，使用的是JS引擎自身的函数调用栈，它会一直执行到栈空为止。

芋圆不想圆·2025-02-26 02:38

不愧是腾讯，面试的质量太高了

大G哥·2025-02-26 02:35

Webpack Module Federation实战：微前端架构

项目结构假设有两个独立的React应用：app1和app2，其中app2将通过ModuleFederation作为远程模块被app1消费。

糖糖老师436·2025-02-26 02:35

推荐频道

前端框架－react