# jiang_font

**Repository Path**: sooooup/jiang_back

## Basic Information

- **Project Name**: jiang_font
- **Description**: react+ts编写博客前台页面
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 0
- **Created**: 2022-06-01
- **Last Updated**: 2022-10-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 难点

## 1.路由守卫

实现路由守卫时，antd的message不起作用，这是因为回退路由时会清除上一个页面组价的所有东西

所以可以用redux配合放在app.tsx的message组件或者使用hashrouter

## 2.useCallback和memo的必要场景

在无限懒加载的场景下。父组件需要传递给子组件一个函数，这个函数的作用是获取新的数据，

当触发加载条件时再调用这个函数，此时如果对这个函数不使用useCallback，由于每次调用函数都会触发父组件的更新，而这个函数没有进行缓存，那么在这一瞬间子组件又会调用这个函数，就会出现一次懒加载请求多次



补充：一般多次修改state情况下推荐使用回调函数的形式修改，否则可能会出现不可控的错误



## 3.文章页面目录导航时

获取getBoundingClientRect().top时必须要等到页面所有资源加载完成时才能生效，但是不能掌握数据加载回来的时间，可以延时加载目录