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