南方kenny

嗨，各位前端工友！👋 最近是不是又被React的状态管理搞得头大？ useState写多了觉得散乱，用Redux又嫌太重？今天咱们就聊聊两个「轻量级但超实用」的API—— Reducer 和 Cont

最近在整理项目代码时发现，无论是全局状态管理还是工具类封装，单例模式简直无处不在！今天就结合一点实际代码，用大白话聊聊单例模式到底是个啥，以及怎么用JS实现它。 先问个问题：为什么需要单例模式？ 假设

前言： 上一文我们讲解了原生JS如何用 hashChange 和 pushState 实现两种路由方案，通过拦截URL变化事件、阻止浏览器默认刷新行为并动态更新页面内容，解决了传统多页应用（MPA）中

前言：为什么我们会遇到「路由」这个问题？ 不知道你有没有这样的体验：打开一个传统网站，点击导航栏的「首页」→ 白屏2秒 → 新页面加载完成；再点击「关于我们」→ 又白屏2秒 → 另一个新页面出现。就像

前言 在Web开发中，我们经常需要将数据存储在用户的浏览器中，以便在用户下次访问时能够快速加载，或者在离线状态下也能正常使用。这就引出了前端存储的概念。前端存储就像是给你的Web应用配备了一个“记忆力

一、项目介绍 大家好，今天给大家分享一个我最近开发的小项目——AI单词拍照应用。这是一个基于React的移动应用，通过拍照识别图片内容，自动生成对应的英文单词、例句和发音，帮助用户更直观地学习英语单词

一、初识WeUI-Uploader组件 最近在学习微信官方UI库WeUI的上传组件源码，发现其中包含了很多移动端CSS布局的最佳实践。这个上传组件不仅实现了图片预览、数量控制等基础功能，更重要的是它的

作为前端开发者，你是否曾遇到过这样的困惑：明明写在后面的代码，为什么先执行了？或者为什么 setTimeout(fn, 0) 不是立即执行？这些问题的答案，都藏在JavaScript的 事件循环

作为前端开发者，我们每天都在和浏览器打交道。我们写的 HTML、CSS、JavaScript 代码，最终都是由浏览器这个“翻译官”呈现给用户的。