react前端组件

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

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

Next.js 15 重大更新解析

作为React框架的佼佼者，Next.js的第15个版本带来了诸多激动人心的更新。这次更新重点优化了开发工作流程、性能表现，并加强了安全性。现在就来深入了解这些新特性。
·2025-01-17 10:51

Vue 开发者的 React 实战指南：表单处理篇

作为Vue开发者，在迁移到React开发时，表单处理的差异是一个重要的适应点。本文将从Vue开发者熟悉的角度出发，详细介绍React中的表单处理方式和最佳实践。
·2025-01-17 05:39

Node.js、Vue 和 React 的关系和区别

Node.js、Vue和React是前端和后端开发中常用的技术，它们各自有不同的作用，但可以协同工作来构建现代化的Web应用。为了通俗易懂地理解它们的关系，我们可以用一个餐厅的比喻来说明。
佐木宥轩·2025-01-17 01:50

Vue 开发者的 React 实战指南：路由和导航篇

作为Vue开发者，在迁移到React开发时，路由系统的差异是需要重点关注的部分。本文将从VueRouter的使用经验出发，详细介绍ReactRouter的使用方式和最佳实践。
·2025-01-17 00:10

系统设计架构——互联网案例

对于其Web应用程序，它使用React。前端/服务器通信：Netflix使用GraphQL。后端服务：Netflix依赖ZUUL、Eureka、SpringBoot框架和其他技术。
大猩猩爱分享·2025-01-16 23:01

【学术会议论文投稿】前端框架巅峰对决：React、Vue与Angular的全面解析与实战指南

React、Vue和Angular作为当前最流行的三大前端框架/库，各自拥有独特的优势和适用场景。本文将通过深入的文字解析和代码讲解，帮助开发者理解这三者的差异，并
小周不想卷·2025-01-16 23:00

探讨 React 中的状态管理：选择合适的工具

随着React的流行，开发者在构建复杂应用时常常面临的一个重要问题是如何有效地管理组件的状态。状态管理不仅涉及到在应用内传递数据，还包括如何在不同的组件间同步状态、优化性能，以及保持代码的可维护性。
·2025-01-16 22:00

小白：react antd 搭建框架关于 RangePicker DatePicker 时间组件使用记录 2

文章目录一、关于RangePicker组件返回的moment方法示例一、关于RangePicker组件返回的moment方法示例moment方法中日后开发有用的方法如下：form.getFieldsValue().date[0].weeksInWeekYear(),form.getFieldsValue().date[0].zoneName(),form.getFieldsValue().date
LZQ <=小氣鬼=>·2025-01-16 21:12

react Hooks 父组件调用子组件函数、获取子组件属性

子组件import{forwardRef,useImperativeHandle}from'react'//定义子组件的ref类型exportinterfaceChildRef{childMethod:
初遇你时动了情·2025-01-16 20:59

深度解析 React 中 setState 的原理：同步还是异步

在React框架的核心机制里，setState是实现动态交互与数据驱动视图更新的关键枢纽。
·2025-01-16 18:51

从零开始学 MobX Store：简化 React 数据管理

学习如何使用MobXStore在React应用中实现全局状态管理。本文通过简单的购物车功能示例，帮助你理解MobXStore的基本概念、使用方法以及如何高效共享和管理数据，解决多组件间的数据同步问题。
·2025-01-16 18:46

掌握 React Router：构建你的 React 应用导航

ReactRouter作为React生态中的核心路由库，为开发者提供了强大的工具来实现SPA（单页应用）的导航逻辑。它不仅简化了页面间的跳转，还支持动态路由匹配、懒加载和状态管理集成，让应用的导航更
·2025-01-16 18:15

回顾技术圈的2024尤雨溪喷React的“开年之战”

在2024年初，前端开发社区的一场激烈讨论围绕着React新版文档展开。
·2025-01-16 18:40

Vue 开发者的 React 实战指南：部署与持续集成篇

作为Vue开发者，在迁移到React开发时，除了开发过程中的差异，部署和持续集成的策略也需要相应调整。本文将详细介绍React项目的部署流程和持续集成最佳实践。
·2025-01-16 18:34

Vue 开发者的 React 实战指南：测试篇

作为Vue开发者，在迁移到React开发时，测试策略和方法也需要相应调整。本文将从Vue开发者熟悉的角度出发，详细介绍React中的测试方法和最佳实践。
·2025-01-16 18:33

Vue 开发者的 React 实战指南：性能优化篇

作为Vue开发者，在迁移到React开发时，性能优化的思路和方法会有所不同。本文将从Vue开发者熟悉的角度出发，详细介绍React中的性能优化策略。
·2025-01-16 18:02

