搭建网易云（c端）项目

useLayoutEffect与useEffect名字很像，用法也大致类似，但两者执行时机不同： 根据上述特性，可以预计到如果在useEffect中瞬时连续更新某个状态，那么页面会发生多次渲染，现在举

要测量任何受支持的指标，您只需将一个函数传递给reportWebVitals 函数. 当任何指标的最终值在页面上完成计算时，将触发此函数。您可以使用它将任何结果记录到控制台或发送到特定端点。 LCP

1 . 是什么？ 2 . Why? 图片懒加载——当图片滚动到可见时才进行加载 内容无限滚动——也就是用户滚动到接近内容底部时直接加载更多，而无需用户操作翻页，给用户一种网页可以无限滚动的错觉 检测广

1 . React.lazy() lazy()函数，参数为一个函数，返回一个 import 语句。 import 一个 react 组件！！！ 2 . < Suspense > 组件 fallback

LocalStorage 的使用方法 要在你的 web 应用中使用 LocalStorage，只需要掌握以下的五种方法就可以了： setItem(): "增（改）" ，将数据以键值对的形式存到 Loc

被组件包括的子组件，他们的出现、离开都会有过度效果。 属性props： component <TransitionGroup>默认情况下呈现 a <div>。您可以通过提供component道具来更改

ReactDomClient createRoot() 为提供的创建一个 React 根container并返回根。根可用于将 React 元素渲染到 DOM 中render： 也可以使用以下命令卸载

将接到的响应的歌词数据，先按照每句分成歌词（字符串）数组的形式。如下 然后处理该数组，将数组里的歌词字符串改成对象的形式，即每句歌词对象里面，有 time 存的是该句歌词开始的时间，有content存

scrollBy（）可把内容滚动指定的像素数 scrillTo（） 可把内容滚动到指定的坐标 !!!!!

背景的设置 ，可以自己用 styled.components 设计一个组件 定位设置成 fixed background-size 设置为 cover filter 透明度自己设置 width 100

1 . RegExp（正则表达式） 正则表达式是一个描述字符模式的对象，当检索某个文本时，可以使用一种模式来描述要检索的内容，RegExp 就是这种模式。 1 . 1 正则的创建： 1 . 1 . 1

侧边栏 将默认一定有的数据标签的属性信息，如name？href？等储存在对象数组里面。（在 config.ts 文件中定义） 将会变化的数据标签，如我的歌单（可增删），把其相关数据储存在 redux

1 . 浏览器全屏的实现方式？ 利用h5的 requestFullScreen 摁F11实现全屏效果 2 . ### requestFullscreen全屏具体实现 2 . 1 进入全屏： 上述代码为

防抖是将多次执行变为最后一次执行,节流是将多次执行变成每隔一段时间执行。 1 . 防抖 可以借助react的ahooks库的useDebounce 或者是 lodash库中的_.debounce防抖

1 . 作用 2 . 使用场景 比如说当你登陆之后，你的个人信息一般是不会变的，当你退出登陆，重新输入另外一个人的账号密码之后，这个时候个人信息可能就变了，那这样我就可以把账号和密码`两个作为依赖项，

1 . Map的定义 2 . Map对象的定义 要使用 map 对象，则必须包含 map 头文件。在定义 map 对象时，必须分别指明键和值的类型（value type）. 3 . Map的构造函数

1 . 简介 2 . 提供及优点 没有类名错误: styled-components 为您的样式生成唯一的类名。您永远不必担心重复、重叠或拼写错误。 更容易删除 CSS: 很难知道类名是否在您的代码库

1 . React.Children this.props.children 的值有三种可能： 如果当前组件没有子节点，它就是 undefined。 如果有一个子节点，数据类型是 object。 如果

可以直接使用： 1. 2. 补：location对象 属性 值(字符串) 说明 location.protocal https: 页面使用的协议 location.hostname www.jueji

useRoutes()的参数为有组件对象组成的数组。 useRoutes的返回值要么是可用于渲染路由树的有效 React 元素，要么null是不匹配的元素。 嵌套路由用 children 实现。 如果