- 博客(315)
- 资源 (1)
- 收藏
- 关注
原创 受控组件和非受控组件的区别
在 React 中,受控组件(Controlled Components) 和 非受控组件(Uncontrolled Components) 是处理表单元素的两种不同方式,它们的核心区别在于 数据管理的方式 和 与 React 的交互模式。
2025-03-31 20:53:29
801
原创 React项目的三种路由模式
前端项目中,路由设计是重中之重,常见的路由模式基本有三种,适合在不同场景下进行选择。本文针对React项目的React Router API进行示例。
2025-03-27 21:53:40
437
原创 React中useEffect和useLayoutEffect的区别
在最近一次面试中被问到,我印象中好像从来没用过useLayoutEffect,就没答上来。但是看名字应该是跟布局相关的,而且跟useEffect会有类似的作用。
2025-03-12 20:11:52
258
原创 合并两个有序数组【高效版】
今天在X音上看到一个这样的题目,好像很多地方都见过,比较基础,提供一些可能高效的解决思路,在算法选择最优解的基础上,继续优化代码细节,让效率快2-3倍,并进行扩展应用。
2025-03-08 22:57:35
240
原创 前端用MQTT协议通信的场景和好处
上家公司中前端项目有用MQTT协议和硬件通信的场景,虽然很早就听说过MQTT协议,但是这是第一次在前端项目里基于MQTT协议做网络通信。当时没了解太多,工作中只做好了代码层面的工作,并没有深入了解MQTT协议的好处和适合的应用场景。
2025-03-05 21:30:55
626
原创 25年前端如何走的更稳
2025年,随着deepseek引起的AI大模型技术的深度革命,带来了很多机会和挑战,前端程序员作为互联网里一个普通但必不可少的岗位,在当前形势下,需要主动变革才能走的更稳。本文简单介绍三个方向,Web3前端、全栈、AI Agent。
2025-03-01 19:39:02
715
原创 TypeScript中的Omit和Pick
Omit用于从一个类型中剔除指定属性,生成一个新类型。Pick用于从一个类型中选择指定属性,生成一个新类型。这两个类型工具在TypeScript中非常有用,可以帮助我们更精确地定义和操作类型,使得代码更具表现力和安全性,也能达到一定的复用性。
2024-06-28 17:15:37
425
原创 React的闭包陷阱
React中的闭包陷阱是由于函数组件中的作用域和变量引用机制导致的常见问题。为了避免这种问题,特别是在使用React Hook时,应该采用函数形式的状态更新,而不是直接引用当前作用域中的变量。这种做法可以确保在更新状态时使用最新的值,避免潜在的bug和不一致性。
2024-06-28 17:15:02
595
原创 React逻辑复用的方式都有哪些
在日常开发中,能够优雅的复用组件和逻辑,是优秀开发者的职责。在react中,复用逻辑的方式有很多,可以适用于不同的业务场景。今天说三个比较有代表性的,Render Props、HOC、Hooks
2024-06-22 21:21:09
389
原创 React Hooks使用规则:为什么不在条件语句和循环中使用它们
React Hooks为函数组件引入了状态和生命周期特性,极大地增强了其功能。然而,正确使用Hooks是确保组件稳定性和性能的关键。本文将探讨React Hooks的基本规则,以及为什么我们不应该在条件语句和循环中使用它们。
2024-06-19 13:51:05
783
原创 GPT每日面试题-Typescript中type和interface的区别
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:typescript中type和interface的区别?
2024-04-30 11:05:16
884
原创 GPT每日面试题—在浏览器地址栏输入url后都发生了什么
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:在浏览器地址栏输入url后都发生了什么?
2024-03-26 11:54:16
444
原创 GPT每日面试题—防止接口重复调用的前端解决方案
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:防止接口重复调用的前端解决方案。
2024-03-12 11:38:53
491
原创 GPT每日面试题—Vue中style的scoped是如何实现样式隔离的
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:Vue中style的scoped是如何实现样式隔离的。
2024-03-12 11:12:47
530
原创 GPT每日面试题—如何解决html、css、js等静态资源的缓存问题
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:如何解决html、css、js等静态资源的缓存问题?
2024-02-27 18:37:58
726
原创 GPT每日面试题—Vue和React的Diff算法区别
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:Vue和React的Diff算法的区别?
2024-02-25 21:30:02
464
原创 GPT每日面试题—instanceof与typeof的区别
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:instanceof与typeof的区别?
2024-02-22 00:46:04
387
原创 GPT每日面试题—null和undefined的区别
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:null和undefined的区别?
2024-02-22 00:38:16
379
原创 GPT每日面试题—HTTP三次握手四次挥手
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:HTTP三次握手和四次挥手?为什么是三次握手而不是二次或者四次呢?
2024-02-18 11:27:26
452
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人