自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 React大学习4(Hooks)

React Hooks 是让函数组件具备状态管理和生命周期能力的特殊函数。主要解决了类组件复杂、逻辑复用困难的问题,使代码更符合函数式编程范式。常用 Hooks 包括: useState:管理组件内部状态,提供状态值和更新函数。注意更新是异步的,且需避免直接修改对象/数组。 useEffect:处理副作用(如请求、定时器),替代生命周期方法。需注意依赖数组控制执行时机,避免闭包陷阱。 使用 Hooks 需遵循三条规则:只在函数组件顶层调用、保持调用顺序一致、以use开头命名。开发时需警惕闭包问题,合理处理依

2025-12-24 23:30:52 581

原创 React大学习3(路由)

React Router 是一个用于 React 单页应用的路由管理库,它通过 URL 路径匹配对应组件。安装使用 react-router-dom 后,可配置基本路由表,支持嵌套路由(通过 <Outlet> 占位符)和错误页面处理。路由跳转分为声明式(<Link>/<NavLink>)和编程式(useNavigate),参数传递支持 Query 参数(useSearchParams)和路径参数(useParams)。React Router 6.4+ 提供 Data A

2025-12-22 22:28:48 970

原创 React大学习2(全局状态)

React全局状态管理方案解析:针对React单向数据流带来的props传递繁琐问题,本文系统介绍了三种解决方案。首先通过Context API实现轻量级状态共享,适用于主题切换等简单场景;其次详细讲解Redux核心原理,包括state/action/reducer三大概念;重点推荐Redux Toolkit(RTK)方案,展示如何通过createSlice定义模块、使用useSelector/useDispatch操作状态,并演示createAsyncThunk处理异步请求的全流程。最后介绍Redux D

2025-12-18 22:59:19 581

原创 React大学习1(基础)

React是一个用于构建用户界面的JavaScript库,专注于视图层开发。它提供声明式UI、组件化开发和虚拟DOM等特性。React可以通过三种方式搭建:HTML模板引入React库、直接使用React.js文件或使用脚手架工具创建项目。核心概念包括JSX语法(JavaScript的语法糖)、组件(函数组件和类组件)、状态管理(useState Hook)、属性传递(Props)、事件处理、条件渲染和列表渲染。React支持多种样式处理方式,包括内联样式、CSS模块和CSS-in-JS。组件通信方式包括父

2025-12-17 21:07:51 834

原创 前端上班搭环境速通

这篇主要是前端开发的一个环境的配置,有需要其他领域开发的环境搭配大家可以自行去查找,挺多教程的,然后这篇主要是我的一个经历的记录和笔记嘛,方便跳槽去其他公司快速搭建好环境嘿嘿😃刚入职,基本就是需要配置好前端开发的环境了,软件、插件以及包等等,我也是看大佬的教程加上自己的需求来写的,恰好第一天入职就写了这份博客吧!!!

2025-05-19 16:24:44 914

原创 前端面经(一)

前两天刚结束我的第一次面试,我面试的是前端实习开发岗,这都是我因为学校的原有一直等到现在才去找实习,都过了金三银四的时期了,不管怎么样,我也是顺利拿到offer了,(虽然只是一个小型软件公司,工资也一言难尽)做一下总结吧☀️。

2025-05-16 20:39:00 988

原创 一起手撸一个轮播图

现在的轮播图都是特别的常见了,无论是桌面端还是移动端。像现在有许多集成的轮播图组件比如element的,但是效果肯定是没有自己弄的那么好,为了满足我们自己的需求还是来手撸一下吧,顺便对js,css的知识有一个加强复习那就让我们动手来实现一个广告的轮播图吧。

2025-03-27 22:47:13 389

原创 前端数据存储全解析:localStorage、sessionStorage 与 Cookie

Cookie 是服务器发送到用户浏览器并保存的小段文本,它会在浏览器下次向同一服务器发起请求时被携带并发送到服务器上。会话状态管理:如用户登录状态、购物车内容、游戏分数等需要记录的信息个性化设置:如用户自定义设置、主题等浏览器行为跟踪:如跟踪分析用户行为、广告投放等对于更复杂的数据存储需求,Web Storage API 和 Cookie 可能不足以满足。IndexedDB 提供了一个完整的客户端数据库解决方案:支持存储大量结构化数据支持索引和事务支持复杂查询和游标支持二进制数据(如文件、图像)

2025-03-26 19:32:15 8344

原创 HTTP缓存

了解http缓存的内容,实现

2025-03-24 22:37:09 689

原创 防止接口异常导致前端崩溃呀!!

默认值防御:所有从后端获取的数据在使用前都提供默认值类型检查:操作数据前先检查其类型(特别是数组和对象)错误边界:异步操作必须有错误处理和finally清理空值检测:特别警惕null和undefined,它们是导致崩溃的主要原因降级方案:核心功能必须有备用实现,确保基。

2025-03-22 19:05:24 822

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除