关于前端React项目开发

Node.js - 模块化与包管理工具

在现代项目开发中，模块化和包管理工具几乎是不可分割的一部分，它们一起构成了高效的开发工作流。
蒜蓉大猩猩·2025-01-17 02:55

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

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

开发规范

开发规范企业项目开发有2种开发模式：前后台混合开发和前后台分离开发。
！！！525·2025-01-17 01:48

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

Android gradle 依赖树变化监控实现（gradle dependency tree change）

在项目开发中，会有很多第三方依赖，通过gradle引入进来的。比如androidxDesignVersi
·2025-01-16 22:04

探讨 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

unplugin-dist-zip-pack：前端构建产物打包神器，开发者的得力助手

作为一名前端开发者，在项目开发过程中，我们常常需要对构建产物进行高效的打包管理。最近，我发现了一个超级好用的插件——unplugin-dist-zip-pack，它简直是我们开发者的福音。
·2025-01-16 15:22

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

Vue3项目开发——新闻发布管理系统（六）

文章目录八、首页设计开发1、页面设计2、登录访问拦截实现3、用户基本信息显示①封装用户基本信息获取接口②用户基本信息存储③用户基本信息调用④用户基本信息动态渲染4、退出功能实现①注册点击事件②添加退出功能③数据清理5、代码下载八、首页设计开发登录成功后，系统就进入了首页。接下来，也就进行首页的开发了。1、页面设计系统页面主要分为三部分，左侧为系统的菜单栏，右侧上部为系统的头部，下部为系统的主体区域
bjzhang75·2024-09-15 00:43

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他