前端-从入门到入土

spm_id_from=333....框架部分这里推荐Vue框架，相对React会更容易上手，并且中文文档也相对友好推荐教程：https://www.bilibil
·2025-01-16 15:09

H5跳转到 React Native App

H5在浏览器跳转到App配置URLSchemesIOSInfo.plistCFBundleURLTypesCFBundleTypeRoleEditorCFBundleURLSchemesxxxxAndroidAndroidManifest.xmlh5跳转通过window.location.href=xxxxx的方式跳转constopenApp=(isIOS,extinfo?:string)=>{i
·2025-01-16 15:57

node.js学习

学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular
小猿L·2024-09-16 09:46

react-intl——react国际化使用方案

国际化介绍i18n：internationalization国家化简称，首字母+首尾字母间隔的字母个数+尾字母，类似的还有k8s(Kubernetes)React-intl是React中最受欢迎的库。
苹果酱0567·2024-09-16 06:26

字节二面

在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架
Redstone Monstrosity·2024-09-16 04:08

前端代码上传文件

/config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL
余生逆风飞翔·2024-09-16 03:33

前端使用react-intl-universal进行国际化

“国际化”的简称：i18n（其来源是英文单词internationalization的首末字符i和n，18为中间的字符数）二、react项目国际化react-intl是业界最受欢迎的软件包之一：React-intl
Stephy_Yy·2024-09-15 09:46

VUE实现大小缩放轮播图

效果图import{ref,computed,reactive,watch,onMounted}from'vue';exportdefault{props:{/***轮播数据来源*/source:{type
书边事.·2024-09-15 07:00

react里的index.js是怎么跟index.html结合起来的?

image.pngcreate-react-app把webpack、babel等配置都封装到了依赖项目react-script中，所以你无法直观的看到这些配置。
SherrinfordL·2024-09-15 06:10

Taro实现微信小程序自定义拍照截图识别

navigationBarTitleText:"",//启用页面分享//enableShareAppMessage:true,//启动朋友圈分享//enableShareTimeline:true});import{reactive
书边事.·2024-09-15 06:53

（小白入门）Windows环境下搭建React Native Android开发环境

ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架React在原生移动应用平台的衍生产物，目前支持iOS和Android
码农老黑·2024-09-15 04:07

react中如何获取并使用usestate声明的变量的值

1.函数式更新当需要根据当前状态来更新状态时，可以使用函数式更新。setState（在类组件中）和setCount（在useState中）都可以接受一个函数作为参数，这个函数接收当前的状态作为参数，并返回新的状态。functionExampleComponent(){const[count,setCount]=useState(0);//使用函数式更新functionhandleClick(){s
小华0000·2024-09-14 22:25

【Vue3源码实现】Ref isRef unRef proxyRefs实现

前言在上篇文章中我们了解了响应式原理，并在最后实现了reactive。
ZhaiMou·2024-09-14 22:24

React 前端应用结合 Nginx 部署指南及常见错误排查

在现代Web开发中，React已成为构建用户界面的流行选择，而Nginx则是一个高性能的Web服务器，广泛用于静态文件的托管和负载均衡。
蜗牛去旅行吧·2024-09-14 22:54

vue3 响应性API

举例：conststate=reactive({foo:1,bar:2})constfooRef=toRef(state,'foo')fooRef.value++console.log(state.foo
weixin_44747590·2024-09-14 22:53

手撸vue3核心源码——响应式原理(isRef和unRef)

今天来实现一下ref的功能函数，isRef与unRefisRefisRef和isReactive一样，都是用于检测数据类型，isRef是检测是不是一个ref对象,跟isReactive函数实现起来一样,
前端不是渣男·2024-09-14 22:20

vue3 | isRef、unref、toRef、toRefs

constnum=ref(10)constnum1=20constnum2=reactive({data:30})console.log(isRef(num))//trueconsole.log(isRef
杨贵妃会飞飞飞·2024-09-14 22:20

vue学习笔记——关于对Vue3 ref(), toRef(), toRefs(), unref(), isRef(), reactive()方法的理解。

创建一个数据类型，ref有value这个属性constname1={age:"14",name:"bob1"};constname2=ref({name:"bob2"});//使用ref创建一个数据类型相对于reactive
chen_sir_sh·2024-09-14 21:17

React项目的开发前准备 以及 JSX 的基本使用

React项目的开发前准备以及JSX的基本使用React项目创建create-react-appnpxcreate-react-appmy-appcdmy-appnpmstartyarncreatereact-appyarncreatereact-appmy-appcdmy-appyarnstartcreate-react-app
渡鸦七·2024-09-14 21:46

react 函数组件useState异步变同步

需求函数组件实现一个下拉上拉的列表，列表支持分页。最开始我们使用setstate的方式去报错当前页数。这样做的问题，就是有一个异步的延迟。上代码const[pageNo,setpageNo]=useState(1)constonPullUpRefresh=()=>{console.log("上拉加载内容")console.log("上一次的pageNo",pageNo)setpageNo(page
MIKE-zi·2024-09-14 21:46

Netty权威指南：Netty总结-高性能与可靠性

调用性能差三宗罪：网络传输采用同步阻塞I/O导致经常性阻塞序列化性能差线程模型问题22.1.2I/O通信性能三要素传输：BIO、NIO或者AIO协议：HTTP公有协议，内部私有协议线程：数据报如何读取，Reactor
Ty_1106·2024-09-14 14:02

Vue 和 React 的对比

React和Vue有许多相似之处：使用VirtualDOM提供了响应式(Reactive)和组件化(Composable)的视图组件。
淘淘是只狗·2024-09-14 14:58

一文让你彻底弄懂Redux的基本原理以及其如何在React中使用！

它有什么用Redux基本原理Redux在React中具体使用的方法ReduxToolkit（RTK）createSlice函数参数返回值示例configureStore函数参数返回值示例React-ReduxProvider
tabzzz·2024-09-14 13:57

react 更新元素状态

所有的react元素都是immutable不可变的。当元素被创建之后，我们无法修改他的内容或属性。
叶绿素yls·2024-09-14 13:11

Reactive 编程-Vert.x

Reactive编程与Vert.x：高效异步Java微服务框架一、什么是Reactive编程？Reactive编程是一种异步编程范式，专注于数据流和事件的传播处理。
Flying_Fish_Xuan·2024-09-14 12:48

生成一个完整的App代码通常不会仅仅通过单一的文件或几种语言的简单组合来完成，因为App的开发涉及前端用户界面、后端逻辑处理、数据库管理以及可能的第三方服务集成等多个方面。不过，我可以为你提供一个概念

React(JavaScript/TypeScript)对于更复杂的单页应用（SPA），React是一个流行的选择。它允许你构建可复用的UI组件。Flutter(Dart)如果你想要
NewmanEdwarda2·2024-09-14 11:40

react native ScrollView实现滑动锚定，滑动到指定位置

实现ScrollView滑动视图组件滑动到指定位置，实现tab与具体位置相锚定给需要锚定的组件加上onLayout属性//event.nativeEvent.layout.x是水平方向值，event.nativeEvent.layout.y是数值方向值//this.layoutList用于存储组件位置onLayout={(event)=>{this.layoutList.push(event.na
君君yui·2024-09-14 06:08

reactnative 获取定位_React-native实现定位的功能

1、在React-native中实现定位的功能的几种方式。(1).使用rn中的自带的Geolocation实现定位。(2).用第三放库react-native-location实现定位。
weixin_39644915·2024-09-14 06:08

React Native动画的锚点anchorPoint

在RN动画开发的过程中,有需求让图片绕中心点以外的其它点旋转,本以为是一个简单的问题,猜想Facebook应该有提供类似的API.然而在官网找了一圈没有anchorPoint这个API,后来想了想,RN与H5非常像,应该有transformOrigin这个属性,然而,还是没有,在github的issues中有人提问过什么时候更新这个属性,但是官网仍旧没有计划;为了达到这种效果,其实有一种间接的方法
沉默的依恋·2024-09-14 05:02

基于react native的锚点

基于reactnative的锚点效果示例图示例代码效果示例图示例代码/*eslint-disablereact-native/no-inline-styles*/importReact,{useEffect
miao_zz·2024-09-14 05:00

vue2与vue3的区别

vue3中使⽤了es6的proxyAPI对数据代理，通过reactive()函数给每⼀个对象都包⼀层Proxy，通过Proxy监听属性的变化，从⽽实现对数据的监控。
longfan_·2024-09-14 03:19

前后端分离，Asp.net core webapi 如何配置跨域

前言可以说，前后端分离已经成为当今信息系统项目开发的主流软件架构模式，微服务的出现，让前后端分离发展更是迅速，大量优秀的前端框架如vue.js、react的出现，也让前后端分离趋势加快。
代码掌控者·2024-09-13 23:53

UmiJS3基础

UmiJS3基础https://umijs.org/UmiJSUmiJS是一个类Next.JS的react开发框架。
若梦plus·2024-09-13 21:38
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他