React入门实战

一文快速掌握前端框架Nextjs

文章脑图1.引言在现代web开发中，React已经成为构建用户界面（UI）的热门选择，但当谈到从头到尾完成一个应用时，开发者常常会遇到一些挑战。这就是Next.js这个框架应运而生的原因。
祎程·2025-03-25 15:01

1.NextJS基础

html渲染完成后给到客户端（此时网页内容已经全部提供），有利于crawler和优化seo逻辑更简单requestdeduplication减少API请求可以对比如下两份代码//客户端渲染importReact
comochris·2025-03-25 14:25

如何优化Flutter和React Native与原生平台交互的性能，同时保证数据类型安全和线程隔离？

Flutter和ReactNative分别提供了不同的机制进行数据交换和操作，但在性能优化、数据类型安全以及线程隔离方面都有需要提升的地方。本文将从这三方面展开探讨，同时提供实用示例帮助理解。
JafarOne·2025-03-25 13:48

JavaScript性能优化实战手册：从V8引擎到React的毫秒级性能革命

目录一、性能优化的本质挑战1.1浏览器渲染管线的性能瓶颈2.1内存管理优化2.2执行效率优化2.3网络传输优化三、React框架深度调优3.1渲染性能优化3.2性能监控体系四、企业级优化案例4.1电商平台首页优化
一个天蝎座 白勺 程序猿·2025-03-25 13:18

react——响应事件

代码内容javascriptfunctionMyButton(){functionhandleClick(){alert('Youclickedme!');}return(点我);}1.定义事件处理函数functionhandleClick()：这是一个普通的JavaScript函数，定义在MyButton组件内部。当被调用时，它会弹出一个警告框，显示“Youclickedme!”。命名惯例：Re
JL-ll·2025-03-25 11:03

Spring AI Alibaba ChatClient使用

java2ai.com/docs/1.0.0-M5.1/tutorials/chat-client/1、ChatClient简介ChatClient提供了与AI模型通信的FluentAPI，它支持同步和反应式（Reactive
Charge8·2025-03-25 07:07

探索响应式架构的奇境：Reactive Architecture Patterns Examples

探索响应式架构的奇境：ReactiveArchitecturePatternsExamplesreactiveReactiveArchitecturePatternsfromNFJSSessions项目地址
邴坤鸿Jewel·2025-03-25 07:37

机顶盒EPG开发《进阶篇一》

Android、Linux、电信、移动、广电平台https://shitaozhang.github.io/【文档】EPG的全业务解决方案，拥有最新的ES6\ES7API、Preact、Mobx而无需考虑其兼容性
weixin_30363817·2025-03-25 07:35

html+css转pdf,HTML转成PDF的4个方法介绍

在本文中，我将展示如何使用Node.js、Puppeteer、headlessChrome和Docker从样式复杂的React页面生成PDF文档。
柔粟·2025-03-25 03:35

（前端开发）网页制作案例

宝学成在线首页课程职业规划A宝前端开发后端开发移动开发人工智能商业预测云计算&大数据运维&测试UI设计产品我的课程表数据可视化课程正在学习-echarts使用步骤Vue3医疗项目课程正在学习-认识组合式APIReact
A宝呀·2025-03-25 02:25

深入理解 JSX：构建 React 用户界面的利器

.条件渲染：7.样式：三、JSX语法规则四、JSX编译过程五、JSX小案例1.待办事项列表2.计时器应用六、总结一、JSX介绍1.JSX概念JSX（JavaScriptXML）是一种语法扩展，主要用于React
码农白衣·2025-03-25 01:49

前端开发：这就是终点吗？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读让我们重新回到2021年后远程办公风潮兴起的日子，那时候，程序员岗位炙手可热。
·2025-03-25 00:02

基于 React 和 Vite 的前端项目自动化测试方案

背景前端自动化测试在工程化的研发体系中不可或缺。前端领域的自动化测试常被忽略，原因在于人们认为编写测试用例成本高且意义不大，本质是觉得投资回报率低。但当收益大于支出时，引入前端自动化测试是必要的。例如在表单功能从简单到复杂的迭代过程中，手动测试成本会指数级增长且可能无法完成所有测试，此时引入自动化测试能提升效率、保证测试覆盖范围、减少误差和遗漏、实现用例重复使用等。成本初始成本，引入自动化测试框架
·2025-03-25 00:31

