
React
文章平均质量分 87
从入门到精通,涵盖 React 组件、状态管理、路由、性能优化等方面内容,帮助开发者快速掌握 React 开发的核心知识,提升项目质量和开发效率。
江城开朗的豌豆
大家好!我是一位前端开发工程师,拥有6年以上的前端开发经验。我熟练掌握HTML、CSS、JavaScript等语言,能够灵活运用各种前端框架,如Vue、React、Uniapp、Flutter等。我注重理论与实践相结合,希望通过我的博客分享,能够帮助大家成为一名优秀的前端开发工程师。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React输入框优化:如何精准获取用户输入完成后的最终值?
如何在React中获取用户输入完成后的最终值,而不是每次按键都触发处理函数。原创 2025-08-19 08:44:04 · 621 阅读 · 0 评论 -
拆解Redux:从零手写一个状态管理器,彻底搞懂它的魔法!
今天想和大家聊聊Redux——这个曾经让我又爱又恨的状态管理库。很多新手觉得它复杂,但其实它的核心思想非常简单。为了彻底搞懂它,我决定带大家从零手写一个迷你Redux!原创 2025-08-19 08:38:39 · 357 阅读 · 0 评论 -
React Native 实战心得
React Native(RN)是我近年来主要的技术栈之一,用它开发过多个跨平台App。今天就来聊聊我对React Native的理解,以及在实际项目中的经验和踩坑记录。原创 2025-08-18 08:50:02 · 916 阅读 · 0 评论 -
React状态更新踩坑记:我是这样优雅修改参数的
,状态(State)和参数(Props)的修改是最基础但也最容易踩坑的部分。今天我就来分享几种常见的React参数修改方法,以及我在项目中总结的最佳实践,避免大家走弯路。原创 2025-08-18 08:47:05 · 542 阅读 · 0 评论 -
React 数据传递指南:6 种方式让组件“无话不谈”
在 React 开发中,组件之间的数据传递就像现实中的聊天——父子组件可以直接对话,兄弟组件需要‘中介’,而跨层级组件可能得靠‘广播’。今天,我就结合 6 年实战经验,带大家解锁 React 组件通信的 6 种姿势,让你彻底告别‘数据孤岛’!原创 2025-08-14 10:19:44 · 1381 阅读 · 0 评论 -
React 开发小技巧:父组件如何‘操控’子组件的函数?
在 React 开发中,我们常常遇到父组件需要‘指挥’子组件执行某些操作的场景。比如,点击父组件的按钮,触发子组件的某个动画或数据刷新。今天,我就来分享几种在 Hooks 环境下,父组件如何优雅地调用子组件方法的实战技巧!”原创 2025-08-14 09:55:03 · 465 阅读 · 0 评论 -
React Hooks 真香定律:告别Class组件,我为什么回不去了?
在Hooks里找到救赎的前端老司机。自从2018年Hooks横空出世,我的代码量直接砍半,今天就用最接地气的方式,带你们感受Hooks的魔法!原创 2025-08-13 08:52:22 · 556 阅读 · 0 评论 -
React Component和Purecomponent区别
React里老生常谈但很多人其实没彻底搞明白的问题——Component和PureComponent的区别。别看它基础,用对了能直接提升组件性能,用错了可能莫名其妙踩坑。下面我就用最人话的方式,带大家彻底搞懂它!原创 2025-08-13 08:46:57 · 744 阅读 · 0 评论 -
React Hooks花式玩法
记得我刚接触Hooks那会儿,看着useEffect的依赖数组差点把头发薅秃。现在回头看看,其实Hooks用好了真香!接下来我就用最直白的方式,带大家解锁这些神奇的函数。原创 2025-08-13 08:34:12 · 489 阅读 · 0 评论 -
React性能优化神器useMemo!这样用才不浪费,新手必看指南
今天要跟大家聊聊useMemo这个性能优化利器——用好了能让你的应用飞起来,用错了反而会让代码更难维护!原创 2025-08-12 08:51:49 · 558 阅读 · 0 评论 -
React父组件props变了,子组件如何立刻知道?3种监听方案实测!
今天要解决一个经典问题:当父组件的props更新时,子组件如何及时响应? 这个问题我面试新人时经常问,实际开发中也踩过不少坑。原创 2025-08-12 08:48:40 · 328 阅读 · 0 评论 -
useState vs setState:React状态管理,你站哪一队?
今天咱们来聊聊React里两个最常用的状态管理方式——setState和useState。虽然它们干的事儿差不多,但用起来可是有讲究的!原创 2025-08-12 08:38:45 · 714 阅读 · 0 评论 -
告别Class组件!用useEffect玩转React生命周期
今天想聊聊如何用useEffect这个"瑞士军刀"来模拟Class组件的生命周期方法。还记得我刚学React时,生命周期方法是必背口诀:"willMount、didMount、willUpdate..."现在有了Hooks,一切都变得更简单了!原创 2025-08-11 08:57:41 · 838 阅读 · 0 评论 -
React状态管理:从Context到Redux,我的选型心得
今天想和大家聊聊React状态管理这个永恒的话题——特别是Context API和Redux这对"欢喜冤家"。原创 2025-08-11 08:52:16 · 904 阅读 · 0 评论 -
React表单控制秘籍:受控组件这样玩就对了!
今天咱们来聊聊React中一个看似简单却容易踩坑的知识点——受控组件。相信不少新手朋友在写表单时都遇到过"为啥我的输入框不听使唤"的问题,看完这篇你就全明白了!原创 2025-08-09 18:04:17 · 597 阅读 · 0 评论 -
Redux三剑客:揭秘reducer这个‘状态改造师‘的魔法
今天咱们来聊聊Redux这个状态管理界的"老大哥",特别是它那个看似神秘实则简单的核心部件——reducer。相信看完这篇,你会对Redux有全新的认识!原创 2025-08-08 08:24:51 · 1138 阅读 · 1 评论 -
setState vs replaceState:React状态更新的‘温柔一刀‘与‘彻底翻脸‘
今天咱们来聊聊React中两个看似相似实则大不同的状态更新方法——setState和replaceState。很多React新手在使用时常常分不清它们的区别,甚至不知道replaceState的存在。别担心,看完这篇你就彻底明白了!原创 2025-08-08 08:17:22 · 536 阅读 · 0 评论 -
高阶组件 vs 高阶函数:React 开发者的必备武器库!
今天要聊一个听起来高级但其实很接地气的概念——高阶组件(HOC)和高阶函数(HOF)。原创 2025-08-07 08:52:49 · 1235 阅读 · 0 评论 -
React性能优化:你的应用真的够快吗?
今天咱们聊聊React性能优化——这个话题看似简单,但很多项目其实都藏着不少性能隐患。原创 2025-08-07 08:49:19 · 694 阅读 · 0 评论 -
React事件绑定:箭头函数和bind,我该pick谁?
今天要和大家聊聊React中一个看似简单却容易踩坑的话题——事件绑定。不知道你们有没有遇到过这种情况:写了个点击事件,结果一点按钮就报错this is undefined。我刚学React时就被这个问题折磨得够呛,今天就来好好讲讲怎么解决。原创 2025-08-07 08:43:02 · 640 阅读 · 0 评论 -
React的onClick:你以为懂了,其实可能用错了!
今天咱们来聊聊React里那个天天用却可能被忽略的细节——onClick事件绑定。别看它简单,里面的门道可不少,不信?往下看!原创 2025-08-06 09:03:54 · 1062 阅读 · 0 评论 -
在 Windows 上安装 NodeJS
如果你不熟悉如何使用 Node.js 进行开发,但想要快速启动和运行以便学习,请按照以下步骤直接在 Windows 上安装 Node.js。备注如果你是使用 Node.js 的专业人士、发现性能速度和系统调用兼容性很重要、想要运行利用 Linux 工作区的并避免维护 Linux 和 Windows 生成脚本,或只是倾向于使用 Bash 命令行,则。原创 2025-01-05 19:45:35 · 1194 阅读 · 2 评论 -
React 实现文件分片上传和下载
在当今的前端开发中,处理文件流操作已经成为一个常见的需求。无论是上传、下载、读取、展示还是其他的文件处理操作,都需要高效且可靠地处理二进制数据。而随着文件大小的增加和网络传输的限制,文件分片上传和下载逐渐成为了提升性能和用户体验的必备技术。文件分片上传和下载通过将大文件拆分成多个小片段,以及利用断点续传的特性,使得文件的传输更为可靠和高效。在这个过程中,前端开发者需要熟悉 Blob 对象和 ArrayBuffer,这些工具可以帮助我们处理和操控二进制数据。原创 2023-08-07 08:46:03 · 8896 阅读 · 211 评论 -
重温初心,庆祝程序员节——纪念521程序员节
如今越来越多的行业开放了大量的编程岗位,同时也涌现出了许多新型的技术领域,例如AI、数据科学、云计算、区块链等等,它们都给程序员带来了更多的工作机会和挑战,也刺激了程序员们不断提升自己的技能和能力,在这个特别的日子里,他们可以展现出独特的技能和创意,这也是一种庆祝方式。分享演讲可以是有益的,它可以从不同的角度启发人们对技术和计算机科学的认识,为职业生涯的成功提供指导,并建立重要的联系和关系。在庆祝节日的同时,布置或装饰办公场所,用鲜艳的颜色 ,不同风格的装饰,并在墙上展示一些有关编程和计算机科学的信息。原创 2023-06-27 17:11:52 · 4412 阅读 · 0 评论 -
代码优化:如何避免大量if分支,提高代码可读性和可维护性?
分支优化在各种语言中都有不同的实现方式和应用场景,本篇通过JavaScript介绍了两种代码分支优化的思想,代码的实现非常简单,重点在于这种思想的应用。观点1:压根不需要多此一举去优化它,并且优化后的代码因为多创建了一个对象/数组,对对象/数组进行检索反而比单纯的if else还是废性能。观点2:分支优化后的代码可读性/可维护性更好,并且引入对象/数组所带来的性能问题在当今时代根本不值一提。你是什么观点呢?原创 2023-06-27 15:16:03 · 3517 阅读 · 0 评论 -
JavaScript数组操作示例及对象操作技巧
数组是javascript常见的数组类型,操作很多,选择适当的方式能提高程序性能和代码可读性。部分函数是es6才有的这里不做说明,具体各种操作性能也不做对比。原创 2023-06-27 15:04:54 · 3489 阅读 · 0 评论 -
总结TypeScript 的一些知识点:TypeScript 基础语法
以上实例定义了一个类 Site,该类有一个方法 name(),该方法在终端上输出字符串 Runoob。每行指令都是一段语句,你可以使用分号或不使用, 分号在 TypeScript 中是可选的,建议使用。注释是一个良好的习惯,虽然很多程序员讨厌注释,但还是建议你在每段代码写上文字说明。注释可以包含有关程序一些信息,如代码的作者,有关函数的说明等。new 关键字创建类的对象,该对象调用方法 name()。空格、制表符通常用来缩进代码,使代码易于阅读和理解。TypeScript 是一种面向对象的编程语言。原创 2023-05-26 15:40:38 · 4311 阅读 · 4 评论 -
总结TypeScript 的一些知识点:TypeScript Array(数组)
一个数组的元素可以是另外一个数组,这样就构成了多维数组(Multi-dimensional Array)。如果数组声明时未设置类型,则会被认为是 any 类型,在初始化时根据第一个元素的类型来推断数组的类型。定义一个二维数组,每一个维度的数组有三个元素。数组对象是使用单独的变量名来存储一系列的值。我们也可以使用 Array 对象创建数组。原创 2023-05-26 15:41:03 · 5526 阅读 · 17 评论 -
如何在上架App之前设置证书并上传应用
在上架App之前想要进行真机测试的同学,请查看《iOS- 最全的真机测试教程》,里面包含如何让多台电脑同时上架App和真机调试。P12文件的使用详解注意: 同样可以在Build Setting 的sign中设置证书,但是有点麻烦,建议就在General中设置证书,比较方便,还可以查看错误的地方。原创 2023-05-26 15:05:53 · 4762 阅读 · 2 评论 -
登录appuploader
如果您只有上传权限,没有账号的其他权限,也没有账号的密码,可以通过上传专用密码登录。免费账号,在登录appuploader之前,需要下载icloud,并且登录icloud,确保账号是ok的。没支付费用给apple的账号,或者过期的账号,没有正常的开发者权限,只有非常有限的开发测试权限功能。然后软件会提示输入验证码,点击验证,验证成功就可以使用各项功能了 最新版本已经优化了未支付688给apple的账号的登录流程,无需再安装其他软件,可以直接。如果提示验证码发送次数过多,则需要等待第二天再试了。原创 2023-05-20 00:15:00 · 3687 阅读 · 6 评论 -
iOS描述文件(.mobileprovision)一键申请
如果选择的类型是ios app development 类型,则全部测试设备旁边必须有测试设备并且勾选上,如果没有显示测试设备,点击框框下面的添加测试,然后把测试设备的udid输入,把ios设备连接到当前pc,会自动获得设备的udid。然后选择描述文件类型,再选择bundle ID,如果没有bundle id,可以点击 弹出框框下面的添加bundle 按钮, bundle id也叫app id,app和描述文件绑定,不和证书绑定,所以每个app有一个单独的描述文件,但是很多app可以公用一个证书。原创 2023-05-19 14:48:13 · 5826 阅读 · 14 评论 -
ipa怎么装到苹果手机
Vue 进阶系列教程将在本号持续发布,一起查漏补缺学个痛快!若您有遇到其它相关问题,非常欢迎在评论中留言讨论,达到帮助更多人的目的。原创 2023-05-19 14:36:59 · 7911 阅读 · 0 评论 -
如何把ipa文件(iOS安装包)安装到iPhone手机上? 附方法汇总
添加苹果手机udid,打包安装(最多安装100台),这种安装方式主要依靠个人开发者账号,但由于个人开发者账号的价格较高且有下载数量限制,所以一般来说单价较高,并不适合那些用户多的app,但如果用户量不是特别多,超级签名的优势就完全发挥出来了,按照下载量收费,稳定性高。,apple账号的邮箱也是个重要的地方,当有ipa上传,账号有发生变化,被停用,apple经常发送一些邮件,去检查邮件通知,根据邮件通知修改调整。下面这个提示可能是账号过期,或者被停用,或者没付费688给apple,或者有协议需要更新。原创 2023-05-19 14:32:51 · 11777 阅读 · 0 评论 -
ipa如何安装到iphone
常见的例如没给apple 688年费就想着软件上架,想长期有效突破apple 7天的限制,想着不受苹果限制的证书期限,设备数量限制等,都是异想天开,这是不可能的。,apple账号的邮箱也是个重要的地方,当有ipa上传,账号有发生变化,被停用,apple经常发送一些邮件,去检查邮件通知,根据邮件通知修改调整。当未登录apple账号密码,直接使用上传专用密码上传时,这个信息是不会保存的,如果希望保存,请先点击其他按钮,弹出登录框后登录apple账号密码,然后再设置上传专用密码,这样就会记住密码了。原创 2023-05-19 14:30:02 · 5918 阅读 · 1 评论 -
在 React 中创建一个单词计数器(使用 Hooks)
函数用来监听text状态变量的变化,当text改变时,将文本按空格分割成单词数组,再遍历数组计算单词数,更新wordCount状态变量;同时,更新charCount状态变量为text的长度。最后,将输入框、单词数和字符数显示在页面上。函数用来处理文本框内容的变化,将输入的文本存储在text状态变量中。以上代码,实现了一个可以自动计算输入的单词数和字符数的文本框。其中,useState。原创 2023-05-19 00:00:00 · 3627 阅读 · 1 评论 -
如何使用depcheck检查vue和react的依赖,以后不用把时间浪费在依赖问题上了
高效使用depcheck检查vue和react的依赖,以后不用把时间浪费在灵异的依赖上面了原创 2023-04-28 11:02:04 · 4973 阅读 · 18 评论