摘要： { display: grid; gap:12px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } 使用grid布局： 设置网格项之间的 间距（gutter） 12px 表示： 行与行之间：垂直间距 12px 列与列之 阅读全文

摘要： 官网https://nvm.uihtm.com/#nvm-mac 注意：不要使用HomeBrew安装nvm,官方不推荐，按照以下命令依次执行，推荐使用curl安装命令 安装完成之后终端输入nvm -v报错：command not found，是因为还没有配置环境变量，终端继续执行以下命令： expo 阅读全文

摘要： 1、vite.config.js使用gzip压缩代码： （1）确保你的项目是通过Vite创建的，或者已经将Webpack迁移至Vite。 （2）npm install --save-dev vite-plugin-compression （3）vite.config.js文件配置 import { 阅读全文

摘要： 场景一：共享状态逻辑类似于vuex，redux import { useState } from 'react';// 自定义钩子useCounterfunction useCounter(initialCount) { //useState可以类比vuex中的state定义 const [coun 阅读全文

摘要： 报错信息： Compressing objects: 100% (25/25), done. remote: 内部服务错误 (13/25) Writing objects: 100% (25/25), 2.03 MiB | 2.41 MiB/s, done. Total 25 (delta 6), 阅读全文

摘要： useMemo用于记住值，减少重新渲染组件所需的时间。 useCallback用于记住函数，避免函数不必要的重新创建，进而防止组件的重新渲染，适用于父组件需要将回调函数作为props传递给子组件的情况 它的作用到底是什么？useCallback的作用其实是用来避免子组件不必要的reRender： 场 阅读全文

摘要： 1、当messages发生变化时执行scrollToBottom方法 useEffect(() => { scrollToBottom(); }, [messages]); const scrollToBottom = () => { //页面滚动到底部 messagesEndRef.current 阅读全文

摘要： JavaScript 的模板字符串（template string）是一种字符串字面量，使用反引号（`）来标识。它可以包含动态的部分，即在运行时表达式的值可以嵌入其中。 模板字符串中的表达式写在${}内。任何字符串都可以用反引号来创建，而且可以嵌入表达式。 let name = 'Alice';le 阅读全文

摘要： 1、普通div包裹聊天内容： <div className="chat-record" ref={chatContainerRef}> {messages.map((message) => ( <MessageComponent message={message}/> ))} <div ref={m 阅读全文

摘要： 1、定义数组： const [items, setItems] = useState([]); 2、普通js写法插入： setItems([...items,newItem]) 但是由于react是异步渲染的，这种更新方式可能会导致渲染不同步 3、推荐更新方式：使用setState方法，并提供一个函 阅读全文