Vue3为什么直接替换数组会导致响应式失效？

原理分析reactive的响应式机制reactive创建的是一个响应式对象，它通过Proxy拦截对象的操作。当你直接替换整个数组时
遇见~未来·2025-03-24 21:23

PakePlus：Vue 和 React 跨平台桌面应用程序的新纪元

摘要随着Vue和React等JavaScript框架的兴起，构建Web应用程序变得越来越高效和模块化。然而，将这些应用程序部署到桌面环境中一直是一个具有挑战性的问题，通常需要专门的工具和复杂的配置。
大富大贵7·2025-03-24 19:57

React Native：跨平台移动应用开发的强大框架

ReactNative介绍ReactNative是由Facebook开发并开源的一款基于JavaScript和React的跨平台移动应用开发框架。
冬冬小圆帽·2025-03-24 14:23

分享：Javascript开源桌面环境-Puter

该项目作者出于性能方面的考虑没有选择Vue和React技术栈，而是采用的JavaScript和jQuery构建，支持Docker一键部署和在线使用。
ac-er8888·2025-03-24 13:16

前端技术学习记录：react+dvajs+ant design实现暴走计算器的页面重构（二）

前端技术学习记录：react+dvajs+antdesign实现暴走计算器的页面重构（二）前言定义Modelconnect起来更新state拥抱变化主题切换更换页面获取当前设备类型编写武学选择前言www
大泡泡糖·2025-03-24 08:02

React Router使用方法

目录简介ReactRouter的三种使用模式声明模式数据模式框架模式ReactRouter7声明模式使用方法在入口文件引入BrowserRouter配置一个路由组件管理路由将路由组件引入App.tsx嵌套路由链接式路由导航
魔云连洲·2025-03-24 08:31

使用vite+react+ts+Ant Design开发后台管理项目（五）

前言本文将引导开发者从零基础开始，运用vite、react、react-router、react-redux、AntDesign、less、tailwindcss、axios等前沿技术栈，构建一个高效、
吕彬-前端·2025-03-24 08:00

React性能优化的8种方式

如何生成可参考右边的帮助文档文章目录前言1、Reac.memo缓存组件2、使用useMemo缓存大量的计算3、避免使用内联对象4、避免使用匿名函数5、延迟加载不是立即需要的组件6、调整CSS而不是强制组件加载和卸载7、使用React.Fragment
Mr.BoBo.·2025-03-24 07:25

React状态管理

React提供了useState和useReducer来管理本地状态，而对于全局状态，可以使用ContextAPI或第三方库（如Redux）。用法本地状态：使用useState或useReducer。
她的双马尾·2025-03-24 07:24

【React】List使用QueueAnim动画效果不生效——QueueAnim与函数组件兼容性问题

版本：“antd-mobile”:“^5.37.1”,“rc-queue-anim”:“^2.0.0”,问题在使用QueueAnim时，如果动画的子元素是AntDesignMobile中的组件（如List.Item），可能会遇到动画不生效的问题，并且会看到类似以下警告：Warning:Functioncomponentscannotbegivenrefs.Attemptstoaccessthisr
Yvette-W·2025-03-24 07:54

使用hel-micro微服务实现在jsp项目中引入react组件

以下是一个完整的示例，涵盖React子应用配置、JSP主应用集成以及样式隔离的实现细节。我们将通过CSSModules和ShadowDOM确保React样式与JSP样式互不干扰。
小灰灰学编程·2025-03-24 05:58

React的状态管理——Redux

Redux与计数器配套工具使用ReactToolkit创建counterStore为React注入storeReact组件使用store中的数据React组件修改store中的数据绑定用户交互效果展示action
miraculous111·2025-03-24 04:24

2021-最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)---React篇

★★★React事件绑定原理★★★React中的setState缺点是什么呢★★★React组件通信如何实现★★★类组件和函数组件的区别★★★请你说说React的路由是什么？
圆白菜和大白菜·2025-03-24 04:23

PHP框架为基础的购物平台设计思路分步骤说明

以下是以PHP框架为基础的购物平台设计思路分步骤说明：一、技术选型阶段技术栈={后端框架：Laravel/Yii2（提供ORM、路由、中间件支持）前端框架：Vue.js/React（可选SPA方案）数据库
星糖曙光·2025-03-24 02:32

《Oracle DBA入门实战：十大高频问题详解与避坑指南》

OracleDBA入门作业十问十答本文为OracleDBA入门作业整理，涵盖工具使用、配置管理及权限控制等核心知识点，适合新手快速上手。如有疑问或补充，欢迎评论区交流！1.DBA常用工具有哪些？OracleUniversalInstaller(OUI)用途：安装、升级或删除软件组件。OracleDatabaseConfigurationAssistant(DBCA)用途：通过图形界面创建、删除或修
鸿·蒙·2025-03-24 00:13

可视化埋点在React Native中的实践

本文首发于微信公众号“Shopee技术团队”。1.背景笔者所在团队为Shopee的本地生活前端团队，用户可以在我们的平台购买优惠券，然后去线下门店使用。随着用户规模不断增加，研究用户行为数据可以更好地指导产品功能设计，提供更加优秀的用户体验。用户行为数据的研究首先涉及到如何采集，即我们常说的“埋点”。一直以来，我们项目中的埋点都采用代码埋点，每次新增埋点往往是一些重复性的工作，且需要重新发布代码才
Shopee技术团队·2025-03-23 20:46

去哪儿网 ReactNative 跨小程序多端方案介绍

方案参考了react-native-web的适配方案，使用remax框架来实现适配组件库并达到适配多小程序的目的。
去哪儿网技术沙龙·2025-03-23 20:15

Android端ReactNative环境搭建——上

前言最近一年，因为公司业务需要，部门引入了rn这门跨段技术来开发业务需求。从去年部门大佬调研rn这个框架到现在已有超过一年的时间了。而我从当时毕业不到1年的小白成长到现在负责维护项目的Android端代码的主力。同时，自己对rn相关的技术有了不少理解。因此，想要分享一些知识点，希望可以帮助到大家。我会以一个专栏的方式述说在这一年当中使用rn开发需求遇到的困难。大家可以借鉴参考下，共同进步！！！使用
hzulwy·2025-03-23 20:43

React Native 迁移的阵痛

因此，我们决定采用ReactNative技术，将原生工程迁移到该平台上，以提高应用程序的可维护性和整体性能。
Ethan. L·2025-03-23 20:41

Android React Native应用逆向分析初探

随着移动互联网时代的到来，用户在移动设备上花费的时间越来越多，不仅是因为移动设备方便携带，而且还因为层出不穷的大量应用提供为用户使用，以往在电脑上才能做的事情，现在仅靠一部手机就可以解决了。当前的移动设备厂商很多，但是被广泛使用的主流系统却只有两个，Android和iOS，因此现在大多数应用都会有两个版本，Android版本和iOS版本。然而这两种应用的开发方式却完全不同，移动客户端开发人员不得不
byc6352·2025-03-23 20:11

Vue.js 模板语法全解析：从基础到实战应用

通过对《Vue.js快速入门实战》中关于Vue项目部署章节（实际围绕Vue模板语法展开）的深入研读，我们将全面剖析Vue项目结构、应用程序实例、生命周期、插值、指令以及自定义指令等关键内容，并通过实战案例加深理解
予安灵·2025-03-23 13:42

前端开发：这就是终点吗？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读让我们重新回到2021年后远程办公风潮兴起的日子，那时候，程序员岗位炙手可热。
·2025-03-23 10:37

通俗易懂的讲解MobX

核心概念MobX有几个核心概念：observable、action、computed和reaction。我们用一个家庭日常生活的例子来解释这些概念。Observable（可观察
luckucu·2025-03-23 00:20

vite项目中vite.config.js使用.env.development文件中的配置数据

如下图.env和vite.config.js配置同级目录loadEnv就可以获取.env配置信息import{defineConfig,loadEnv}from"vite";importreactfrom
初遇你时动了情·2025-03-22 22:12

github如何为开源项目作出贡献

就在昨天，笔者取得了第一次开源项目贡献，虽然更新的内容很小，但是也算是迈出了第一步1.选择合适的开源项目（1）兴趣优先选择自己感兴趣的项目会更有动力参与，比如你喜欢前端开发，可以关注React、Vue相关的开源项目
PXM的算法星球·2025-03-22 17:04

使用 React 和 Cypress 进行单元测试

每个开发人员都希望发布一个没有错误的生产应用程序。为了实现这一点，我们需要考虑如何将测试集成到我们的应用程序中。我们可以使用许多测试工具、框架和测试类型。Cypress是一个现代化的自动化测试套件。它是一个基于JavaScript的完全开源的测试框架，由Mocha和Chai等支持BDD和TDD断言样式的库构建。此外，如果您熟悉用JavaScript编写测试，那么使用Cypress会很容易。Cypr
pxr007·2025-03-22 17:02

前端面试：[React] scheduler 调度机制原理？

ReactScheduler是React16.8引入的一种调度机制，旨在对高效渲染和复杂应用程序的性能进行优化。它允许React在空闲时间进行渲染，优先处理对用户体验最为重要的任务。
returnShitBoy·2025-03-22 16:00

Tinyflow AI 工作流编排框架 v0.0.7 发布

它基于WebComponent开发，前端支持与React、Vue等任何框架集成，后端支持Java、Node.js、Python等语言，助力传统应用快速AI转型。
自不量力的A同学·2025-03-22 09:21

Vue3-笔记002-Ref与Reactive

002-Ref与Reactive-目录Refref案例ref与RefifRefshallowReftriggerRefcustomRefdom元素的refReactive与ref的共同点与ref的不同点数组的异步赋值问题
·焱··2025-03-22 06:55

Vue3-day3-Ref-Reactive

Ref：创建基本类型的响应式数据作用：定义响应式变量语法：letxxx=ref(初始值)返回值：一个RefImpl的实例对象，简称ref对象或者ref，ref对象的value属性是响应式的注意点：js中操作数据需要：xxx.value，但模板中不需要.value，直接使用即可。对于letname=ref('张三')来说，name不是响应式的，name.value是响应式的。代码段姓名：{{name
金串串·2025-03-22 06:25

element plus table树形数据，增、删、改子节点数据时，进行局部刷新，而不刷新整个页面

...constlistLoading=ref(false)//保存节点映射的Mapconstmaps=reactive(newMap())constload=async(row,treeNode,resolve
catino·2025-03-22 05:48

清晰架构之typescript实践：构建可扩展服务的利器

清晰架构之typescript实践：构建可扩展服务的利器react-with-clean-architectureCleanarchitecturebasedreactprojectsamplecode
吕曦耘George·2025-03-22 05:12

新建react native项目都失败，创建出来的都是.xcodeproj，而不是.xcworkspace，如何解决？？

本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：问题描述解决方案1.确保正确设置代理源（如果你在国内）2.手动安装CocoaPods依赖3.检查你的Ruby和CocoaPods环境4.尝试清理并重建项目5.查
bug菌¹·2025-03-22 04:41

Android com.facebook.react:react-native:+ 版本问题

>Failedtotransformreact-native-0.71.0-rc.0-debug.aar(c
小铁-Android·2025-03-22 04:10

cesium 文字避让

申请cesium的token官网【Cesium:ThePlatformfor3DGeospatial】>import*asCesiumfrom'cesium';import{onMounted,reactive
花归去·2025-03-22 03:00

React 18 如何定义变量，及赋值 与渲染

React18中，定义变量、赋值和渲染的方式因变量的用途和作用域不同而有所差异，下面为你详细介绍不同场景下的实现方法。
痴心阿文·2025-03-22 01:41

react-native 实现AES RSA MD5加密

importReact,{Component}from'react';import{Platform,StyleSheet,Text,View,Image,Dimensions,ScrollView,TouchableOpacity
花程序媛·2025-03-22 01:39
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他